: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;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}@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.disabled{opacity:.38;cursor:not-allowed;transform:none}.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)}.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-in{animation:fade-in .3s ease-out both}.spot{cursor:pointer;animation:spot-pulse 1.5s ease-in-out infinite}@keyframes spot-pulse{0%,to{opacity:.5}50%{opacity:.95}}.spot:hover{opacity:1!important;animation:none}.hex-clickable{cursor:pointer}.hex-clickable:hover{filter:brightness(1.16)}.piece-pop{transform-box:fill-box;transform-origin:center;animation:piece-pop .4s var(--ease-snap) both}@keyframes piece-pop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.18)}to{transform:scale(1)}}::-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}.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:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:var(--radius-m);position:relative;flex:none;transition:outline-color .2s,box-shadow .3s}.prow.current{outline:2px solid var(--gold-500);box-shadow:0 0 16px #e8a33d4d}.prow.mine{padding:10px 12px}.prow-turn-dots{position:absolute;left:-15px;color:var(--gold-400);font-size:15px;animation:spot-pulse 1.2s ease-in-out infinite}.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}.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;display:grid;place-items:center;border:1px solid var(--parch-400);box-shadow:var(--shadow-1)}.prow-name{font-weight:800;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.prow-offline{color:#f08c82}.prow-stat{font-size:12px;color:var(--parch-200);flex:none;font-variant-numeric:tabular-nums}.prow-stat.danger{color:#ff9d92;font-weight:800}.prow-awards{display:flex;gap:3px;font-size:13px;min-width:18px;justify-content:flex-end}.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{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-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{width:44px}.card-stack:has(.stack-card:nth-child(2)){width:49px}.card-stack:has(.stack-card:nth-child(3)){width:54px}.card-stack:has(.stack-card:nth-child(4)){width:59px}.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}.dev-stack:hover:not(:disabled){transform:translateY(-3px)}.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:rise-in .25s var(--ease-out) both}.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.give{color:#6fe3a5}.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}.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-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}.popper-sub{font-size:13px;color:var(--ink-500)}.popper-cards,.popper-actions{display:flex;gap:8px}.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:var(--shadow-2),inset 0 1px #ffffff73;transition:transform .65s cubic-bezier(.25,.8,.35,1);will-change:transform}.fx-card.fx-arrived{opacity:0;transition:transform .65s cubic-bezier(.25,.8,.35,1),opacity .14s}@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.tumble{animation:die-tumble .16s linear infinite}@keyframes die-tumble{0%{transform:rotate(-7deg) translateY(-1px)}50%{transform:rotate(6deg) translateY(-3px)}to{transform:rotate(-7deg) translateY(-1px)}}.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-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{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}}