:root{--ocean-900: #0a1f2d;--ocean-800: #0e2c3e;--ocean-700: #143a50;--ocean-600: #1b4a64;--parch-100: #f7efdc;--parch-200: #efe3c8;--parch-300: #e4d4b0;--parch-400: #d4bf93;--ink-900: #2b1d0e;--ink-700: #4a3520;--ink-500: #6e573a;--wood-700: #5b3a1e;--wood-500: #8a5a2e;--gold-500: #e8a33d;--gold-400: #f0b95c;--gold-300: #f7d08a;--accent-red: #c0392b;--ok-500: #2ea86b;--danger-500: #d24034;--radius-s: 8px;--radius-m: 12px;--radius-l: 18px;--shadow-1: 0 1px 3px rgba(4, 14, 21, .45);--shadow-2: 0 6px 18px rgba(4, 14, 21, .5);--shadow-3: 0 16px 48px rgba(4, 14, 21, .6);--font-display: "Crimson Pro", "Georgia", serif;--font-ui: "Alegreya Sans", "Gill Sans", "Segoe UI", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-snap: cubic-bezier(.34, 1.4, .64, 1);font-family:var(--font-ui);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(1100px 750px at 72% -12%,rgba(34,92,124,.55) 0%,transparent 60%),radial-gradient(900px 700px at 8% 112%,rgba(22,64,90,.6) 0%,transparent 55%),radial-gradient(1400px 900px at 50% 50%,rgba(14,44,62,.4),transparent 75%),linear-gradient(180deg,var(--ocean-800),var(--ocean-900));color:var(--parch-100);font-size:15.5px;line-height:1.45;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 95% at 50% 42%,transparent 60%,rgba(3,11,17,.5) 100%)}#root{position:relative;z-index:1}h1,h2,h3{font-family:var(--font-display);margin:0}input,select{font:inherit;background:#ffffff12;border:1px solid rgba(247,239,220,.25);border-radius:var(--radius-s);color:var(--parch-100);padding:9px 13px;outline:none;transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}input:focus-visible,select:focus-visible{border-color:var(--gold-500);box-shadow:0 0 0 3px #e8a33d38}select option{background:var(--ocean-800)}button{font:inherit;cursor:pointer;touch-action:manipulation;border:none;border-radius:var(--radius-s);position:relative;transition:transform .12s var(--ease-out),filter .15s var(--ease-out),box-shadow .15s var(--ease-out),background .15s var(--ease-out)}button:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible{outline:none;box-shadow:0 0 0 3px #e8a33d66}.btn{padding:10px 18px;font-weight:700;letter-spacing:.2px;background:#ffffff17;color:var(--parch-100);border:1px solid rgba(247,239,220,.22)}.btn:hover:not(:disabled){filter:brightness(1.18);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.97)}.btn-primary{background:linear-gradient(180deg,var(--gold-300),var(--gold-500) 90%);color:var(--ink-900);border:1px solid #a97320;box-shadow:var(--shadow-1),inset 0 1.5px #ffffff8c,inset 0 -2px #7a4d0e59;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn-primary:hover:not(:disabled){filter:brightness(1.05) saturate(1.05)}.btn-danger{background:linear-gradient(180deg,#e05546,var(--danger-500));color:#fff;border:1px solid #9e2b21}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--parch-300)}.btn-ghost:hover:not(:disabled){border-color:#f7efdc4d}.btn-small{padding:5px 12px;font-size:13.5px}.panel{background:linear-gradient(180deg,#163e56d1,#0d2839eb);border:1px solid rgba(247,239,220,.13);border-radius:var(--radius-l);box-shadow:var(--shadow-2),inset 0 1px #f7efdc12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-parchment{background:radial-gradient(140% 110% at 30% 0%,rgba(255,252,240,.5),transparent 50%),linear-gradient(170deg,var(--parch-100),var(--parch-200) 60%,var(--parch-300));color:var(--ink-900);border:1px solid var(--parch-400);border-radius:var(--radius-l);box-shadow:var(--shadow-3),inset 0 0 50px #7b582d21}.panel-parchment .btn:not(.btn-primary):not(.btn-danger){background:#5b3a1e1c;color:var(--ink-900);border-color:#5b3a1e52;box-shadow:inset 0 1px #ffffff8c}.panel-parchment .btn:not(.btn-primary):not(.btn-danger):hover:not(:disabled){background:#5b3a1e2e;filter:none}.panel-parchment .btn:disabled{opacity:.48}.panel-parchment .side-tab{color:#4a35209e;border-bottom-color:#5b3a1e1f}.panel-parchment .side-tab.active{color:#a97320;border-bottom-color:var(--gold-500)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.rise{animation:rise-in .4s var(--ease-out) both}.rise-1{animation:rise-in .4s var(--ease-out) .06s both}.rise-2{animation:rise-in .4s var(--ease-out) .12s both}.rise-3{animation:rise-in .4s var(--ease-out) .18s both}.slider-field{display:flex;flex-direction:column;gap:6px}.slider-head{display:flex;align-items:baseline;justify-content:space-between}.slider-label{font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--parch-300)}.slider-value{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--gold-400);min-width:48px;text-align:right;font-variant-numeric:tabular-nums}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:26px;padding:0;background:transparent;border:none;cursor:pointer}input[type=range].slider:focus-visible{box-shadow:none}input[type=range].slider::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(var(--gold-500),var(--gold-500)) 0 / var(--fill, 50%) 100% no-repeat,#081822d9;box-shadow:inset 0 1.5px 3px #00000080,inset 0 -1px #f7efdc14}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fde7bb,var(--gold-500) 60%,#b97f24);border:2px solid #8a5a1c;box-shadow:0 2px 5px #00000073,inset 0 1px #fff9;transition:transform .12s var(--ease-snap)}input[type=range].slider::-moz-range-track{height:8px;border-radius:99px;background:#081822d9}input[type=range].slider::-moz-range-progress{height:8px;border-radius:99px;background:var(--gold-500)}input[type=range].slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fde7bb,var(--gold-500) 60%,#b97f24);border:2px solid #8a5a1c}input[type=range].slider:hover::-webkit-slider-thumb{transform:scale(1.18)}input[type=range].slider:active::-webkit-slider-thumb{transform:scale(1.28)}input[type=range].slider:disabled{cursor:default;opacity:.55}input[type=range].slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #e8a33d59}.home{height:100%;display:grid;place-items:center;padding:24px;overflow:auto}.home-card{width:min(440px,94vw);padding:38px 36px 30px;text-align:center}.home-logo{font-size:54px;font-weight:800;letter-spacing:.5px;color:var(--ink-900);line-height:1}.home-logo .free{color:var(--accent-red)}.home-tag{color:var(--ink-500);margin:8px 0 26px;font-size:15px}.home-card input{width:100%;background:#ffffff8c;border:1px solid var(--parch-400);color:var(--ink-900);text-align:center;font-weight:700}.home-card input::placeholder{color:var(--ink-500);font-weight:400}.home-card input:focus-visible{box-shadow:0 0 0 3px #c0392b2e;border-color:var(--accent-red)}.home-row{display:flex;gap:10px;margin-top:10px}.home-row>*{flex:1}.home-divider{display:flex;align-items:center;gap:12px;color:var(--ink-500);font-size:12px;letter-spacing:2px;margin:20px 0 8px}.home-divider:before,.home-divider:after{content:"";flex:1;height:1px;background:var(--parch-400)}.code-input{text-transform:uppercase;letter-spacing:8px;font-family:var(--font-display);font-size:22px}.home-hexes{margin-bottom:-38px;position:relative;z-index:1;text-align:center;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));animation:float-bob 6s ease-in-out infinite}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.lobby{height:100%;display:grid;grid-template-columns:minmax(330px,410px) 1fr;gap:16px;padding:16px;overflow:hidden}.lobby-left{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.lobby-title{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}.lobby-code-wrap{cursor:pointer;border-radius:var(--radius-m);padding:2px 8px 6px;margin-left:-8px;transition:background .15s var(--ease-out)}.lobby-code-wrap:hover{background:#e8a33d1a}.lobby-code{font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:8px;color:var(--gold-400);-webkit-user-select:all;user-select:all;line-height:1.1}.lobby-code-label{font-size:11px;letter-spacing:1.6px;color:var(--parch-300);opacity:.85;text-transform:uppercase}.seats{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.seat{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(247,239,220,.1);padding:10px 12px;border-radius:var(--radius-m);animation:rise-in .3s var(--ease-out) both}.seat-color{width:24px;height:24px;border-radius:7px;flex:none;border:2px solid rgba(0,0,0,.4);box-shadow:inset 0 2px 3px #fff6,0 1px 2px #0000004d}.seat-name{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-badge{font-size:11px;font-weight:700;letter-spacing:.8px;padding:3px 9px;border-radius:99px;background:#ffffff1f;color:var(--parch-200);flex:none}.seat-badge.host{background:#e8a33d38;color:var(--gold-400)}.seat-badge.ready{background:#2ea86b40;color:#5fd49a}.seat-badge.offline{background:#d2403440;color:#f08c82}.lobby-settings{padding:16px 18px 6px;display:flex;flex-direction:column;gap:14px}.lobby-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.lobby-settings-row label{font-size:12.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--parch-300);display:flex;flex-direction:column;gap:5px}.lobby-actions{display:flex;gap:10px;padding:12px 16px 16px}.lobby-right{display:flex;flex-direction:column;min-height:0}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;padding:14px;overflow-y:auto;flex:1;min-height:0;align-content:start}.map-card{background:#ffffff0d;border:2px solid rgba(247,239,220,.1);border-radius:var(--radius-m);padding:8px;cursor:pointer;text-align:center;transition:border-color .15s var(--ease-out),background .15s var(--ease-out),transform .15s var(--ease-out)}.map-card:hover{background:#ffffff1a;transform:translateY(-2px)}.map-card.selected{border-color:var(--gold-500);background:#e8a33d21;box-shadow:0 0 0 1px #e8a33d4d,0 4px 14px #e8a33d1f}.map-card.tight{opacity:.42}.map-card.tight:hover{opacity:.74}.map-card.tight.selected{opacity:1}.map-thumb-shell{display:grid;place-items:center;margin-inline:auto;contain:layout paint style}.map-thumb-placeholder{width:100%;height:100%;border-radius:6px;background:radial-gradient(circle at 34% 42%,rgba(232,163,61,.26) 0 18%,transparent 19%),radial-gradient(circle at 62% 50%,rgba(46,168,107,.22) 0 17%,transparent 18%),linear-gradient(180deg,#1d587857,#0d2c3f47);border:1px solid rgba(247,239,220,.08)}.map-card-name{font-weight:700;font-size:13.5px;margin-top:4px}.map-card-meta{font-size:11px;color:var(--parch-300);opacity:.85}.map-desc-bar{padding:11px 16px;font-size:13.5px;color:var(--parch-200);border-top:1px solid rgba(247,239,220,.1);min-height:42px}.side-tabs{display:flex;border-bottom:1px solid rgba(247,239,220,.12);flex:none}.side-tab{flex:1;padding:11px;background:transparent;color:var(--parch-300);font-weight:700;border-radius:0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.side-tab.active{color:var(--gold-400);border-bottom-color:var(--gold-500)}.side-tab .tab-dot{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:var(--danger-500);box-shadow:0 0 0 2px #040d1473;vertical-align:1px}.log-scroll{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:5px;font-size:13.5px;min-height:0;overscroll-behavior:contain}.log-entry{color:var(--parch-200);animation:fade-in .25s ease-out both}.log-entry .who{font-weight:800}.log-entry.dim{opacity:.65}.log-divider{border-top:1px dashed rgba(247,239,220,.18);margin:5px 0}.chat-line{word-break:break-word}.chat-line .who{font-weight:800}.chat-input-row{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(247,239,220,.12);flex:none}.chat-input-row input{flex:1;min-width:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#040d14a6;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .18s ease-out both;padding:14px}.modal{width:min(560px,96vw);max-height:88dvh;overflow-y:auto;padding:24px 26px;animation:modal-in .22s var(--ease-snap) both}@keyframes modal-in{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h2{font-size:27px;margin-bottom:4px}.modal .sub{color:var(--ink-500);font-size:14px;margin-bottom:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.res-stepper-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.res-stepper{display:flex;flex-direction:column;align-items:center;gap:5px}.res-stepper .controls{display:flex;align-items:center;gap:6px}.res-stepper .controls button{width:28px;height:28px;border-radius:7px;font-weight:800;background:var(--ink-700);color:var(--parch-100)}.res-stepper .val{min-width:20px;text-align:center;font-weight:800;color:var(--ink-900);font-variant-numeric:tabular-nums}.victim-row{display:flex;gap:10px;flex-wrap:wrap}.victim-btn{display:flex;align-items:center;gap:8px;padding:11px 16px}.winner-table{width:100%;border-collapse:collapse;margin-top:12px}.winner-table th,.winner-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--parch-400)}.winner-table tr.winner td{font-weight:800;color:var(--accent-red)}.trophy{font-size:44px;display:inline-block;animation:trophy-pop .7s var(--ease-snap) .15s both}@keyframes trophy-pop{0%{transform:scale(0) rotate(-14deg)}70%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0)}}.confetti{position:absolute;top:-10px;width:9px;height:14px;border-radius:2px;opacity:.9;animation:confetti-fall 3.2s linear infinite}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0)}to{transform:translateY(105vh) rotate(660deg)}}.toasts{position:fixed;top:16px;right:16px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background:linear-gradient(180deg,#e05546,var(--danger-500));color:#fff;padding:11px 16px;border-radius:var(--radius-m);box-shadow:var(--shadow-2);font-weight:600;font-size:14px;animation:toast-in .25s var(--ease-snap) both;max-width:min(360px,calc(100vw - 32px))}.toast.info{background:linear-gradient(180deg,#1b4a64fa,#103043fa);border:1px solid rgba(232,163,61,.4)}@keyframes toast-in{0%{opacity:0;transform:translate(24px) scale(.96)}}.conn-pill{position:fixed;bottom:12px;left:12px;z-index:100;font-size:12.5px;padding:5px 13px;border-radius:99px;background:#d24034eb;color:#fff;font-weight:700;animation:fade-in .3s .6s both}.floater{position:absolute;top:-6px;left:50%;transform:translate(-50%);font-weight:800;font-size:15px;pointer-events:none;z-index:8;text-shadow:0 1px 3px rgba(0,0,0,.6);animation:float-up 1.1s var(--ease-out) both}.floater.plus{color:#6fe3a5}.floater.minus{color:#ff8d80}@keyframes float-up{0%{opacity:0;transform:translate(-50%,6px) scale(.8)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.12)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}.turn-progress{position:absolute;left:5px;right:5px;bottom:3px;height:4px;border-radius:99px;background:#00000059;overflow:hidden}.turn-progress-fill{height:100%;border-radius:99px;background:var(--gold-500);transition:width .5s linear}.turn-progress-fill.low{background:var(--danger-500);animation:spot-pulse .8s ease-in-out infinite}.sound-toggle{position:absolute;top:12px;right:12px;z-index:6;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#091c28d9;border:1px solid rgba(247,239,220,.25);color:var(--parch-100);font-size:15px}.road-drop,.piece-drop,.build-vp-toast{transform-box:fill-box;transform-origin:center;will-change:transform,opacity}.road-drop,.road-in{animation:road-drop var(--road-drop-ms, .48s) cubic-bezier(.23,1,.32,1) both}@keyframes road-drop{0%{opacity:0;transform:translateY(-26px) scale(.82)}58%{opacity:1;transform:translateY(3px) scale(1.04)}78%{transform:translateY(-1px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.spot{cursor:pointer;opacity:.84}.spot-attention{animation:spot-pulse 1.6s ease-in-out infinite}@keyframes spot-pulse{0%,to{opacity:.74}50%{opacity:.94}}.spot:hover{opacity:1!important;animation:none}.spot-halo{opacity:.26;transform-box:fill-box;transform-origin:center}.spot-attention .spot-halo{animation:halo-pulse 1.5s ease-in-out infinite}@keyframes halo-pulse{0%,to{transform:scale(.82);opacity:.16}50%{transform:scale(1.05);opacity:.32}}.hex-clickable{cursor:pointer}.hex-clickable:hover{filter:brightness(1.16)}.piece-drop,.piece-pop{transform-box:fill-box;transform-origin:center bottom;animation:piece-drop var(--piece-drop-ms, var(--piece-pop-ms, .58s)) cubic-bezier(.18,.89,.28,1.12) both}@keyframes piece-drop{0%{opacity:0;transform:translateY(-34px) scale(.88)}56%{opacity:1;transform:translateY(4px) scale(1.06)}76%{transform:translateY(-2px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.city-drop{animation-duration:calc(var(--piece-drop-ms, var(--piece-pop-ms, .58s)) + 90ms)}.build-vp-toast{animation:build-vp-toast 1.45s cubic-bezier(.23,1,.32,1) both}.build-vp-ribbon,.build-vp-ribbon-tail{fill:#fff8e8;stroke:#5037208c;stroke-width:1.6;filter:drop-shadow(0 2px 1.5px rgba(16,20,18,.25))}.build-vp-ribbon-tail{fill:#f3e0b5}.build-vp-text{fill:#2f2115;font:900 17px var(--font-ui)}.build-vp-trophy{font:700 15px var(--font-ui)}@keyframes build-vp-toast{0%{opacity:0;transform:translateY(8px) scale(.82)}14%{opacity:1;transform:translateY(0) scale(1.06)}72%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.96)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#f7efdc38;border-radius:99px}::-webkit-scrollbar-track{background:transparent}@media (max-width: 1180px){.game{grid-template-columns:204px 1fr 250px;gap:10px;padding:10px}.rescard{width:46px;height:62px;font-size:20px}.devcard{min-width:62px;height:62px}}@media (max-width: 1080px){body{overflow:hidden}.game{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:8px;padding:8px}.game-left{grid-column:1;grid-row:1;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px;padding-bottom:2px}.game-left .player-card{min-width:148px;padding:8px 10px}.game-left .player-vp{font-size:19px}.game-left .player-stats{font-size:11.5px;gap:7px}.game-left .panel:last-child{display:none}.game-center{grid-column:1;grid-row:2}.game-bottom{grid-column:1;grid-row:3;flex-direction:column;gap:8px}.hand-panel{padding:8px 10px;gap:9px;justify-content:center}.actions-panel{padding:8px 10px}.actions-row{flex-wrap:wrap;justify-content:center}.build-btn{min-width:70px;padding:6px 9px}.rescard{width:42px;height:56px;font-size:18px;border-radius:8px}.rescard .count{min-width:20px;height:20px;font-size:11px}.devcard{min-width:56px;height:56px;font-size:10px}.devcard .big{font-size:17px}.phase-banner{font-size:12.5px;padding:6px 14px;top:8px}.game-right{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(330px,88vw);border-radius:var(--radius-l) 0 0 var(--radius-l);transform:translate(calc(100% + 20px));transition:transform .28s var(--ease-out)}.game-right.open{transform:translate(0);box-shadow:-12px 0 40px #030b118c}.log-toggle{display:grid;place-items:center;position:absolute;top:10px;right:10px;z-index:6;width:44px;height:44px;border-radius:50%;background:#091c28eb;border:1px solid rgba(232,163,61,.45);color:var(--parch-100);font-size:19px;box-shadow:var(--shadow-2)}.log-toggle .badge{position:absolute;top:-3px;right:-3px;background:var(--danger-500);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:99px;display:grid;place-items:center}.sound-toggle{top:62px;right:13px}.lobby{display:flex;flex-direction:column;height:100dvh;overflow-y:auto;gap:12px;padding:12px}.lobby-left{flex:none;overflow:visible;min-height:auto}.lobby-right{flex:none;height:74dvh}.map-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}.lobby-code{font-size:28px;letter-spacing:6px}}@media (max-width: 480px){body{font-size:14.5px}.game-left .player-card{min-width:128px}.dice-block{flex-direction:row}.die{width:36px;height:36px}.hand-panel{gap:7px}.home-card{padding:28px 22px 24px}.home-logo{font-size:42px}.modal{padding:18px 16px}.lobby-settings-row{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-stage{position:relative;height:100dvh;overflow:hidden}.game-stage .board-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fl-topleft{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;z-index:12}.util-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#091c28e0;border:1px solid rgba(247,239,220,.25);color:var(--parch-100);font-size:17px;box-shadow:var(--shadow-1)}.util-btn .badge{position:absolute;top:-3px;right:-3px;background:var(--danger-500);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:99px;display:grid;place-items:center}.util-btn .badge.unread-dot{top:4px;right:4px;width:10px;min-width:10px;height:10px;border:2px solid rgba(9,28,40,.92);padding:0;color:transparent}.show-narrow{display:none}.fl-right{position:absolute;top:12px;right:12px;width:304px;z-index:10;display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - 196px)}.fl-log{height:clamp(180px,32dvh,300px);display:flex;flex-direction:column;min-height:0}.bank-row{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:var(--radius-m);flex:none}.bank-icon{font-size:17px;margin-right:2px}.bank-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:7px;padding:3px 0;color:var(--ink-900);font-size:12px;font-weight:700;border:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px #fff6}.bank-chip b{font-size:12.5px}.bank-chip.dev{background:linear-gradient(180deg,#e9def3,#cdb9e3)}.prow-stack{display:flex;flex-direction:column;gap:7px;overflow-y:auto;min-height:0}.prow{display:grid;grid-template-columns:36px minmax(78px,1fr) auto auto minmax(52px,auto);align-items:center;gap:8px;padding:8px 11px;border-radius:var(--radius-m);position:relative;flex:none;background-color:var(--prow-color);background-image:linear-gradient(180deg,#ffffff29,#0000003d),linear-gradient(90deg,#040e1533,#040e150a);transition:outline-color .2s,box-shadow .3s}.prow.current{outline:none;box-shadow:inset 0 0 0 2px var(--gold-500),0 0 16px #e8a33d4d;padding-left:22px}.prow.mine{padding:10px 12px}.prow.mine.current{padding-left:22px}.prow-turn-dots{position:absolute;left:7px;top:50%;transform:translateY(-50%);color:var(--gold-400);font-size:15px;line-height:1;animation:spot-pulse 1.2s ease-in-out infinite;pointer-events:none}.prow-avatar{width:36px;height:36px;border-radius:10px;flex:none;border:2px solid rgba(0,0,0,.4);box-shadow:inset 0 2px 3px #ffffff59;position:relative;background-color:var(--prow-color);background-image:var(--prow-avatar);background-size:cover;background-position:center}.prow-vp{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);background:var(--parch-100);color:var(--ink-900);font-family:var(--font-display);font-weight:800;font-size:13px;min-width:22px;height:19px;border-radius:7px;padding:0 4px;display:grid;place-items:center;border:1px solid var(--parch-400);box-shadow:var(--shadow-1);box-sizing:border-box;line-height:1;white-space:nowrap;letter-spacing:0}.prow-vp.private{min-width:46px;height:20px;border-radius:8px;font-size:11.5px;padding:0 5px}.prow-name-wrap{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.prow-name-line{min-width:0;max-width:100%;display:flex;align-items:center;gap:2px}.prow-name{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.prow-offline{color:#f08c82}.prow-stat{font-size:17px;font-weight:700;color:var(--parch-100);flex:none;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:26px}.prow-stat-count{font-size:13px;line-height:1;font-weight:900}.prow-stat-icon{font-size:20px;line-height:1}.prow-stat.danger{color:#ff9d92;font-weight:800}.prow-awards{display:grid;grid-auto-flow:column;grid-auto-columns:26px;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.perk-badge-row{display:inline-flex;align-items:center;justify-content:flex-start;gap:1px;max-width:100%;min-height:18px;overflow:visible}.perk-badge{width:40px;height:40px;display:inline-grid;place-items:center;flex:none;color:#2b1d0e;font-weight:950;font-size:11px;line-height:1;text-shadow:none}.perk-badge-button{position:relative;padding:0;border:0;background:transparent;border-radius:9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:help;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.perk-badge-button:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}.perk-badge.small{width:20px;height:20px;font-size:8px}.perk-badge img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 1px 1px rgba(20,10,2,.35));transition:transform .12s ease,filter .12s ease}.perk-badge-text{width:100%;height:100%;border-radius:9px;display:grid;place-items:center;padding:0 3px;background:linear-gradient(180deg,#f7e2a3,#b97832);border:2px solid rgba(41,24,10,.75);box-shadow:var(--shadow-1),inset 0 1.5px #ffffff8c;text-align:center;overflow:hidden;text-overflow:clip;transition:transform .12s ease,filter .12s ease}.perk-badge.small .perk-badge-text{border-radius:7px;border-width:1.5px}@media (hover: hover) and (pointer: fine){.perk-badge-button:hover img,.perk-badge-button.open img,.perk-badge-button:hover .perk-badge-text,.perk-badge-button.open .perk-badge-text{transform:translateY(-1px) scale(1.05);filter:drop-shadow(0 2px 2px rgba(20,10,2,.42))}}.perk-tooltip{position:fixed;z-index:70;width:max-content;max-width:min(244px,calc(100vw - 16px));padding:8px 10px 9px;border-radius:9px;background:#0f2533f7;border:1px solid rgba(247,239,220,.22);color:var(--parch-100);box-shadow:var(--shadow-2);pointer-events:none;text-align:left;transform:translateY(-100%);animation:fade-in .12s var(--ease-out) both}.perk-tooltip.center{transform:translate(-50%,-100%)}.perk-tooltip.below{transform:none}.perk-tooltip.below.center{transform:translate(-50%)}.perk-tooltip b{display:block;margin-bottom:3px;color:var(--gold-300);font-size:12px;line-height:1.05}.perk-tooltip span{display:block;font-size:11.5px;line-height:1.25}@media (prefers-reduced-motion: reduce){.perk-badge img,.perk-badge-text,.perk-tooltip{transition:none;animation:none}}.award-metric{min-width:24px;min-height:34px;border-radius:8px;display:grid;place-items:center;align-content:center;gap:1px;color:#f7efdccc;opacity:.74}.award-metric.held{opacity:1;color:#ffd878;background:#e8a33d33;box-shadow:inset 0 0 0 1px #f0b95ca6,0 0 10px #e8a33d2e}.award-metric .award-img{max-width:20px;max-height:18px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.award-count{font-size:10.5px;font-weight:900;line-height:1;text-align:center}.prow.tinted{text-shadow:0 1px 2px rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.35)}.prow.tinted .prow-name{color:#f7efdc}.prow.tinted .prow-stat .icon-img{height:23px;vertical-align:-5px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.prow.prow-card-pulse{outline:2px solid rgba(240,185,92,.62);outline-offset:2px;box-shadow:var(--shadow-2),0 0 0 4px #f0b95c3d,0 0 22px #f0b95c38;animation:prow-card-pulse 1.15s cubic-bezier(.45,0,.25,1) infinite}@keyframes prow-card-pulse{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.014)}}.fl-me{position:absolute;right:12px;bottom:12px;z-index:11;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.status-cluster{display:flex;gap:8px}.status-pill{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;font-weight:700;font-size:14px;white-space:nowrap}.status-pill.attention{border-color:var(--gold-400);animation:banner-glow 1.8s ease-in-out infinite}.status-timer{padding:9px 12px;border-radius:var(--radius-m);font-variant-numeric:tabular-nums;font-weight:800;font-size:14.5px;min-width:72px;text-align:center}.status-timer.low{color:#ff8d80;animation:spot-pulse .8s ease-in-out infinite}.dice-corner-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:7px;position:relative;align-self:flex-end}.dice-corner{display:flex;gap:8px;padding:4px;background:transparent;border:none;position:relative;align-self:flex-end}.dice-corner:disabled{opacity:1;cursor:default}.dice-corner .die{width:54px;height:54px;border-radius:12px}.dice-corner .die svg{width:100%;height:100%}.dice-corner.urgent{animation:dice-urgent .9s ease-in-out infinite}.dice-corner.urgent .die{animation:die-flash .9s ease-in-out infinite}.dice-corner.advance-ready{min-width:116px;height:62px;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid #a97320;border-radius:14px;background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:var(--shadow-1),inset 0 1.5px #ffffff8c;color:var(--ink-900)}.turn-roll-preview{display:flex;align-items:center;justify-content:center;gap:6px}.dice-corner-wrap>.turn-roll-preview{padding:5px 7px;border-radius:13px;border:1.5px solid rgba(247,239,220,.22);background:linear-gradient(180deg,#113a52eb,#071c28f0);box-shadow:var(--shadow-1),inset 0 1px #f7efdc1f}.dice-corner-wrap>.turn-roll-preview .die{width:42px;height:42px;border-radius:9px}.dice-corner-wrap>.turn-roll-preview .die.dropped{width:34px;height:34px}.dice-corner-wrap>.turn-roll-preview .die.dropped .die{width:100%;height:100%}.turn-advance-icon{font-size:25px;line-height:1}.turn-advance-label{font-size:11px;font-weight:900;line-height:1}.dice-ring{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background:var(--gold-500);color:var(--ink-900);font-weight:800;font-size:14px;display:grid;place-items:center;border:2px solid #a97320;box-shadow:var(--shadow-1)}.action-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:11}.action-card{width:56px;height:62px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#bedeebeb,#96bed2eb);border:2px solid rgba(28,70,95,.55);box-shadow:var(--shadow-1),inset 0 1.5px #ffffff80;position:relative;color:var(--ink-900)}.action-card .action-icon{font-size:25px;filter:saturate(.9)}.action-card .action-count{position:absolute;top:-7px;right:-6px;background:var(--ocean-700);color:var(--parch-100);font-size:11.5px;font-weight:800;min-width:21px;height:21px;border-radius:99px;display:grid;place-items:center;border:1.5px solid rgba(247,239,220,.4)}.action-card:disabled{opacity:.55}.action-card.can-afford{background:linear-gradient(180deg,#9fe3ae,#5fc07a);border-color:#2c7a44;animation:afford-glow 1.6s ease-in-out infinite}.action-card.can-afford .action-count{background:#2c7a44}@keyframes afford-glow{0%,to{box-shadow:var(--shadow-1),0 0 #4ec87800}50%{box-shadow:var(--shadow-1),0 0 16px 3px #4ec8788c}}.action-card.mode-on{outline:3px solid var(--gold-500)}.action-card.end-ready{background:linear-gradient(180deg,var(--gold-300),var(--gold-500));border-color:#a97320}.hand-tray{position:absolute;left:12px;bottom:12px;z-index:11;display:flex;align-items:flex-end;gap:10px;padding:12px 14px;min-height:84px;max-width:min(44vw,560px);flex-wrap:wrap}.hand-tray.over-limit{border-color:#d240348c}.hand-warning{position:absolute;top:-11px;left:12px;background:var(--danger-500);color:#fff;font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:99px;animation:spot-pulse 1.1s ease-in-out infinite}.stack-wrap{position:relative}.stack-wrap.zero{width:10px;height:10px;align-self:center}.card-stack{position:relative;height:60px}.stack-card{position:absolute;bottom:0;width:44px;height:58px;border-radius:7px;border:2px solid rgba(0,0,0,.35);box-shadow:var(--shadow-1),inset 0 1.5px #ffffff73;display:grid;place-items:center;font-size:19px}.card-stack{--stack-peek: 5px;width:44px}.card-stack:has(.stack-card:nth-child(2)){width:calc(44px + var(--stack-peek))}.card-stack:has(.stack-card:nth-child(3)){width:calc(44px + var(--stack-peek) * 2)}.card-stack:has(.stack-card:nth-child(4)){width:calc(44px + var(--stack-peek) * 3)}.stack-count{position:absolute;bottom:-7px;right:-7px;z-index:5;background:var(--ink-900);color:var(--parch-100);border-radius:99px;min-width:21px;height:21px;display:grid;place-items:center;font-size:11.5px;font-weight:800;border:1.5px solid var(--parch-300)}.tray-divider{width:1px;align-self:stretch;background:#f7efdc2e}.dev-stack{position:relative;width:52px;height:60px;border-radius:7px;background:linear-gradient(180deg,#f1e9f7,#d8c7e8);border:2px solid #6b4a8a;color:#3a2752;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}@media (hover: hover){.dev-stack.playable:hover{transform:translateY(-3px)}}.dev-stack.selected{transform:translateY(-2px);outline:2px solid var(--gold-500);outline-offset:2px}.dev-stack.blocked{opacity:.62;filter:saturate(.75) brightness(.88)}.dev-stack .dev-icon{font-size:18px}.dev-stack .dev-label{font-size:8.5px;line-height:1.05;text-align:center}.dev-stack .new-tag{position:absolute;top:-8px;left:-7px;background:var(--gold-500);color:var(--ink-900);font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:99px;border:1px solid #a97320}.offer-tray{position:absolute;top:10px;left:50%;transform:translate(-50%);width:min(380px,92vw);z-index:14;display:flex;flex-direction:column;gap:6px;animation:offer-arrive var(--offer-arrive-ms, .32s) var(--ease-out) both}@keyframes offer-arrive{0%{opacity:0;transform:translate(-50%) translateY(-18px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.offer-head{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:var(--radius-m);color:var(--parch-100);font-weight:700;font-size:13.5px}.offer-title{flex:1;text-align:left}.offer-chevron{opacity:.7}.offer-body{padding:10px 14px;border-radius:var(--radius-m);display:flex;flex-direction:column;gap:8px}.offer-lines{display:flex;flex-direction:column;gap:6px}.offer-line{display:flex;align-items:center;gap:8px}.offer-dir{font-size:17px;font-weight:800;width:20px;text-align:center}.offer-dir.get{color:var(--gold-400)}.offer-cards{display:flex;gap:3px;align-items:center}.offer-card{width:26px;height:34px;border-radius:5px;border:1px solid rgba(0,0,0,.35);display:grid;place-items:center;font-size:13px;box-shadow:inset 0 1px #fff6}.offer-more{font-size:12px;font-weight:700;color:var(--parch-300)}.offer-actions,.offer-responses{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.offer-resp{display:inline-flex;align-items:center;gap:4px}.offer-state{font-size:13px;font-weight:800;width:22px;text-align:center}.offer-state.declined{color:#f08c82}.offer-state.pending{color:var(--parch-300);animation:spot-pulse 1.4s infinite}.offer-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:16px;font-weight:800;background:#ffffff1f;color:var(--parch-100);border:1px solid rgba(247,239,220,.25)}.offer-btn.accept{background:linear-gradient(180deg,#5fc07a,#3d9e58);border-color:#2c7a44;color:#fff}.offer-btn.decline,.offer-btn.cancel{background:linear-gradient(180deg,#e05546,var(--danger-500));border-color:#9e2b21;color:#fff}.offer-btn.big{width:44px;height:44px}.discard-confirm{width:auto;min-width:70px;height:40px;padding:0 18px;display:grid;place-items:center;font-size:21px;line-height:1}.offer-waiting{font-size:12.5px;color:var(--parch-300);flex:1}.trade-panel{position:absolute;left:12px;bottom:108px;z-index:14;width:min(330px,calc(100vw - 24px));padding:14px 16px;display:flex;flex-direction:column;gap:9px;animation:tray-in-left .25s var(--ease-out) both}@keyframes tray-in-left{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.trade-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:16px}.trade-panel-rates{display:flex;gap:9px;font-size:12px;color:var(--parch-300)}.trade-panel-sec{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--parch-300)}.trade-panel .res-stepper-row{justify-content:space-between;gap:4px}.trade-panel .res-stepper .controls button{background:#ffffff24;color:var(--parch-100)}.trade-panel .res-stepper .val{color:var(--parch-100)}.trade-panel-err{color:#ff9d92;font-size:12.5px}.trade-panel-actions{display:flex;gap:8px;justify-content:flex-end}.discard-tray{position:absolute;left:50%;transform:translate(-50%);bottom:12px;width:min(660px,calc(100vw - 20px));z-index:15;padding:12px 16px 14px;animation:rise-in .3s var(--ease-out) both}.discard-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.discard-head b{font-size:16px}.discard-head>span{color:var(--ink-500);font-size:13px}.discard-counter{margin-left:auto;font-weight:800;font-size:15px;color:var(--ink-500)}.discard-counter.ok{color:var(--ok-500)}.discard-timer{min-width:58px;padding:6px 10px;border-radius:10px;background:#2b1d0e1a;color:var(--ink-700);text-align:center;font-weight:900;font-size:14px;font-variant-numeric:tabular-nums}.discard-timer.low{background:#c0392b24;color:var(--danger-500)}.discard-row{display:flex;gap:5px;flex-wrap:wrap;align-items:center;min-height:60px;border-radius:var(--radius-m);padding:5px 7px}.discard-row.keep{background:#7a582d1a}.discard-row.out{background:#c0392b21;border:1.5px dashed rgba(192,57,43,.4);margin-top:6px}.discard-card{width:40px;height:52px;border-radius:6px;border:2px solid rgba(0,0,0,.35);display:grid;place-items:center;font-size:17px;box-shadow:var(--shadow-1),inset 0 1px #fff6}.discard-card:hover{transform:translateY(-3px)}.discard-hint{color:var(--ink-500);font-size:13px;padding-left:6px}.steal-pop{position:fixed;transform:translate(-50%,-112%);z-index:15;padding:10px 12px;border-radius:var(--radius-m);display:flex;flex-direction:column;gap:6px;animation:pop-in .18s var(--ease-snap) both}.steal-pop:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border:8px solid transparent;border-top-color:#0d2839eb;border-bottom:none}.steal-title{font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--parch-300)}.steal-victim{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:9px;background:#ffffff17;border:1px solid rgba(247,239,220,.2);color:var(--parch-100);font-weight:700}.steal-victim:hover{background:#ffffff2e}.steal-name{flex:1;text-align:left}.steal-cards{font-size:12.5px;color:var(--parch-300)}.popper-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#040d1459;animation:fade-in .15s ease-out both}.popper{padding:16px 20px;display:flex;flex-direction:column;gap:9px;align-items:center;animation:pop-in .2s var(--ease-snap) both;font-size:17px;max-width:calc(100vw - 24px)}.popper-sub{font-size:13px;color:var(--ink-500);text-align:center}.popper-cards{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.popper-actions{display:flex;gap:8px}.popper-hero{display:flex;gap:14px;align-items:center;align-self:stretch;padding-bottom:10px;margin-bottom:2px;border-bottom:1px solid rgba(91,58,30,.18)}.popper-card-art{width:62px;height:86px;object-fit:cover;flex:none;border-radius:8px;border:2px solid rgba(43,29,14,.4);box-shadow:var(--shadow-1);transform:rotate(-3.5deg)}.popper-card-art.tile{width:76px;height:80px;object-fit:contain;border:none;border-radius:0;box-shadow:none;transform:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.popper-card-emoji{font-size:42px;flex:none}.popper-hero-text{display:flex;flex-direction:column;gap:3px;min-width:0}.popper-hero-text .popper-title{margin:0;font-size:21px;line-height:1.1}.popper-hero-text .popper-sub{text-align:left}.pick-slots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pick-slot.empty{width:52px;height:70px;border-radius:9px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(91,58,30,.4);background:#5b3a1e12;color:#5b3a1e73;font-weight:800;font-size:22px}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60}.fx-card{position:fixed;left:0;top:0;width:32px;height:44px;border-radius:6px;border:2px solid rgba(0,0,0,.35);display:grid;place-items:center;font-size:15px;box-shadow:0 10px 20px #00000061,0 0 0 2px #f7efdc2e,inset 0 1px #ffffff73;will-change:transform}.anim-lab{height:100dvh;overflow:auto;padding:18px;background:linear-gradient(rgba(247,239,220,.035) 1px,transparent 1px) 0 0 / 100% 64px,radial-gradient(900px 620px at 50% -18%,rgba(232,163,61,.16),transparent 60%),linear-gradient(180deg,#081e2bb8,#06141ee6)}.anim-lab,.anim-lab *{letter-spacing:0}.anim-lab-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 auto 14px;max-width:1520px}.anim-lab-header p{margin:0 0 2px;color:var(--gold-300);font-weight:800}.anim-lab-header h1{font-size:clamp(28px,3vw,44px);line-height:1}.anim-lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px;max-width:1520px;margin:0 auto;align-items:start}.anim-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.anim-preview{padding:16px;border-radius:var(--radius-l);min-width:0}.anim-preview.wide{grid-column:1 / -1}.anim-preview.is-winner{border-color:#2ea86bb8;box-shadow:0 0 0 2px #2ea86b29,var(--shadow-3),inset 0 0 50px #7b582d21}.anim-preview.is-loser{border-color:#d2403466;filter:saturate(.72)}.anim-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.anim-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.anim-preview-head h2,.anim-control-head h2{font-size:26px;line-height:1}.anim-verdict{display:inline-grid;place-items:center;min-height:28px;padding:4px 10px;border-radius:999px;font-weight:900;font-size:13px;color:var(--ink-900);border:1px solid rgba(91,58,30,.18);box-shadow:inset 0 1px #ffffff8c}.anim-verdict.winner{background:linear-gradient(180deg,#c9f4d7,#61c786)}.anim-verdict.loser{background:linear-gradient(180deg,#f8d5cf,#e18a7d)}.anim-button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.anim-button-row .btn.active{background:linear-gradient(180deg,var(--gold-300),var(--gold-500));color:var(--ink-900);border-color:#a97320;box-shadow:var(--shadow-1),inset 0 1.5px #ffffff8c}.anim-stage{position:relative;overflow:hidden;min-height:360px;aspect-ratio:16 / 10;border-radius:var(--radius-m);border:1px solid rgba(91,58,30,.22);background:radial-gradient(460px 260px at 50% 48%,rgba(247,239,220,.34),transparent 62%),radial-gradient(360px 260px at 12% 12%,rgba(143,213,216,.2),transparent 62%),linear-gradient(180deg,#10394f,#0a2638);box-shadow:inset 0 1px 18px #040e1547}.anim-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 18px 12px,transparent 12px,rgba(247,239,220,.34) 13px,transparent 14px);background-size:72px 48px}.anim-stage-label{position:absolute;left:14px;top:12px;z-index:4;padding:5px 10px;border-radius:999px;background:#071822b8;color:var(--parch-100);font-weight:800}.anim-tile-anchor,.anim-fly-source{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);z-index:2}.anim-fly-source{left:27%}.anim-demo-hex{position:relative;width:156px;height:138px;display:grid;place-items:center;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.2),transparent 28%),linear-gradient(145deg,#a4ce6a,#7aaa37);border:8px solid transparent;box-shadow:inset 0 0 0 5px #f3df98,inset 0 0 0 11px #8a5a2e,0 10px 20px #030c125c}.anim-token{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#f9f4e8;color:#0f5b22;font-family:var(--font-display);font-size:30px;font-weight:900;box-shadow:var(--shadow-1)}.anim-hex-icon{position:absolute;top:20px;right:28px;font-size:30px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.32))}.anim-resource-card{position:absolute;left:0;top:0;width:66px;height:92px;border-radius:10px;border:3px solid rgba(37,26,16,.72);display:grid;place-items:center;font-size:28px;color:var(--ink-900);box-shadow:0 7px 15px #030c1257,inset 0 1px #fff9;will-change:transform,opacity}.anim-card-name{position:absolute;left:50%;bottom:9px;transform:translate(-50%);color:#2b1d0ec7;font-weight:900;font-size:13px}.anim-tile-badge-card{position:absolute;left:50%;top:58%;width:96px;height:120px;z-index:10;will-change:transform,opacity}.anim-tile-badge-card .anim-resource-card{left:15px;top:18px}.anim-plus-badge{position:absolute;left:18px;top:14px;min-width:48px;height:48px;padding:0 9px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#fff8ef,#e8d6b6);border:3px solid #c0392b;color:#c0392b;font-family:var(--font-display);font-size:26px;font-weight:900;box-shadow:var(--shadow-1);z-index:20;will-change:transform,opacity}.anim-burst-wrap,.anim-fan-wrap,.anim-strip-wrap{position:absolute;left:50%;top:58%;z-index:10;width:1px;height:1px;will-change:opacity}.anim-burst-ring{position:absolute;left:0;top:-14px;width:124px;height:124px;border-radius:999px;border:3px solid rgba(247,208,138,.82);box-shadow:0 0 24px #f7d08a57;will-change:transform,opacity}.anim-burst-card,.anim-fan-card,.anim-strip-card{left:0;top:0}.anim-burst-card{width:52px;height:72px;border-radius:8px}.anim-fan-card{width:50px;height:70px;border-radius:8px}.anim-strip-card{width:42px;height:58px;border-radius:7px}.anim-plus-badge-burst,.anim-plus-badge-fan,.anim-plus-badge-strip{left:0;top:0;will-change:transform}.anim-player-target{position:absolute;right:7%;top:34%;display:flex;align-items:center;gap:10px;min-width:178px;padding:12px 14px;border-radius:16px;color:#fff;background:linear-gradient(180deg,#4a82d4,#2c5eae);border:1px solid rgba(247,239,220,.24);box-shadow:var(--shadow-2),inset 0 1px #ffffff38;z-index:6}.anim-player-target strong{display:block;font-size:22px;line-height:1}.anim-player-target span:not(.anim-player-avatar){display:block;color:var(--parch-200);font-weight:800;margin-top:2px}.anim-player-avatar{width:48px;height:48px;border-radius:15px;background:radial-gradient(circle at 50% 38%,#78e4ff,#1f66cf 60%,#183f87);border:3px solid rgba(255,255,255,.72);box-shadow:inset 0 0 0 3px #183f87,var(--shadow-1)}.anim-flight-card{width:44px;height:60px;border-radius:8px}.anim-sink-glow{position:absolute;left:78%;top:42%;width:74px;height:74px;border-radius:999px;background:radial-gradient(circle,rgba(247,208,138,.38),rgba(247,208,138,.08) 52%,transparent 72%);z-index:5;pointer-events:none;will-change:transform,opacity}.anim-dice-table,.anim-build-hex{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);z-index:2}.anim-die-card{position:absolute;left:50%;top:50%;width:64px;height:64px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(150deg,#fffdf5,#d7e0e2);border:2px solid rgba(40,49,54,.48);color:#263034;font-family:var(--font-display);font-size:34px;font-weight:900;box-shadow:var(--shadow-2),inset 0 1px #fff;will-change:transform}.anim-roll-total{position:absolute;left:50%;top:50%;margin-top:92px;min-width:58px;height:58px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,var(--gold-300),var(--gold-500));color:var(--ink-900);border:2px solid #a97320;box-shadow:var(--shadow-2);font-family:var(--font-display);font-size:31px;font-weight:900;will-change:transform,opacity}.anim-game-hex{position:absolute;top:58%;transform:translate(-50%,-50%) scale(.82)}.anim-game-hex.start{left:27%}.anim-game-hex.end{left:73%}.anim-robber-piece{position:absolute;width:44px;height:68px;border-radius:22px 22px 16px 16px;background:radial-gradient(circle at 50% 24%,#f4f2ea 0 12%,transparent 13%),linear-gradient(180deg,#7f8585,#424949 58%,#2b3030);border:2px solid rgba(9,15,16,.52);box-shadow:var(--shadow-2),inset 0 1px #ffffff47;z-index:18;will-change:transform,left,top}.anim-robber-shadow{position:absolute;width:54px;height:16px;border-radius:999px;background:#030a0d94;transform:translate(-50%,-50%);filter:blur(1px);z-index:10}.anim-robber-target{position:absolute;left:73%;top:50%;width:104px;height:104px;border-radius:999px;border:3px solid rgba(240,185,92,.72);box-shadow:0 0 22px #f0b95c3d;z-index:8;will-change:transform,opacity}.anim-mini-player{position:absolute;top:38%;min-width:156px;padding:10px 12px;border-radius:15px;display:flex;align-items:center;gap:10px;color:#fff;background:linear-gradient(180deg,#4a82d4,#2c5eae);border:1px solid rgba(247,239,220,.2);box-shadow:var(--shadow-2);z-index:8}.anim-mini-player.left{left:11%}.anim-mini-player.right{right:11%;background:linear-gradient(180deg,#d96458,#a73834)}.anim-mini-avatar{width:38px;height:38px;border-radius:13px;background:radial-gradient(circle at 50% 38%,#78e4ff,#1f66cf 60%,#183f87);border:2px solid rgba(255,255,255,.7);box-shadow:inset 0 0 0 3px #183f87e0}.anim-mini-player.right .anim-mini-avatar{background:radial-gradient(circle at 50% 38%,#ffbbb0,#e73f35 60%,#8a1c1f);box-shadow:inset 0 0 0 3px #8a1c1fe0}.anim-trade-line{position:absolute;left:26%;right:26%;top:41%;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(247,239,220,.16),var(--gold-400),rgba(247,239,220,.16));z-index:4}.anim-trade-slip{position:absolute;min-width:100px;height:58px;padding:0 16px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(160deg,var(--parch-100),var(--parch-300));color:var(--ink-900);border:2px solid rgba(91,58,30,.58);box-shadow:var(--shadow-2),inset 0 1px #ffffff94;font-family:var(--font-display);font-size:25px;font-weight:900;z-index:14;will-change:transform,opacity,left,top}.anim-trade-accept{position:absolute;left:74%;top:58%;min-width:112px;height:40px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#c9f4d7,#61c786);color:var(--ink-900);border:2px solid rgba(28,103,67,.5);box-shadow:var(--shadow-1);font-weight:900;z-index:16;will-change:transform,opacity}.anim-build-hex{top:60%}.anim-house-piece{position:absolute;left:50%;top:58%;width:62px;height:58px;background:linear-gradient(180deg,#f35c45,#a9292c);border:3px solid #4a1818;border-radius:8px 8px 12px 12px;box-shadow:var(--shadow-2),inset 0 1px #ffffff47;z-index:16;will-change:transform,opacity}.anim-house-piece:before{content:"";position:absolute;left:8px;right:8px;top:-22px;height:40px;background:linear-gradient(180deg,#e14237,#9c2026);border:3px solid #4a1818;border-bottom:0;transform:rotate(45deg);border-radius:5px}.anim-build-ripple{position:absolute;left:50%;top:58%;width:112px;height:112px;border-radius:999px;border:3px solid rgba(240,185,92,.78);box-shadow:0 0 18px #f0b95c38;z-index:12;will-change:transform,opacity}.anim-scrubber{margin-top:12px;padding:0 2px}.anim-scrubber .slider-label,.anim-control-panel .slider-label{text-transform:none;letter-spacing:0}.panel-parchment .anim-scrubber .slider-label{color:#4a3520a8}.panel-parchment .anim-scrubber .slider-value{color:#a97320}.anim-control-panel{position:sticky;top:14px;padding:16px;display:flex;flex-direction:column;gap:18px}.anim-control-panel section{display:flex;flex-direction:column;gap:12px}.anim-control-panel section+section{border-top:1px solid rgba(247,239,220,.13);padding-top:18px}.anim-control-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.anim-control-head h2{color:var(--parch-100)}.anim-segment{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;background:#030e168c;border:1px solid rgba(247,239,220,.14)}.anim-segment-many{flex-basis:100%;grid-template-columns:repeat(5,minmax(0,1fr))}.anim-segment button{padding:6px 10px;border-radius:999px;background:transparent;color:var(--parch-200);font-weight:900;font-size:13.5px}.anim-segment button.active{background:linear-gradient(180deg,var(--gold-300),var(--gold-500));color:var(--ink-900);box-shadow:var(--shadow-1)}@media (max-width: 1180px){.anim-lab-layout{grid-template-columns:1fr}.anim-control-panel{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.anim-control-panel section+section{border-top:0;border-left:1px solid rgba(247,239,220,.13);padding-top:0;padding-left:18px}}@media (max-width: 760px){.anim-lab{padding:10px}.anim-lab-header{align-items:flex-end}.anim-preview-grid,.anim-control-panel{grid-template-columns:1fr}.anim-control-panel section+section{border-left:0;border-top:1px solid rgba(247,239,220,.13);padding-left:0;padding-top:18px}.anim-preview{padding:12px}.anim-preview-head{align-items:flex-start;flex-direction:column}.anim-button-row{justify-content:flex-start}.anim-stage{min-height:0;height:min(300px,74vw);aspect-ratio:auto}.anim-demo-hex{width:124px;height:110px}.anim-token{width:40px;height:40px;font-size:25px}.anim-hex-icon{top:15px;right:22px;font-size:24px}.anim-resource-card{width:56px;height:78px}.anim-tile-badge-card .anim-resource-card{left:20px}.anim-plus-badge{min-width:42px;height:42px;font-size:22px}.anim-player-target{right:5%;min-width:142px;padding:9px 10px}.anim-player-target strong{font-size:19px}.anim-player-avatar{width:40px;height:40px}.anim-flight-card{width:38px;height:52px}.anim-burst-ring{width:104px;height:104px}.anim-burst-card,.anim-fan-card{width:44px;height:62px}.anim-strip-card{width:36px;height:50px}.anim-sink-glow{width:62px;height:62px}.anim-die-card{width:52px;height:52px;font-size:28px}.anim-roll-total{width:48px;min-width:48px;height:48px;font-size:26px}.anim-game-hex{transform:translate(-50%,-50%) scale(.62)}.anim-mini-player{top:36%;min-width:118px;padding:8px 9px;gap:8px}.anim-mini-player.left{left:5%}.anim-mini-player.right{right:5%}.anim-mini-avatar{width:32px;height:32px}.anim-trade-slip{min-width:82px;height:48px;font-size:21px}.anim-trade-accept{left:70%;min-width:92px;font-size:13px}.anim-house-piece{width:52px;height:48px}}@media (prefers-reduced-motion: reduce){.anim-lab button,.anim-resource-card,.anim-plus-badge,.anim-die-card,.anim-roll-total,.anim-robber-piece,.anim-robber-shadow,.anim-robber-target,.anim-trade-line,.anim-trade-slip,.anim-trade-accept,.anim-house-piece,.anim-build-ripple{transition:none}}.anim-real-lab{height:100dvh;overflow:auto}.anim-real-header{max-width:1680px}.anim-real-header h1{font-size:clamp(30px,3vw,46px)}.anim-real-route{padding:8px 13px;border-radius:999px;background:#071822b8;color:var(--parch-200);font-weight:900;border:1px solid rgba(247,239,220,.16)}.anim-real-layout{max-width:1680px;margin:0 auto;display:grid;grid-template-columns:minmax(292px,360px) minmax(0,1fr);gap:14px;align-items:stretch}.anim-real-sidebar{padding:14px;display:flex;flex-direction:column;gap:14px;min-width:0}.anim-real-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.anim-real-list{display:flex;flex-direction:column;gap:8px}.anim-real-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-height:92px;padding:12px;border-radius:var(--radius-m);background:#06172294;border:1px solid rgba(247,239,220,.12);color:var(--parch-200);text-align:left}.anim-real-card:hover{filter:brightness(1.08)}.anim-real-card.active{background:linear-gradient(180deg,#1c5069eb,#0d2c3ff5);border-color:var(--gold-400);box-shadow:0 0 0 2px #e8a33d24,var(--shadow-2)}.anim-real-card.winner{border-color:#2ea86b9e}.anim-real-card strong{color:var(--parch-100);font-size:20px;line-height:1.05}.anim-real-card span:last-child{font-size:12.5px;line-height:1.25}.anim-real-eyebrow{display:flex;justify-content:space-between;gap:8px;color:var(--gold-300);font-size:11.5px;font-weight:900}.anim-real-eyebrow b{padding:2px 7px;border-radius:999px;background:linear-gradient(180deg,#c9f4d7,#61c786);color:var(--ink-900);font-size:10.5px}.anim-real-controls{padding:12px;border-radius:var(--radius-m);background:#04111975;border:1px solid rgba(247,239,220,.1);display:flex;flex-direction:column;gap:11px}.anim-real-controls .slider-label{text-transform:none;letter-spacing:0}.anim-static-note{margin:0;color:var(--parch-200);font-weight:800;line-height:1.35}.anim-real-preview{position:relative;min-height:min(720px,calc(100dvh - 118px));overflow:hidden;padding:0}.anim-real-game{position:relative;width:100%;height:min(720px,calc(100dvh - 118px));min-height:620px;overflow:hidden;border-radius:inherit}.anim-real-game .board-zoom{top:14px}.anim-real-game .fl-right{top:10px;width:auto;max-width:min(720px,calc(100% - 380px))}.anim-real-game .anim-real-bank,.anim-real-game .fl-me{pointer-events:none}.anim-real-game .dice-corner-wrap,.anim-real-game .dice-corner,.anim-real-game .status-cluster,.anim-real-game .bottom-band,.anim-real-game .offer-tray{pointer-events:auto}.anim-real-game .offer-tray{animation-duration:var(--offer-arrive-ms, .32s)}@media (max-width: 1120px){.anim-real-layout{grid-template-columns:1fr}.anim-real-sidebar{display:grid;grid-template-columns:minmax(0,1fr)}.anim-real-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.anim-real-card{min-height:112px}.anim-real-preview,.anim-real-game{height:660px;min-height:660px}}@media (max-width: 760px){.anim-real-lab{padding:10px}.anim-real-header{flex-direction:column;align-items:flex-start}.anim-real-layout{gap:10px}.anim-real-sidebar{padding:10px}.anim-real-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.anim-real-card{min-height:118px;padding:10px}.anim-real-card strong{font-size:17px}.anim-real-card span:last-child{font-size:11.5px}.anim-real-preview,.anim-real-game{height:680px;min-height:680px}.anim-real-game .fl-right{display:none}}@media (max-width: 1080px){.offer-tray{animation-name:offer-arrive-mobile}@keyframes offer-arrive-mobile{0%{opacity:0;transform:translateY(-18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}}@media (prefers-reduced-motion: reduce){.fx-card,.offer-tray,.prow-card-pulse,.road-drop,.road-in,.piece-drop,.piece-pop,.build-vp-toast,.anim-real-card{animation:none;transition:none}.prow-card-pulse{outline:2px solid rgba(240,185,92,.58);outline-offset:2px}}@media (max-width: 1080px){.show-narrow{display:grid}.fl-right{top:0;right:0;bottom:0;max-height:none;width:min(330px,90vw);padding:10px;border-radius:var(--radius-l) 0 0 var(--radius-l);background:#0a1e2bf5;transform:translate(calc(100% + 16px));transition:transform .28s var(--ease-out);box-shadow:-12px 0 40px #030b118c;z-index:40}.fl-right.open{transform:translate(0)}.fl-log{height:44dvh}.fl-me{bottom:168px;right:8px;gap:6px}.dice-corner .die{width:44px;height:44px}.status-pill{font-size:12.5px;padding:7px 12px}.status-timer{padding:7px 9px;min-width:60px;font-size:13px}.action-bar{bottom:96px;left:auto;right:8px;transform:none;gap:6px}.action-card{width:48px;height:54px}.action-card .action-icon{font-size:21px}.hand-tray{left:8px;right:8px;bottom:8px;max-width:none;padding:10px 12px;min-height:76px}.stack-card{width:38px;height:50px;font-size:16px}.card-stack{height:52px}.trade-panel{bottom:96px}.discard-tray{bottom:8px}.offer-tray{top:8px}.prow.mine{padding:8px 10px}}@media (max-width: 480px){.fl-me{bottom:178px}.dice-corner .die{width:40px;height:40px}.action-bar{bottom:104px}.stack-card{width:34px;height:46px;font-size:14px}}.die{width:42px;height:42px;border-radius:10px;background:linear-gradient(160deg,#fdf8ec,#e8dcc0);border:1.5px solid #b8a47e;box-shadow:var(--shadow-1),inset 0 1px #fff;display:grid;place-items:center}.die.flash{animation:die-flash .9s ease-in-out infinite}@keyframes die-flash{0%,to{box-shadow:var(--shadow-1),inset 0 1px #fff,0 0 #e8a33d00}50%{box-shadow:var(--shadow-1),inset 0 1px #fff,0 0 16px 3px #e8a33da6}}@keyframes dice-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes banner-glow{0%,to{box-shadow:var(--shadow-2),0 0 #e8a33d00}50%{box-shadow:var(--shadow-2),0 0 22px 2px #e8a33d59}}.rescard{width:52px;height:70px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:23px;position:relative;border:2px solid rgba(0,0,0,.35);box-shadow:var(--shadow-1),inset 0 1.5px #ffffff73;color:var(--ink-900);font-weight:800;-webkit-user-select:none;user-select:none;transition:transform .15s var(--ease-snap),opacity .2s,filter .2s}.rescard.selectable{cursor:pointer}.rescard.selectable:hover:not(:disabled){transform:translateY(-4px)}.ghost-spot{cursor:pointer}.ghost-spot .ghost-piece{opacity:0;pointer-events:none;transition:opacity .12s ease-out}.ghost-spot .ghost-piece .road-drop,.ghost-spot .ghost-piece .road-in{animation:none}.ghost-spot:hover .ghost-piece{opacity:.82}.fl-me{flex-direction:row;align-items:flex-end;gap:10px}.fl-me-col{display:flex;flex-direction:column;gap:7px;align-items:stretch;width:286px}.fl-me-col .prow-stack{max-height:38dvh}.fl-me-col .status-cluster{justify-content:flex-end}.dice-corner-wrap{align-self:flex-end;margin-bottom:2px}.composer{position:absolute;left:12px;bottom:110px;z-index:14;width:min(360px,calc(100vw - 24px));padding:11px 13px;display:flex;flex-direction:column;gap:8px;animation:rise-in .22s var(--ease-out) both}.composer-head{display:flex;align-items:center;gap:9px;font-size:15px}.composer-head b{flex:none}.composer-rates{flex:1;font-size:11.5px;color:var(--parch-300);letter-spacing:.4px}.composer-row{display:flex;align-items:center;gap:8px;min-height:44px}.composer-dir{font-size:17px;font-weight:800;width:18px;text-align:center;flex:none}.composer-dir.give{color:#6fe3a5}.composer-dir.get{color:var(--gold-400)}.composer-cards{display:flex;gap:4px;flex-wrap:wrap;flex:1;align-items:center;min-height:42px}.composer-card{width:30px;height:40px;border-radius:6px;border:2px solid rgba(0,0,0,.35);display:grid;place-items:center;font-size:14px;box-shadow:var(--shadow-1),inset 0 1px #fff6}.composer-card:hover{transform:translateY(-3px)}.composer-hint{font-size:12px;color:var(--parch-300);opacity:.8}.composer-picker{display:flex;gap:4px;flex:none}.composer-pick{width:26px;height:34px;border-radius:5px;border:1.5px dashed rgba(0,0,0,.45);display:grid;place-items:center;font-size:12px;opacity:.85}.composer-pick:hover{opacity:1;transform:translateY(-2px)}.composer-err{color:#ff9d92;font-size:12.5px}.composer-actions{display:flex;gap:8px;justify-content:flex-end}.offer-btn.sm{width:30px;height:30px;font-size:13px;border-radius:8px}.card-stack.clickable{cursor:pointer;background:transparent;border:none;padding:0}.card-stack.clickable:hover .stack-card{transform:translateY(-3px)}.card-stack.clickable:disabled{cursor:default}.stack-card{transition:transform .13s var(--ease-snap)}@media (max-width: 1080px){.fl-me{flex-direction:row;bottom:168px}.fl-me-col{width:252px}.fl-me-col .prow-stack{max-height:26dvh}.fl-me-col .prow{padding:6px 9px}.composer{bottom:96px}}.die.packed{background:transparent;border:none;box-shadow:none;overflow:hidden}.die.packed img{width:100%;height:100%;object-fit:contain;display:block}.bottom-band{position:absolute;left:12px;right:312px;bottom:12px;display:flex;gap:8px;align-items:flex-end;z-index:11}.bottom-band:has(.dev-confirm-anchor){z-index:50}.bottom-band .hand-tray{position:relative;flex:1;max-width:none;min-height:80px}.bottom-band .action-bar{position:static;transform:none;flex:none}.fl-me{position:absolute;right:12px;bottom:12px;z-index:11;display:flex;flex-direction:column;gap:7px;align-items:stretch;width:290px}.fl-me .prow-stack{max-height:40dvh}.status-cluster{position:absolute;right:316px;bottom:92px;z-index:11}.dice-corner-wrap{position:absolute;right:330px;bottom:152px;z-index:11;margin:0}.dice-corner-wrap.spent .die,.dice-corner.spent .die{filter:grayscale(.65) brightness(.85)}.dice-corner-wrap.spent,.dice-corner.spent{pointer-events:none}.special-build-flag{position:absolute;right:454px;bottom:162px;z-index:12;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(247,239,220,.24);background:linear-gradient(180deg,#163e56e6,#0b1f2cf0);box-shadow:var(--shadow-1),inset 0 1px #f7efdc14;font-size:23px;line-height:1;filter:saturate(.8)}.special-build-flag:not(:disabled):hover{filter:brightness(1.12) saturate(1.05);border-color:var(--gold-400)}.special-build-flag.active{border-color:#e05546;background:linear-gradient(180deg,#ffe1a5,#e05546);box-shadow:0 0 0 2px #e0554638,var(--shadow-2);filter:saturate(1.08)}.special-build-flag:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.composer{flex-direction:row;gap:10px;align-items:stretch;width:min(440px,calc(100vw - 24px));bottom:104px}.composer-main{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}.composer-want-row{display:flex;gap:5px;align-items:center;padding-bottom:7px;border-bottom:1px solid rgba(247,239,220,.14)}.composer-select{width:36px;height:48px;border-radius:6px;border:2px solid rgba(0,0,0,.35);display:grid;place-items:center;font-size:16px;box-shadow:var(--shadow-1),inset 0 1px #fff6}.composer-select:hover{transform:translateY(-3px)}.composer-who{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:14px;border:2px solid rgba(0,0,0,.35);background:#ffffff1f}.composer-who.me{box-shadow:inset 0 2px 3px #ffffff59}.composer-arrow{font-size:13px;font-weight:800;flex:none;width:16px;text-align:center}.composer-arrow.in{color:#6fe3a5}.composer-arrow.out{color:#ff8d80}.composer-side{display:flex;flex-direction:column;gap:7px;justify-content:flex-start}.side-btn{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:linear-gradient(180deg,#bedeebf2,#96bed2f2);border:2px solid rgba(28,70,95,.55);color:var(--ink-900);position:relative;box-shadow:var(--shadow-1),inset 0 1.5px #ffffff80}.side-btn .side-check{position:absolute;top:2px;right:4px;font-size:11px;font-weight:800;color:#1d6b38}.side-btn:not(:disabled):hover{filter:brightness(1.08)}.side-btn.close{background:linear-gradient(180deg,#e05546,var(--danger-500));border-color:#9e2b21;color:#fff}.side-btn.close .side-check{display:none}.offer-who{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:13px;border:2px solid rgba(0,0,0,.35)}.offer-who.neutral{background:#ffffff1f}.offer-dir.give{color:#6fe3a5}.offer-dir.get{color:#ff8d80}@media (max-width: 1080px){.bottom-band{left:8px;right:8px;bottom:8px;flex-direction:column;align-items:stretch;gap:6px}.bottom-band .action-bar{align-self:flex-end}.fl-me{right:8px;bottom:auto;top:8px;width:236px;flex-direction:column}.fl-me .prow-stack{max-height:24dvh}.status-cluster{right:8px;bottom:158px}.dice-corner-wrap{right:14px;bottom:214px}.special-build-flag{right:118px;bottom:222px}.composer{bottom:158px;left:8px}}.swatch-field{display:flex;flex-direction:column;gap:6px}.swatch-grid{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:32px;height:32px;border-radius:9px;border:2px solid rgba(0,0,0,.45);box-shadow:inset 0 2px 3px #ffffff59,var(--shadow-1);display:grid;place-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;font-size:13px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.swatch:hover:not(:disabled){transform:translateY(-2px)}.swatch.mine{outline:3px solid var(--gold-500)}.swatch.taken{opacity:.4;filter:saturate(.5)}.bank-icon.img{width:24px;height:24px;object-fit:contain}.dev-stack.packed{border-color:#0006}.icon-img{height:14px;width:auto;vertical-align:-2px;object-fit:contain}.award-img{height:18px;width:auto;vertical-align:-3px;object-fit:contain}.prow-awards .award-img{height:19px}.hand-warning-img{height:22px;width:auto;vertical-align:-5px}.action-icon.img{width:28px;height:28px;object-fit:contain;display:block;margin:0 auto}.offer-dir.img{width:18px;height:18px;object-fit:contain;flex:none}.composer-row .offer-dir.img{width:16px;height:16px}.side-btn-img{width:26px;height:26px;object-fit:contain}.seat-avatar{width:22px;height:22px;object-fit:contain;border-radius:50%;flex:none}.seat-avatar.emoji{font-size:15px;display:grid;place-items:center}.skin-grid{display:flex;gap:7px;flex-wrap:wrap}.skin-chip{width:72px;min-height:64px;padding:5px 3px 4px;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffff12;border:2px solid rgba(0,0,0,.4);box-shadow:var(--shadow-1)}.skin-chip img{width:26px;height:30px;object-fit:contain}.skin-chip .skin-emoji{font-size:19px;line-height:30px}.skin-chip .skin-name{max-width:100%;font-size:9px;font-weight:700;line-height:1.05;letter-spacing:0;text-align:center;overflow-wrap:anywhere;color:var(--parch-200)}.skin-chip:hover:not(:disabled){transform:translateY(-2px)}.skin-chip.selected{outline:3px solid var(--gold-500);background:#f0b95c29}.skin-chip:disabled{opacity:.65}.trophy{position:relative;display:inline-grid;place-items:center;width:56px;height:60px;vertical-align:-14px}.trophy-tile{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.trophy-img{position:relative;width:34px;height:34px;object-fit:contain}.winner-tabs{display:flex;gap:6px;justify-content:center;margin-top:4px}.modal.modal-wide{max-width:min(860px,calc(100vw - 28px));width:min(860px,calc(100vw - 28px))}.stats-scroll{max-height:min(48dvh,460px);overflow:auto;margin-top:10px;border:1px solid var(--parch-400);border-radius:8px}.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table th,.stats-table td{padding:5px 8px;border-bottom:1px solid var(--parch-400);text-align:center;white-space:nowrap}.stats-table thead th{position:sticky;top:0;background:var(--parch-100, #f3e9ce);z-index:1}.stats-table .stats-player{margin-left:5px;font-weight:700;max-width:90px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.stats-table .stats-label{text-align:left;display:flex;align-items:center;gap:7px;font-weight:600}.stats-table td.best{font-weight:800;color:var(--accent-red, #c0392b)}.stats-icon{width:20px;height:20px;object-fit:contain;flex:none}.stats-icon.emoji{font-size:14px;display:inline-grid;place-items:center}.place-confirm{position:fixed;transform:translate(-50%,-100%) translateY(-14px);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:55;animation:place-pop-in .16s var(--ease-snap) both}@keyframes place-pop-in{0%{opacity:0;transform:translate(-50%,-100%) translateY(-6px) scale(.85)}to{opacity:1;transform:translate(-50%,-100%) translateY(-14px) scale(1)}}.place-cost{display:flex;gap:3px}.place-cost-chip{width:18px;height:24px;border-radius:4px;border:1.5px solid rgba(0,0,0,.4);display:grid;place-items:center;font-size:10px;box-shadow:var(--shadow-1)}.place-btn{width:64px;height:64px;border-radius:14px;position:relative;background:linear-gradient(180deg,#dff0fa,#b5d4e6);border:2.5px solid rgba(28,70,95,.6);display:grid;place-items:center;box-shadow:var(--shadow-2),inset 0 2px #fff9}.place-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.place-btn img{width:42px;height:42px;object-fit:contain}.place-btn .place-emoji{font-size:30px}.place-btn .place-count{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 4px;border-radius:11px;background:#2ea86b;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;border:2px solid #1d6b44}.board-svg{touch-action:none;cursor:grab}.board-svg:active{cursor:grabbing}.board-zoom{position:absolute;top:116px;left:12px;display:flex;flex-direction:column;gap:8px;z-index:12}.board-zoom .util-btn{font-size:22px;font-weight:800;line-height:1}.mode-list{display:flex;flex-direction:column;gap:7px}.mode-row{display:flex;align-items:center;gap:8px;position:relative}.mode-pill{flex:1;display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:10px;background:#ffffff0f;border:2px solid rgba(0,0,0,.4);color:var(--parch-100);font-weight:700;font-size:13.5px;text-align:left}.mode-pill .mode-emoji{font-size:17px}.mode-pill .mode-state{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:1px;padding:2px 9px;border-radius:99px;background:#00000059;color:var(--parch-300)}.mode-pill.on{border-color:var(--gold-500);background:#f0b95c21}.mode-pill.on .mode-state{background:var(--gold-500);color:#2b1d0e}.mode-pill:hover:not(:disabled){transform:translateY(-1px)}.mode-pill:disabled{opacity:.55}.info-btn{width:30px;height:30px;border-radius:50%;flex:none;background:#ffffff14;border:2px solid rgba(0,0,0,.4);color:var(--parch-200);font-weight:800;font-size:14px}.info-btn:hover{background:#f0b95c33;color:var(--gold-400)}.info-pop{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;padding:12px 14px;border-radius:10px;cursor:pointer;font-size:13px;line-height:1.45;box-shadow:var(--shadow-2);animation:pop-in .15s var(--ease-snap) both}.info-pop b{display:block;margin-bottom:4px}.info-pop p{margin:0;color:var(--ink-700, #3b2a16)}.die.dropped{opacity:.45;transform:scale(.78);filter:grayscale(.5)}.die.dropped .die{width:100%;height:100%}.biome-chip{width:30px;height:40px;border-radius:6px;flex:none;border:2px solid rgba(0,0,0,.4);display:grid;place-items:center;font-size:14px;box-shadow:var(--shadow-1),inset 0 1px #fff6;animation:pop-in .2s var(--ease-snap) both}.bank-chip.embargoed{filter:saturate(.35) brightness(.8);outline:2px solid var(--danger-500)}.bank-chip.robber-bonus{background:linear-gradient(180deg,#4a3b52,#32283a);color:#f3d2d2}.draft-tray{position:absolute;left:12px;right:348px;bottom:12px;z-index:14;display:flex;flex-direction:column;gap:8px;padding:10px 12px;max-height:24dvh}.game-stage.drafting .status-cluster{bottom:calc(24dvh + 30px)}.game-stage.drafting .fl-me{z-index:15}.draft-head{display:flex;align-items:baseline;gap:10px}.draft-head b{font-size:14.5px}.draft-count{margin-left:auto;font-size:12.5px;color:var(--parch-300);font-variant-numeric:tabular-nums}.draft-pool{display:flex;flex-wrap:wrap;gap:6px;overflow-y:auto}.draft-chip{position:relative;width:44px;height:48px;border-radius:8px;border:2px solid rgba(0,0,0,.45);display:grid;place-items:center;overflow:hidden;background:#ffffff0d}.draft-chip img{width:38px;height:44px;object-fit:cover}.draft-chip .draft-swatch{position:absolute;top:0;right:0;bottom:0;left:0}.draft-chip .draft-token{position:absolute;bottom:2px;right:2px;min-width:17px;height:17px;border-radius:6px;background:var(--parch-100);color:var(--ink-900);font-size:11px;font-weight:800;display:grid;place-items:center;border:1px solid var(--parch-400)}.draft-chip:hover:not(:disabled){transform:translateY(-2px)}.draft-chip.selected{outline:3px solid var(--gold-500)}.draft-chip:disabled{opacity:.7}.place-btn .place-count.token{background:var(--parch-100);color:var(--ink-900);border-color:var(--parch-400)}.place-btn .place-swatch{width:40px;height:40px;border-radius:8px;display:block}.perk-draft{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));bottom:auto;z-index:44;display:flex;flex-direction:column;gap:14px;padding:18px;max-height:calc(100dvh - 24px);overflow:hidden}.game-stage.perk-drafting .fl-topleft,.game-stage.perk-drafting .fl-right,.game-stage.perk-drafting .fl-me,.game-stage.perk-drafting .status-cluster,.game-stage.perk-drafting .dice-corner-wrap,.game-stage.perk-drafting .dice-corner{display:none}.perk-draft-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.perk-draft-head>div{display:flex;align-items:baseline;gap:8px;min-width:0}.perk-draft-head b{font-size:20px;line-height:1.05}.perk-draft-head span{font-size:13px;color:var(--ink-600, #72552c);font-weight:800}.perk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:11px;overflow-y:auto;min-height:0;padding:2px 4px 4px 2px}.perk-card{min-height:112px;border-radius:8px;border:2px solid rgba(58,37,16,.36);background:#ffffff57;color:var(--ink-900);display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:12px;text-align:left;box-shadow:inset 0 1px #ffffff73}.perk-card .perk-badge{width:66px;height:66px}.perk-card:not(:disabled):hover{border-color:#b97832;background:#ffffff80;box-shadow:inset 0 1px #ffffff8c,0 0 0 1px #b978321f}.perk-card:disabled{opacity:.62}.perk-card.owned{opacity:.72;background:#684a2229}.perk-card-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.perk-card-title{font-weight:950;font-size:17px;line-height:1.05}.perk-card-desc{font-size:13px;line-height:1.25;color:var(--ink-700, #3b2a16);overflow-wrap:anywhere}@media (max-width: 1080px){.draft-tray{right:12px;max-height:26dvh}.game-stage.drafting .status-cluster{bottom:calc(26dvh + 30px)}.perk-draft{inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));padding:12px;gap:10px;max-height:none}.perk-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.perk-card{min-height:92px;grid-template-columns:58px minmax(0,1fr);gap:9px;padding:9px}.perk-card .perk-badge{width:54px;height:54px}.perk-card-title{font-size:14px}.perk-card-desc{font-size:11.5px;line-height:1.18}}.draft-mystery{width:26px;height:30px;object-fit:cover;border-radius:5px;flex:none}.draft-sub{font-size:12.5px;color:var(--parch-300)}.mode-flag{font-size:15px;flex:none;cursor:help;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.dice-stats{padding:10px 6px 4px;display:flex;flex-direction:column;gap:8px;height:100%}.dice-stats-head{font-size:12.5px;color:var(--parch-300);text-align:center}.dice-bars{flex:1;min-height:120px;display:flex;align-items:stretch;gap:4px;padding:0 4px}.dice-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}.dice-bar-count{font-size:10.5px;color:var(--parch-300);font-variant-numeric:tabular-nums;min-height:14px}.dice-bar{width:100%;max-width:22px;border-radius:4px 4px 0 0;min-height:2px;background:linear-gradient(180deg,var(--gold-400),#b07f2e);transition:height .3s var(--ease-out)}.dice-bar.seven{background:linear-gradient(180deg,#e0564a,#9e2b21)}.dice-bar-label{font-size:11px;font-weight:800;color:var(--parch-200)}.dice-bar-label.red{color:#ff8d80}.results-chip{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:30;padding:9px 18px;border-radius:99px;font-weight:800;font-size:14px;color:var(--gold-300);border:2px solid var(--gold-500);cursor:pointer}.results-chip:hover{transform:translate(-50%) translateY(-1px)}.chat-bubble{position:fixed;z-index:28;transform:translate(-100%,-50%);max-width:220px;padding:7px 12px;border-radius:12px 12px 4px;background:var(--parch-100);color:var(--ink-900);font-size:13px;font-weight:600;line-height:1.3;box-shadow:var(--shadow-2);animation:pop-in .18s var(--ease-snap) both;pointer-events:none}.quick-chat{display:flex;gap:5px;padding:6px 8px 0;flex-wrap:wrap}.quick-chip{padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700;background:#ffffff12;color:var(--parch-200);border:1px solid rgba(255,255,255,.12)}.quick-chip:hover{background:#f0b95c2e;color:var(--gold-300)}.dev-confirm-anchor{position:absolute;bottom:calc(100% + 10px);right:0;z-index:45}.dev-confirm{width:264px;padding:12px 14px;border-radius:12px;text-align:left;box-shadow:var(--shadow-2);animation:pop-in .15s var(--ease-snap) both}.dev-confirm-body{display:flex;gap:11px;align-items:flex-start;margin-bottom:10px}.dev-confirm-art{width:54px;height:75px;object-fit:cover;flex:none;border-radius:7px;border:1.5px solid rgba(43,29,14,.4);box-shadow:var(--shadow-1);transform:rotate(-3deg)}.dev-confirm-icon{font-size:34px;flex:none}.dev-confirm-text{min-width:0}.dev-confirm b{display:block;margin-bottom:4px;font-size:15.5px}.dev-confirm p{margin:0;font-size:12.5px;line-height:1.4;color:var(--ink-700, #3b2a16)}.dev-confirm .dev-confirm-note{margin-top:6px;color:#8f3f20;font-weight:800}.dev-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.hand-empty{font-size:12px;font-style:italic;opacity:.55;align-self:center;max-width:320px}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding-top:5px;box-sizing:border-box}.action-cost{display:flex;gap:2px;min-height:14px;max-width:calc(100% - 8px);justify-content:center;overflow:hidden;flex-wrap:nowrap}.action-cost-chip{width:9px;height:12px;border-radius:2px;font-size:7px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.35)}.action-cost-chip.dark{background:#241913;color:#f8e7b8;font-weight:950}.action-cost-chip.any{background:#f8e7b8;color:#2b2115;font-weight:950}.action-card:disabled .action-cost-chip{filter:saturate(.4) brightness(.75)}.action-label{font-size:8.5px;font-weight:800;letter-spacing:0;color:#2b1d0ed6;line-height:1}.offer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.offer-btn-label{font-size:8px;font-weight:800;letter-spacing:0}.offer-cant{font-size:11.5px;color:#ff9d92;text-align:right;padding:2px 4px 0}.settings-locked-note{font-size:13px;color:var(--parch-300);padding:2px 2px 6px;border-bottom:1px dashed rgba(255,255,255,.12)}.status-col{display:flex;flex-direction:column;min-width:0}.status-hint{font-size:11px;font-weight:600;color:var(--parch-300)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#040d1459;display:none}.black-market-popper{width:min(430px,calc(100vw - 24px))}.black-market-popper .popper-card-art{width:68px;height:68px;object-fit:contain;border:none;box-shadow:none;transform:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))}.black-market-section{align-self:stretch;display:flex;flex-direction:column;gap:7px}.black-market-section b{font-size:13px;color:var(--ink-700, #3b2a16)}.black-market-card{width:46px;height:62px}.black-market-card.selected{outline:3px solid var(--gold-500);transform:translateY(-4px)}.black-market-count{position:absolute;right:-5px;bottom:-6px;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;background:#241913;color:#f8e7b8;border:2px solid #f0c33d;font-size:11px;font-weight:950}.place-btn.cartographer{background:linear-gradient(180deg,#fff0b8,#d49338);border-color:#8a4d20}.cartographer-skip{position:absolute;left:50%;bottom:120px;z-index:16;transform:translate(-50%);padding:9px 16px;border-radius:999px;color:var(--parch-100);font-weight:900}@media (max-width: 1080px){.drawer-scrim{display:block}.dev-confirm-anchor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#040d1459}.dev-confirm{width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto}.dev-confirm-actions .btn{min-height:42px}.bottom-band{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:10px}.bottom-band .hand-tray{flex:1 1 auto;min-width:0;max-width:none;min-height:0;max-height:min(50dvh,176px);align-content:flex-end;align-items:flex-end;flex-wrap:wrap;gap:6px 5px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:5px 0 6px;background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.bottom-band .hand-tray.over-limit{border-color:transparent}.bottom-band .hand-tray::-webkit-scrollbar{display:none}.bottom-band .stack-wrap{flex:0 0 auto;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none}.bottom-band .card-stack{--stack-peek: 3px;height:48px;width:34px}.bottom-band .card-stack:has(.stack-card:nth-child(2)){width:calc(34px + var(--stack-peek))}.bottom-band .card-stack:has(.stack-card:nth-child(3)){width:calc(34px + var(--stack-peek) * 2)}.bottom-band .card-stack:has(.stack-card:nth-child(4)){width:calc(34px + var(--stack-peek) * 3)}.bottom-band .stack-card{width:34px;height:46px;border-radius:6px;font-size:14px}.bottom-band .stack-count{right:-6px;bottom:-5px;min-width:20px;height:20px;font-size:11px}.bottom-band .dev-stack{flex:0 0 auto}.bottom-band .action-bar{display:grid;grid-template-columns:repeat(2,64px);gap:8px;align-self:flex-end}.bottom-band .action-bar:has(.perk-action){grid-template-columns:repeat(3,58px);gap:7px}.bottom-band .action-card{width:64px;height:68px;padding:5px 4px 4px}.bottom-band .action-bar:has(.perk-action) .action-card{width:58px;height:64px}.bottom-band .action-icon.img{width:26px;height:26px}.bottom-band .action-card .action-icon{font-size:22px}.bottom-band .action-label{font-size:9px}.hand-warning{display:none}.hand-warning-img{height:18px;vertical-align:-4px}.tray-divider{width:1px;height:64px;align-self:flex-end;flex:0 0 auto}.offer-tray{position:fixed;top:calc(max(8px,env(safe-area-inset-top)) + 2px);left:max(72px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;max-width:430px;transform:none;z-index:36;gap:5px}.offer-head{min-height:46px;padding:7px 12px;border-radius:16px;font-size:15px}.offer-body{max-height:min(28dvh,132px);overflow:auto;padding:8px 10px;border-radius:16px;gap:7px}.offer-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.offer-line{min-width:0;gap:6px}.offer-who{flex:none}.offer-cards{min-width:0;flex-wrap:wrap;gap:2px}.offer-card{width:22px;height:29px;border-radius:4px;font-size:11px}.offer-actions,.offer-responses{gap:6px;justify-content:flex-end}.offer-btn{width:34px;height:34px;border-radius:9px;font-size:14px}.bottom-band{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}.dice-corner.advance-ready{min-width:96px;height:54px}.dice-corner-wrap>.turn-roll-preview .die{width:34px;height:34px}.dice-corner-wrap>.turn-roll-preview .die.dropped{width:28px;height:28px}.turn-advance-icon{font-size:22px}.turn-advance-label{font-size:10px}.dev-confirm{position:fixed;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 142px);width:auto}.dev-confirm-body{align-items:center}.fl-topleft{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.fl-me{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:min(318px,calc(100vw - 76px));gap:6px}.fl-me .prow{grid-template-columns:34px minmax(88px,1fr) repeat(2,28px) minmax(50px,auto);gap:7px;padding:7px 9px}.fl-me .prow.current{padding-left:20px}.fl-me .prow-avatar{width:34px;height:34px;border-radius:9px}.fl-me .prow-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.05}.fl-me .prow-stat{flex-direction:column;gap:1px;min-width:26px;line-height:1}.fl-me .prow-stat .icon-img{height:20px;vertical-align:0}.fl-me .prow-stat-icon{font-size:19px}.fl-me .prow-stat-count{font-size:12px}.fl-me .prow-awards{grid-auto-columns:24px;min-width:0;gap:2px}.fl-me .perk-badge-row{min-height:16px}.fl-me .perk-badge.small{width:18px;height:18px;font-size:7px}.fl-me .award-metric{min-height:32px}.fl-me .award-metric .award-img{max-width:18px;max-height:16px}.fl-me .award-count{font-size:10px}.fl-right{padding-right:env(safe-area-inset-right)}.status-cluster{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 174px)}.dice-corner-wrap{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 234px)}.composer{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 174px);max-width:calc(100vw - 16px)}.discard-tray{position:fixed;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-height:min(58dvh,430px);overflow-y:auto;transform:none;padding:10px 12px 12px}.discard-head{gap:7px;margin-bottom:7px}.discard-head .btn-small,.discard-confirm{min-height:40px;height:40px}.discard-confirm{min-width:68px;padding:0 17px;font-size:20px}.discard-head b{flex:1 1 100%;font-size:15px}.discard-head>span{font-size:12px}.discard-counter{margin-left:0}.discard-timer{min-width:52px;padding:5px 8px;font-size:12px}.discard-row{min-height:50px;gap:4px;padding:5px}.discard-card{width:34px;height:44px;border-radius:6px;font-size:14px;flex:0 0 auto}.conn-pill{bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left))}}@media (max-width: 480px){.perk-draft{inset:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));padding:10px;border-radius:14px}.perk-draft-head{align-items:flex-start}.perk-draft-head>div{flex-direction:column;align-items:flex-start;gap:3px}.perk-draft-head b{font-size:17px}.perk-draft-head span{font-size:11.5px}.perk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-right:2px}.perk-card{min-height:124px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:6px;padding:7px}.perk-card .perk-badge{width:40px;height:40px}.perk-card-title{font-size:12px;line-height:1.05}.perk-card-desc{font-size:9.7px;line-height:1.12}.fl-me{width:min(312px,calc(100vw - 70px))}.fl-me .prow{grid-template-columns:32px minmax(58px,1fr) repeat(2,25px) minmax(48px,auto);gap:6px;padding:6px 8px}.fl-me .prow-avatar{width:32px;height:32px}.fl-me .prow-stat .icon-img{height:19px}.fl-me .prow-stat-count{font-size:11.5px}.bottom-band .hand-tray{max-width:none;max-height:min(50dvh,176px);padding:5px 0 6px;gap:6px 5px}.bottom-band .action-bar{grid-template-columns:repeat(2,58px)}.bottom-band .action-card{width:58px;height:64px}.bottom-band .action-icon.img{width:24px;height:24px}.bottom-band .action-label{font-size:8.5px}.cartographer-skip{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 148px);padding:8px 13px;font-size:13px}.status-cluster{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 166px)}.dice-corner-wrap{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 224px)}.status-pill{max-width:calc(100vw - 110px)}.status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 950px) and (max-height: 520px) and (orientation: landscape){.fl-topleft{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));gap:8px}.fl-topleft .round{width:46px;height:46px}.fl-me{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:auto;width:min(338px,34vw);gap:5px}.fl-me .prow-stack{max-height:min(44dvh,180px)}.fl-me .prow{grid-template-columns:32px minmax(78px,1fr) repeat(2,27px) minmax(44px,auto);min-height:54px;padding:6px 8px;gap:6px}.fl-me .prow-avatar{width:32px;height:32px}.fl-me .prow-awards{grid-auto-columns:22px}.bottom-band{left:max(78px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));flex-direction:row;gap:8px;align-items:flex-end}.bottom-band .hand-tray{flex:1 1 330px;max-width:min(42vw,360px);max-height:min(34dvh,118px);gap:5px;padding:4px 0 5px}.bottom-band .action-bar{grid-template-columns:repeat(4,54px);gap:7px;align-self:flex-end}.bottom-band .action-card{width:54px;height:58px}.bottom-band .action-icon.img{width:23px;height:23px}.bottom-band .action-label{font-size:8px}.status-cluster{right:max(8px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 70px)}.status-pill{max-width:180px;min-height:44px;padding:8px 14px;font-size:14px}.status-timer{min-width:62px;min-height:44px}.dice-corner-wrap{right:max(8px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 122px)}.dice-corner.advance-ready{min-width:84px;height:50px}.dice-corner-wrap>.turn-roll-preview{gap:3px;padding:4px 6px}.dice-corner-wrap>.turn-roll-preview .die{width:27px;height:27px}.turn-advance-label{font-size:9px}.offer-tray{top:max(8px,env(safe-area-inset-top));left:max(72px,env(safe-area-inset-left));right:auto;width:clamp(292px,calc(100vw - 440px),390px);max-width:390px}.offer-body{max-height:min(40dvh,136px)}.composer{left:max(76px,env(safe-area-inset-left));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 66px);width:clamp(292px,calc(100vw - 430px),360px)}.discard-tray{left:max(76px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));max-height:min(66dvh,300px)}}