@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--parchment:#fbf6ec;--parchment-2:#f4ead8;--parchment-3:#eadcc4;--sand:#f2d7ae;--ink:#2b2420;--ink-2:#5a4e45;--ink-3:#8a7d72;--line:#2b24201f;--terracotta:#c8553d;--terracotta-d:#9e3d29;--teal:#2a9d8f;--teal-d:#1d7066;--gold:#e9b44c;--gold-d:#b9862a;--sea:#17677a;--r-brick:#b5543b;--r-lumber:#2f6b3a;--r-wool:#9ccb5b;--r-grain:#e8c547;--r-ore:#7c8a9a;--p-red:#c8362a;--p-blue:#2357c9;--p-white:#f6f0e2;--p-orange:#f6a72e;--p-green:#15a88a;--p-purple:#d083e0;--pd-red:#7e1f15;--pd-blue:#15357f;--pd-white:#8c826e;--pd-orange:#a2610a;--pd-green:#0b6650;--pd-purple:#6f2e85;--font-display:"Fraunces Variable", "Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:18px;--radius-sm:12px;--shadow-1:0 1px 2px #2b24201a, 0 2px 8px #2b242014;--shadow-2:0 2px 6px #2b24201f, 0 12px 32px #2b24202e;--shadow-3:0 6px 18px #2b242029, 0 24px 60px #2b24203d;--glass-bg:#fbf6ecd6;--glass-border:#ffffffa6;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--gap:10px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--ink);background:var(--sand);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01";font-size:16px;line-height:1.4}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.1}p{margin:0}a{color:var(--teal-d);text-underline-offset:3px;text-decoration-thickness:1.5px}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.muted{color:var(--ink-3)}.small{font-size:.85em}.center{text-align:center}.grow{flex:auto}.scene-layer{z-index:0;position:fixed;inset:0}.screen{z-index:1;pointer-events:none;position:fixed;inset:0}.screen>*{pointer-events:auto}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25)}.btn{--b-bg:var(--parchment);--b-fg:var(--ink);--b-edge:var(--parchment-3);background:var(--b-bg);min-height:44px;color:var(--b-fg);letter-spacing:.005em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-shadow:0 3px 0 var(--b-edge), 0 6px 14px #2b24201f;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background .2s, opacity .2s, filter .2s;white-space:nowrap;border:1px solid #2b242014;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:650;display:inline-flex;position:relative}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--b-edge), 0 2px 6px #2b24201f;transform:translateY(2px)}.btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 2px 0 var(--b-edge)}.btn-primary{--b-bg:linear-gradient(180deg, #d76549, var(--terracotta));--b-fg:#fffaf2;--b-edge:var(--terracotta-d);background:var(--b-bg)}.btn-teal{--b-bg:linear-gradient(180deg, #33b0a1, var(--teal));--b-fg:#f4fffd;--b-edge:var(--teal-d);background:var(--b-bg)}.btn-gold{--b-bg:linear-gradient(180deg, #f2c463, var(--gold));--b-fg:#3a2a10;--b-edge:var(--gold-d);background:var(--b-bg)}.btn-ghost{--b-bg:#fff9;--b-edge:#2b24201f;background:var(--b-bg)}.btn-lg{border-radius:16px;min-height:52px;padding:12px 22px;font-size:17px}.btn-sm{border-radius:11px;min-height:36px;padding:6px 12px;font-size:14px}.btn.icon-only{width:44px;padding:0}.btn .btn-badge,.round-btn .btn-badge,.tab .btn-badge{background:var(--terracotta);color:#fff;min-width:20px;height:20px;box-shadow:0 0 0 2px var(--parchment);border-radius:10px;place-items:center;padding:0 5px;font-size:12px;font-weight:750;display:grid;position:absolute;top:-6px;right:-6px}.tab .btn-badge{margin-left:4px;position:static}.icon-btn{width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;transition:background .15s;display:grid}.icon-btn:hover{background:#2b24200f}.round-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;transition:transform .15s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:relative}.round-btn:active{transform:scale(.92)}.link-btn{color:var(--teal-d);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:4px 6px;font-size:13px;font-weight:600;text-decoration:underline}.input{width:100%;min-height:48px;font:inherit;color:var(--ink);border:1.5px solid var(--parchment-3);background:#fffdf8;border-radius:14px;outline:none;padding:10px 14px;font-size:17px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 3px #2b24200f}.input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #2a9d8f2e}.input::placeholder{color:#b5a99c}.input-sm{min-height:38px;padding:6px 10px;font-size:16px}input[type=range]{--tier:var(--teal);appearance:none;cursor:pointer;background:0 0;width:100%;height:32px}input[type=range]::-webkit-slider-runnable-track{background:var(--parchment-3);border-radius:4px;height:8px}input[type=range]::-moz-range-track{background:var(--parchment-3);border-radius:4px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--tier);border:3px solid #fffdf8;border-radius:50%;width:26px;height:26px;margin-top:-9px;box-shadow:0 2px 6px #2b24204d}input[type=range]::-moz-range-thumb{background:var(--tier);border:3px solid #fffdf8;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #2b24204d}input[type=range]:disabled{opacity:.55;cursor:default}.field{flex-direction:column;gap:6px;display:flex}.field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-size:13px;font-weight:650}.stepper{border:1.5px solid var(--parchment-3);background:#fffdf8;border-radius:14px;align-items:center;gap:2px;padding:2px;display:inline-flex}.stepper-btn{background:var(--parchment-2);cursor:pointer;width:40px;height:40px;color:var(--ink);border:0;border-radius:11px;place-items:center;transition:background .15s,transform .1s;display:grid}.stepper-btn:active:not(:disabled){transform:scale(.92)}.stepper-btn:disabled{opacity:.35;cursor:default}.stepper-val{text-align:center;min-width:34px;font-family:var(--font-display);font-size:20px;font-weight:700}.switch{background:var(--parchment-3);cursor:pointer;border:0;border-radius:17px;flex:none;width:58px;height:34px;padding:3px;transition:background .2s;position:relative}.switch.on{background:var(--teal)}.switch-knob{width:28px;height:28px;transition:transform .25s var(--ease-spring);background:#fff;border-radius:50%;display:block;box-shadow:0 2px 5px #0003}.switch.on .switch-knob{transform:translate(24px)}.switch:disabled{cursor:default;opacity:.8}.seg-ctl{background:var(--parchment-2);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg-ctl button{cursor:pointer;min-height:38px;color:var(--ink-2);background:0 0;border:0;border-radius:10px;padding:0 14px;font-size:14px;font-weight:600}.seg-ctl button.on{color:var(--ink);box-shadow:var(--shadow-1);background:#fffdf8}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-gold{color:#7a5410;background:#fbe7b8}.badge-teal{color:var(--teal-d);background:#cdeee9}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot.on{background:#3fbf6f;box-shadow:0 0 0 2px #3fbf6f40}.dot.off{background:#c9bfb3}.spinner{border:2.5px solid #2b242026;border-top-color:var(--terracotta);vertical-align:-3px;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.spinner.light{border-color:#fff #ffffff4d #ffffff4d}@keyframes spin{to{transform:rotate(360deg)}}.pname{white-space:nowrap;font-weight:700}.pname-mark{vertical-align:-1px;margin-right:3px}.res-inline{vertical-align:-4px;align-items:center;gap:1px;display:inline-flex}.res-inline b{margin-right:1px;font-size:.92em}.res-list{vertical-align:middle;flex-wrap:wrap;gap:4px;display:inline-flex}.nomad-word{font-family:var(--font-display);color:var(--terracotta);font-style:italic;font-weight:700}.cost{align-items:center;gap:3px;display:inline-flex}.cost-chip{border:1px solid var(--line);background:#ffffffb3;border-radius:8px;align-items:center;gap:1px;padding:2px 4px;font-size:12px;display:inline-flex}.cost-chip.short{background:#fde5df;border-color:#efb4a6}.conn-banner{top:calc(var(--safe-t) + 84px);z-index:60;color:#fff;box-shadow:var(--shadow-2);animation:drop-in .35s var(--ease-spring);background:#2b2420e0;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toasts{z-index:70;left:50%;top:calc(var(--safe-t) + 92px);pointer-events:none;flex-direction:column;gap:8px;width:min(440px,100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;text-align:left;color:#fffaf2;width:100%;box-shadow:var(--shadow-2);cursor:pointer;animation:toast-in .4s var(--ease-spring);background:#2b2420e6;border:0;border-radius:16px;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:550;display:flex}.toast.error{background:linear-gradient(#d35d44,#b4462f)}.toast svg{color:var(--gold);flex:none}.toast.error svg{color:#fff}@media (min-width:900px),(max-height:520px){.conn-banner{top:calc(var(--safe-t) + 72px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}}@keyframes drop-in{0%{opacity:0;transform:translate(-50%,-20px)}}.center-screen{background:radial-gradient(at 50% 30%,#fff4d6bf,#f2d7ae99);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.center-card{text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:32px 28px;display:flex}.center-card h2{font-size:24px}.bob{animation:1.6s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-6px)rotate(-3deg)}}.handoff{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#2b24208c;place-items:center;padding:20px;animation:.25s fade-in;display:grid;position:fixed;inset:0}.handoff-card{text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;padding:30px 24px;display:flex}.handoff-card h2{font-size:26px}@keyframes fade-in{0%{opacity:0}}.scene-placeholder{background:linear-gradient(#8fc1df 0%,#f7d9b0 45%,#2ba3a0 46%,#17677a 100%);position:absolute;inset:0;overflow:hidden}.sp-sea{background:repeating-linear-gradient(170deg,#0000 0 22px,#bff1ea33 22px 24px);animation:9s linear infinite sea-drift;position:absolute;inset:46% 0 0}@keyframes sea-drift{to{background-position:0 240px}}.sp-island{opacity:.85;flex-wrap:wrap;justify-content:center;gap:4px;width:260px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(55deg)}.sp-hex{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#79ae4a;width:48px;height:54px;animation:2.4s ease-in-out infinite pulse-soft}.sp-hex-1{background:#e6c25a}.sp-hex-2{background:#3e6a31}.sp-hex-3{background:#d98b5b}.sp-hex-4{background:#a3adb3}.sp-hex-5{background:#f0d6a0}.sp-msg{background:var(--glass-bg);box-shadow:var(--shadow-1);text-align:center;border-radius:14px;max-width:90vw;padding:10px 16px;font-weight:600;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes pulse-soft{50%{filter:brightness(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.landing{-webkit-overflow-scrolling:touch;padding:calc(var(--safe-t) + 28vh) calc(var(--safe-r) + 14px) calc(var(--safe-b) + 24px) calc(var(--safe-l) + 14px);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow:hidden auto}.landing-art{z-index:0;pointer-events:none;position:fixed;inset:0}.la-svg{width:100%;height:100%;display:block}.la-sun{transform-origin:600px 250px;animation:6s ease-in-out infinite sun-glow}@keyframes sun-glow{50%{opacity:.9;transform:scale(1.06)}}.la-clouds{animation:40s linear infinite alternate clouds}@keyframes clouds{to{transform:translate(60px)}}.la-waves path{animation:4s ease-in-out infinite wave}.la-waves path:nth-child(2n){animation-delay:-2s}@keyframes wave{50%{opacity:.3;transform:translate(12px)}}.la-island{animation:7s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-4px)}}.landing-card{z-index:1;width:100%;max-width:440px;animation:card-in .6s var(--ease-out);border-radius:26px;flex-direction:column;gap:18px;padding:26px 22px 20px;display:flex;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(30px)scale(.98)}}.brand{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:-64px;display:flex}.brand-mark{filter:drop-shadow(0 8px 12px #2b242047);width:84px;height:84px;margin-bottom:4px;animation:4s ease-in-out infinite bob}.brand h1{font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.02em;color:var(--ink);font-size:40px;font-weight:800}.brand h1 span{color:var(--terracotta);font-style:italic}.tagline{color:var(--ink-2);font-size:16px}.invite-note{color:var(--teal-d);background:#e2f4f1;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:15px;line-height:1.35;display:flex}.landing-form{flex-direction:column;gap:16px;display:flex}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;width:46px;height:46px;box-shadow:var(--shadow-1);transition:transform .2s var(--ease-spring), border-color .15s, box-shadow .15s;background:#fffdf8;border:2px solid #0000;border-radius:14px;place-items:center;display:grid}.swatch:hover:not(:disabled){transform:translateY(-2px)}.swatch.on{border-color:var(--ink);box-shadow:0 0 0 4px #2b242014, var(--shadow-1);transform:scale(1.06)}.swatch:disabled{opacity:.3;cursor:not-allowed}.landing-actions{flex-direction:column;gap:12px;margin-top:4px;display:flex}.landing-actions.invited .join-row{order:-1}.join-row{gap:10px;display:flex}.code-input{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;text-align:center;flex:auto;min-width:0;font-size:22px;font-weight:700}.code-input::placeholder{letter-spacing:.2em;font-size:18px}.conn-note{color:var(--ink-3);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.rules-blurb{background:#e9b44c29;border:1px dashed #b9862a73;border-radius:16px;padding:14px 16px}.rules-blurb h2{color:#7a5410;align-items:center;gap:6px;margin-bottom:4px;font-size:17px;display:flex}.rules-blurb p{color:var(--ink-2);font-size:15px}.landing-foot{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:10px;font-size:14px;display:flex}.landing-foot a{align-items:center;min-height:32px;display:inline-flex}@media (min-width:900px){.landing{justify-content:flex-start;align-items:center;padding-top:40px;padding-left:max(6vw,40px)}.landing-card{padding:30px 30px 22px}.brand h1{font-size:46px}}@media (max-height:520px) and (orientation:landscape){.landing{padding-top:calc(var(--safe-t) + 16px);padding-right:calc(var(--safe-r) + 24px);justify-content:flex-end}.brand{margin-top:0}.brand-mark{width:56px;height:56px}}@media (max-width:899px) and (min-height:521px){.landing{padding-top:calc(var(--safe-t) + 34vh);background:linear-gradient(#2ba3a0 0%,#17677a 100%)}.landing-art{height:46vh;bottom:auto}}@media (max-height:520px) and (orientation:landscape){.landing-card{gap:12px;max-width:540px;padding:16px 18px 14px}.brand{flex-direction:row;justify-content:center;gap:10px}.brand h1{font-size:30px}.tagline{display:none}.landing-form{gap:10px}.landing-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.landing-actions .join-row{order:3;grid-column:1/-1}.landing-actions.invited .join-row{order:-1}.landing-actions .btn-lg{min-height:46px;font-size:16px}.color-picker .swatch{width:42px;height:42px}}.lobby{pointer-events:none;padding:calc(var(--safe-t) + 38vh) calc(var(--safe-r) + 10px) 0 calc(var(--safe-l) + 10px);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.lobby-card{pointer-events:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;max-width:520px;max-height:100%;padding:22px 18px calc(var(--safe-b) + 18px);animation:sheet-up .5s var(--ease-out);border-radius:26px 26px 0 0;flex-direction:column;gap:18px;display:flex;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.lobby-head{align-items:center;gap:14px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:700}.room-code{gap:6px;margin-top:4px;font-size:34px;font-weight:800;display:flex}.room-code span{border:1.5px solid var(--parchment-3);width:44px;height:52px;box-shadow:0 3px 0 var(--parchment-3);color:var(--terracotta);animation:tile-pop .5s var(--ease-spring) backwards;background:#fffdf8;border-radius:12px;place-items:center;display:grid}.room-code span:nth-child(2){animation-delay:50ms}.room-code span:nth-child(3){animation-delay:.1s}.room-code span:nth-child(4){animation-delay:.15s}.room-code span:nth-child(5){animation-delay:.2s}.room-code.local{font-size:28px}@keyframes tile-pop{0%{opacity:0;transform:scale(.6)translateY(8px)}}.lobby-hint{color:var(--ink-2);margin-top:-6px;font-size:15px}.invite-btns{flex-wrap:wrap;gap:10px;display:flex}.invite-btns .btn{flex:140px}.invite-btns.compact .btn{flex:0 auto}.notice{color:#7a5410;background:#fdf0d2;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-weight:550;display:flex}.lobby-section h2{align-items:baseline;gap:8px;margin-bottom:10px;font-size:19px;display:flex}.lobby-section h2 .count{font-family:var(--font-body);color:var(--ink-3);background:var(--parchment-2);border-radius:999px;padding:2px 8px;font-size:13px;font-weight:700}.seats{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.seat{border:1.5px solid var(--parchment-3);min-height:60px;animation:seat-in .4s var(--ease-spring) backwards;background:#fffdf8;border-radius:16px;align-items:center;gap:12px;padding:8px 8px 8px 10px;display:flex}.seat.me{border-color:var(--ink);box-shadow:0 0 0 3px #2b24200f}.seat.empty{background:0 0;border-style:dashed;flex-wrap:wrap;animation:none}.seat.empty .seat-main{flex:60px}@keyframes seat-in{0%{opacity:0;transform:translate(-12px)}}.seat-token{background:var(--parchment-2);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.seat.empty .seat-token{border:1.5px dashed var(--parchment-3);background:0 0}.seat-main{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.seat-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:17px;font-weight:700;display:flex;overflow:hidden}.you-tag{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--ink);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:750}.seat-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.conn{color:var(--ink-3);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.conn:before{content:"";background:#c9bfb3;border-radius:50%;width:8px;height:8px}.conn.on:before{background:#3fbf6f;box-shadow:0 0 0 2px #3fbf6f40}.seat-add{gap:6px;margin-left:auto;display:flex}.cfg{border:1.5px solid var(--parchment-3);background:#fffdf8;border-radius:18px;flex-direction:column;gap:4px;padding:6px 14px;display:flex}.cfg-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 0;display:flex}.cfg-row.cfg-col{flex-wrap:wrap}.cfg-label{flex-direction:column;font-size:16px;font-weight:650;display:flex}.cfg-label small{color:var(--ink-3);font-size:13px;font-weight:450}.cfg-val{font-family:var(--font-display);text-align:right;min-width:48px;font-size:20px}.cfg-slider{flex:200px;align-items:center;gap:12px;display:flex}.cfg-odds{padding:10px 0 8px}.cfg-odds summary{cursor:pointer;min-height:40px;color:var(--terracotta-d);align-items:center;gap:8px;font-weight:650;list-style:none;display:flex}.cfg-odds summary::-webkit-details-marker{display:none}.cfg-odds summary:after{content:"▾";margin-left:auto;transition:transform .2s}.cfg-odds[open] summary:after{transform:rotate(180deg)}.odds{flex-direction:column;gap:10px;margin-top:6px;display:flex}.odds-bar{border-radius:6px;gap:2px;height:12px;display:flex;overflow:hidden}.odds-bar-seg{transition:flex-grow .3s var(--ease-out);flex-basis:0}.odds-table{border-collapse:collapse;width:100%;font-size:15px}.odds-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);text-align:left;padding:0 4px 4px;font-size:11px;font-weight:700}.odds-table td{border-top:1px solid var(--line);height:44px;padding:3px 4px}.odds-table tr.off td{opacity:.45}.odds-w{width:42%}.odds-pct{font-variant-numeric:tabular-nums;width:56px;font-weight:700;text-align:right!important}.tier-chip{vertical-align:0;border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.ratio{font-family:var(--font-display);white-space:nowrap;font-size:17px}.ratio-hint{color:var(--ink-3);margin-left:18px;font-size:12px;font-style:italic;display:block}.lobby-foot{bottom:calc(-1 * (var(--safe-b) + 18px));padding:12px 0 calc(var(--safe-b) + 4px);background:#f8f1e4;align-items:center;gap:10px;margin:0 -2px;padding-top:12px;display:flex;position:sticky;box-shadow:0 -14px 14px -6px #f8f1e4}.waiting{color:var(--ink-2);justify-content:center;align-items:center;gap:8px;font-weight:550;display:flex}.pulse{animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{50%{box-shadow:0 3px 0 var(--b-edge), 0 0 0 6px #c8553d33, 0 8px 24px #c8553d59}}@media (min-width:900px){.lobby{padding:calc(var(--safe-t) + 20px) 20px 20px calc(var(--safe-l) + 20px);justify-content:flex-start;align-items:stretch}.lobby-card{border-radius:26px;max-width:460px;padding:24px 22px 0}.lobby-foot{padding-bottom:18px;bottom:0}}@media (max-height:520px) and (orientation:landscape){.lobby{padding:calc(var(--safe-t) + 8px) 8px 8px calc(var(--safe-l) + 8px);justify-content:flex-start;align-items:stretch}.lobby-card{border-radius:22px;max-width:420px;padding:16px 16px 0}.lobby-foot{padding-bottom:12px;bottom:0}}.game{pointer-events:none;--top-row:62px;position:fixed;inset:0}.game>*{pointer-events:none}.game>*>*,.game .modal-root,.game .drawer,.game .drawer-backdrop,.game .gameover,.game .gameover-chip{pointer-events:auto}.hud-top{top:calc(var(--safe-t) + 8px);left:calc(var(--safe-l) + 8px);right:calc(var(--safe-r) + 8px);position:absolute}.players{gap:6px;margin:0;padding:0;list-style:none;display:flex}.player{--pc:#999;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);min-width:0;box-shadow:var(--shadow-1), inset 0 3px 0 var(--pc);transition:transform .3s var(--ease-spring), box-shadow .3s;border-radius:14px;flex:1 1 0;padding:7px 8px 6px;position:relative}.player.turn{box-shadow:0 0 0 2.5px var(--pc), 0 6px 20px color-mix(in srgb, var(--pc) 45%, transparent), inset 0 3px 0 var(--pc);animation:2.2s ease-in-out infinite turn-glow;transform:translateY(2px)}@keyframes turn-glow{50%{box-shadow:0 0 0 2.5px var(--pc), 0 6px 28px color-mix(in srgb, var(--pc) 70%, transparent), inset 0 3px 0 var(--pc)}}.you-flag{letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:#fffaf2;box-shadow:0 0 0 2px var(--parchment);border-radius:5px;padding:0 6px;font-size:10px;font-weight:800;line-height:15px;position:absolute;top:-8px;left:10px}.player.away{opacity:.72}.player-top{align-items:center;gap:5px;min-width:0;display:flex}.player-mark{flex:none}.player-name{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.player-bot{color:var(--teal-d);flex:none}.player-stats{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:7px;margin-top:3px;font-size:13px;font-weight:650;display:flex;overflow:hidden}.player-stats .vp{color:#7a5410;align-items:center;gap:2px;display:inline-flex}.player-stats .vp svg{color:var(--gold);fill:var(--gold)}.player-stats .vp b{font-family:var(--font-display);color:var(--ink);font-size:16px}.player-stats .vp small{color:var(--ink-3);font-size:10px}.player-stats .stat{align-items:center;gap:2px;display:inline-flex}.player-stats .stat.held{color:var(--terracotta-d)}.mini-card{border-radius:2px;width:9px;height:12px;margin-right:1px;display:inline-block}.mini-card.res{background:linear-gradient(135deg,#e8c547,#b5543b);box-shadow:1.5px -1.5px #9ccb5b}.mini-card.dev{background:linear-gradient(135deg,#8b57d0,#2f6fd6)}.player-awards{flex-wrap:wrap;gap:4px;margin-top:4px;display:none}.award{color:#7a5410;background:#fbe7b8;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:11px;font-weight:750;display:inline-flex}.thinking{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;animation:1.4s ease-in-out infinite think;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}@keyframes think{50%{opacity:.6}}.players-4 .player-stats .stat:nth-child(n+3):not(.held),.players-3 .player-stats .stat:nth-child(n+4):not(.held){display:none}.players-4 .player{padding:7px 6px 6px}.players-4 .player-name{font-size:13px}.players-4 .player-top{gap:3px}.hud-corner{top:calc(var(--safe-t) + 8px + var(--top-row) + 10px);right:calc(var(--safe-r) + 8px);gap:8px;display:flex;position:absolute}.hud-float{top:calc(var(--safe-t) + 8px + var(--top-row) + 10px);left:calc(var(--safe-l) + 8px);position:absolute}.dice-chip{border-radius:999px;align-items:center;gap:5px;padding:6px 12px 6px 7px;display:flex}.dice-chip b{font-family:var(--font-display);text-align:center;min-width:26px;font-size:22px}.dice-chip.fresh{animation:dice-pop .7s var(--ease-spring) .9s backwards}.dice-chip.fresh svg{animation:dice-tumble .9s var(--ease-out)}.dice-chip.fresh svg:nth-child(2){animation-delay:80ms}.dice-chip.seven b{color:var(--terracotta)}@keyframes dice-pop{0%{opacity:0;transform:scale(.6)}}@keyframes dice-tumble{0%{transform:rotate(-200deg)scale(.6)}}.hud-bottom{padding:0 calc(var(--safe-r) + 8px) calc(var(--safe-b) + 8px) calc(var(--safe-l) + 8px);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.prompt{max-width:100%;min-height:42px;animation:prompt-in .4s var(--ease-spring);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:650;display:flex}.prompt-text{text-overflow:ellipsis;overflow:hidden}.prompt-icon{flex:none}.prompt.tone-you{box-shadow:var(--shadow-2), inset 0 0 0 2px #c8553d59;background:linear-gradient(#fffcf5f2,#fbf0dceb)}.prompt.tone-you .prompt-icon{color:var(--terracotta)}.prompt.tone-wait{color:var(--ink-2);font-weight:550}.prompt.tone-alert{box-shadow:var(--shadow-2), inset 0 0 0 2px #b9862a73;background:linear-gradient(#fdeac0,#f5d48a)}.prompt.tone-done{background:linear-gradient(#fbe7b8,#f2c463)}.prompt-sub{color:var(--ink-3);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}@keyframes prompt-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}.dock{border-radius:22px;flex-direction:column;gap:8px;width:100%;max-width:760px;padding:10px 8px 8px;display:flex}.spectator-dock p{min-height:44px;color:var(--ink-2);justify-content:center;align-items:center;gap:8px;font-weight:550;display:flex}.hand{align-items:stretch;gap:6px;display:flex}.hand-res{flex:auto;justify-content:center;gap:6px;min-width:0;display:flex}.rcard{--rc:#999;background:linear-gradient(165deg, color-mix(in srgb, var(--rc) 14%, #fffdf8) 0%, color-mix(in srgb, var(--rc) 34%, #fffdf8) 100%);border:1.5px solid color-mix(in srgb, var(--rc) 50%, #fff);min-width:0;max-width:96px;height:70px;box-shadow:0 2px 0 color-mix(in srgb, var(--rc) 55%, #8a7d72), 0 4px 10px #2b24201a;transition:transform .25s var(--ease-spring), opacity .25s, filter .25s;border-radius:13px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.res-brick{--rc:var(--r-brick)}.res-lumber{--rc:var(--r-lumber)}.res-wool{--rc:var(--r-wool)}.res-grain{--rc:var(--r-grain)}.res-ore{--rc:var(--r-ore)}.rcard.empty{opacity:.5;filter:saturate(.35)}.rcard.gain{animation:card-bump .6s var(--ease-spring)}.rcard.loss{animation:.45s card-dip}@keyframes card-bump{30%{transform:translateY(-8px)scale(1.06)}}@keyframes card-dip{40%{transform:translateY(4px)scale(.96)}}.rcard-icon{filter:drop-shadow(0 1px 1px #2b242033)}.rcard-n{background:var(--ink);color:#fffaf2;min-width:24px;height:24px;font-family:var(--font-display);box-shadow:0 0 0 2px var(--parchment);border-radius:12px;place-items:center;padding:0 6px;font-size:15px;font-weight:700;display:grid;position:absolute;top:-7px;right:-5px}.rcard.empty .rcard-n{background:#b5a99c}.rcard-label{color:color-mix(in srgb, var(--rc) 60%, #2b2420);letter-spacing:.01em;font-size:11px;font-weight:700}.floater{font-family:var(--font-display);pointer-events:none;animation:float-up 1.3s var(--ease-out) forwards;text-shadow:0 1px #fff,0 0 6px #fff;font-size:18px;font-weight:800;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.floater.up{color:#1f8a4c}.floater.down{color:var(--terracotta-d);animation-name:float-down}@keyframes float-up{to{opacity:0;transform:translate(-50%,-30px)}}@keyframes float-down{to{opacity:0;transform:translate(-50%,22px)}}.dcard-stack{cursor:pointer;background:linear-gradient(160deg,#f3ecfb,#ddd0f2);border:1.5px solid #c8b6e6;border-radius:13px;flex:0 0 58px;place-items:center;height:70px;padding:0;display:grid;position:relative;box-shadow:0 2px #a993cf,0 4px 10px #2b24201a}.dcard-stack-cards{width:34px;height:34px;position:relative}.dcard-mini{box-shadow:var(--shadow-1);transform:rotate(calc((var(--i) - 1) * 9deg)) translateX(calc((var(--i) - 1) * 4px));background:#fffdf8;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}.dcard-stack-n{color:#fff;min-width:24px;height:24px;font-family:var(--font-display);box-shadow:0 0 0 2px var(--parchment);background:#55308c;border-radius:12px;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;top:-7px;right:-5px}.new-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--gold);color:#3a2a10;box-shadow:0 0 0 2px var(--parchment);border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.hand-dev{gap:6px;display:none}.dcard{cursor:pointer;width:70px;height:70px;transition:transform .2s var(--ease-spring);background:linear-gradient(160deg,#f6f1fc,#e2d6f4);border:1.5px solid #c8b6e6;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex;position:relative;box-shadow:0 2px #a993cf,0 4px 10px #2b24201a}.dcard:hover{transform:translateY(-3px)}.dcard.fresh{opacity:.8}.dcard-label{text-align:center;color:#4b2d7a;font-size:10px;font-weight:700;line-height:1.1}.dcard-n{color:#fff;box-shadow:0 0 0 2px var(--parchment);background:#55308c;border-radius:10px;padding:1px 6px;font-size:12px;font-weight:800;position:absolute;top:-7px;right:-5px}.actions{gap:6px;display:flex;position:relative}.btn-action{border-radius:14px;flex-direction:column;flex:1 1 0;gap:2px;min-width:0;min-height:54px;padding:6px 4px;font-size:13px}.btn-action.wide{flex-direction:row;flex:3 1 0;gap:8px;font-size:17px}.btn-action.ready{box-shadow:0 3px 0 var(--b-edge), 0 0 0 2.5px var(--gold), 0 4px 18px #e9b44c8c;animation:2.2s ease-in-out infinite ready-pulse}.btn-action.soft-off{opacity:.5;box-shadow:0 2px 0 var(--b-edge)}.btn-action.ready-soft{box-shadow:0 3px 0 var(--b-edge), 0 0 0 2px #2a9d8f8c}@keyframes ready-pulse{50%{box-shadow:0 3px 0 var(--b-edge), 0 0 0 3.5px var(--gold), 0 6px 26px #e9b44ccc}}.glow{animation:1.8s ease-in-out infinite primary-glow}@keyframes primary-glow{50%{box-shadow:0 3px 0 var(--b-edge), 0 0 0 5px #c8553d38, 0 10px 28px #c8553d73}}.btn-action.armed{animation:.4s shake}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.end-hint{background:var(--ink);color:#fffaf2;max-width:260px;box-shadow:var(--shadow-2);animation:prompt-in .3s var(--ease-spring);border-radius:14px;padding:10px 14px;font-size:14px;font-weight:550;position:absolute;bottom:calc(100% + 12px);right:0}.end-hint:after{content:"";background:var(--ink);width:12px;height:12px;position:absolute;bottom:-6px;right:36px;transform:rotate(45deg)}.actions.idle{justify-content:flex-end}.actions.idle .btn-action{flex:0 0 96px}.drawer-backdrop{z-index:40;background:#2b242040;animation:.2s fade-in;position:fixed;inset:0}.drawer{z-index:41;height:min(72vh,620px);padding:10px 12px calc(var(--safe-b) + 10px);animation:sheet-up .35s var(--ease-out);border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.drawer-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:8px;display:flex}.tabs{background:var(--parchment-2);border-radius:14px;flex:auto;gap:4px;padding:3px;display:flex}.tab{min-height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;font-weight:650;display:inline-flex;position:relative}.tab.on{color:var(--ink);box-shadow:var(--shadow-1);background:#fffdf8}.log-list,.chat-list{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;padding:10px 2px;display:flex;overflow-y:auto}.log-line{border-radius:8px;padding:4px 6px;font-size:15px;line-height:1.45;animation:.3s line-in}.log-line.divider{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);border-top:1px dashed var(--parchment-3);border-radius:0;margin-top:6px;padding-top:8px;font-size:12px;font-weight:750}.log-line.divider .pname{text-transform:none;letter-spacing:0}.log-line.big{background:#e9b44c2e;font-weight:550}.log-line .roll-num{font-family:var(--font-display);font-size:17px}@keyframes line-in{0%{opacity:0;transform:translate(6px)}}.chat{flex-direction:column;flex:auto;min-height:0;display:flex}.chat-line{max-width:92%;box-shadow:var(--shadow-1);word-break:break-word;background:#fffdf8;border-radius:12px;align-self:flex-start;padding:6px 10px;font-size:15px}.chat-form{border-top:1px solid var(--line);gap:8px;padding-top:8px;display:flex}.gameover{z-index:55;padding:calc(var(--safe-t) + 16px) 16px calc(var(--safe-b) + 16px);background:radial-gradient(at 50% 40%,#ffe6aa8c,#2b242073);place-items:center;animation:.4s fade-in;display:grid;position:fixed;inset:0;overflow:hidden}.gameover-card{z-index:1;text-align:center;width:100%;max-width:440px;max-height:100%;animation:card-in .6s var(--ease-spring);border-radius:28px;flex-direction:column;gap:14px;padding:26px 20px 20px;display:flex;position:relative;overflow-y:auto}.trophy{--pc:var(--gold);color:#fff;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--pc) 60%, #fff), var(--pc));width:84px;height:84px;box-shadow:0 0 0 6px #ffffffb3, 0 10px 30px color-mix(in srgb, var(--pc) 60%, transparent);animation:trophy 1.2s var(--ease-spring);border-radius:50%;place-items:center;margin:-6px auto 0;display:grid}.trophy svg{fill:#ffffff59}@keyframes trophy{0%{transform:scale(.2)rotate(-30deg)}}.gameover-card h1{font-size:36px;font-weight:800}.gameover-sub{color:var(--ink-2)}.scores{text-align:left;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.score{border:1.5px solid var(--parchment-3);min-height:52px;animation:seat-in .5s var(--ease-spring) backwards;background:#fffdf8;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex}.score:nth-child(2){animation-delay:.1s}.score:nth-child(3){animation-delay:.2s}.score:nth-child(4){animation-delay:.3s}.score.winner{border-color:var(--gold);background:linear-gradient(90deg,#fff6dc,#fffdf8);box-shadow:0 0 0 3px #e9b44c40}.rank{font-family:var(--font-display);color:var(--ink-3);width:16px;font-weight:800}.score-name{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.score-extras{gap:4px;display:flex}.score-vp{font-family:var(--font-display);text-align:right;min-width:30px;font-size:24px}.gameover-btns{grid-template-columns:1fr 1fr;align-items:center;gap:8px;display:grid}.gameover-btns .wide{grid-column:1/-1}.gameover-chip{z-index:30;top:calc(var(--safe-t) + 8px + var(--top-row) + 10px);cursor:pointer;min-height:44px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:flex;position:fixed;left:50%;transform:translate(-50%)}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetto{opacity:.95;border-radius:2px;animation:linear infinite confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{transform:translate(0, -10vh) rotate(var(--rot))}to{transform:translate(var(--drift), 110vh) rotate(calc(var(--rot) + 720deg))}}@media (min-width:900px) and (min-height:521px){.game{--top-row:0px}.hud-top{width:248px;right:auto;top:calc(var(--safe-t) + 16px);left:calc(var(--safe-l) + 16px)}.players{flex-direction:column;gap:10px}.player{border-radius:18px;padding:12px 14px 10px}.player.turn{transform:translate(6px)}.player-name{font-size:16px}.player-stats{gap:10px;margin-top:6px;font-size:14px}.player-stats .vp b{font-size:19px}.players .player-stats .stat{display:inline-flex!important}.player-awards{display:flex}.thinking{inset:10px 12px auto auto;transform:none}.hud-corner{top:calc(var(--safe-t) + 16px);right:calc(var(--safe-r) + 16px)}.hud-float{top:calc(var(--safe-t) + 16px);left:50%;transform:translate(-50%)}.hud-bottom{padding-bottom:calc(var(--safe-b) + 16px)}.dock{flex-direction:row;align-items:center;gap:14px;width:auto;max-width:980px;padding:12px}.hand-res{flex:none}.rcard{flex:0 0 66px;height:84px}.rcard-icon{width:36px;height:36px}.rcard-label{font-size:12px}.dcard-stack{display:none}.hand-dev{display:flex}.dcard{height:84px}.actions{flex:none}.btn-action{flex:none;min-width:84px;min-height:70px;font-size:14px}.btn-action.wide{min-width:200px}.actions.idle .btn-action{flex:0 0 84px}.prompt{min-height:46px;padding:10px 22px;font-size:17px}.drawer{left:auto;top:calc(var(--safe-t) + 76px);right:calc(var(--safe-r) + 16px);bottom:calc(var(--safe-b) + 16px);width:400px;height:auto;animation:drawer-in .35s var(--ease-out);border-radius:22px}.drawer-backdrop{background:0 0}.gameover-chip{top:calc(var(--safe-t) + 16px)}}@keyframes drawer-in{0%{opacity:0;transform:translate(30px)}}@media (max-height:520px) and (orientation:landscape){.game{--top-row:0px}.hud-top{width:172px;right:auto;top:calc(var(--safe-t) + 6px);left:calc(var(--safe-l) + 6px)}.players{flex-direction:column;gap:6px}.player{padding:6px 9px 5px}.player.turn{transform:translate(4px)}.player-stats{gap:6px;font-size:12px}.thinking{font-size:10px;inset:6px 6px auto auto;transform:none}.hud-corner{top:calc(var(--safe-t) + 6px);right:calc(var(--safe-r) + 6px);flex-direction:column;gap:6px}.hud-float{top:calc(var(--safe-t) + 6px);left:calc(var(--safe-l) + 186px)}.hud-bottom{left:calc(var(--safe-l) + 184px);padding:0 calc(var(--safe-r) + 6px) calc(var(--safe-b) + 6px) 0;gap:6px}.prompt{min-height:36px;padding:6px 14px;font-size:15px}.dock{border-radius:18px;flex-direction:row;align-items:center;gap:8px;padding:7px}.hand{flex:auto;min-width:0}.rcard{height:56px}.rcard-label{display:none}.dcard-stack{flex-basis:50px;height:56px}.actions{flex:none}.btn-action{flex:none;min-width:62px;min-height:56px;font-size:12px}.btn-action.wide{min-width:150px;font-size:15px}.actions.idle .btn-action{flex:0 0 66px}.drawer{width:min(420px,60vw);height:auto;padding-top:calc(var(--safe-t) + 10px);animation:drawer-in .35s var(--ease-out);border-radius:22px 0 0 22px;inset:0 0 0 auto}.toasts{top:calc(var(--safe-t) + 54px)}}@media (max-width:899px) and (min-height:521px){.toasts{top:calc(var(--safe-t) + 136px)}.prompt{border-radius:20px;font-size:15px;line-height:1.25}}.nomad-panel{--tier:var(--teal);left:calc(var(--safe-l) + 8px);right:calc(var(--safe-r) + 8px);max-width:480px;animation:nomad-in .6s var(--ease-spring);background:radial-gradient(ellipse at 15% 0%, #e9b44c47, transparent 60%), var(--glass-bg);box-shadow:var(--shadow-3), inset 0 0 0 2px color-mix(in srgb, var(--tier) 35%, transparent);border-radius:24px;flex-direction:column;gap:10px;margin:0 auto;padding:12px 14px 14px;display:flex;position:absolute;bottom:calc(100% + 4px);overflow:hidden}.nomad-panel:before{content:"";background:repeating-linear-gradient(90deg, var(--terracotta) 0 14px, #fbf6ec 14px 28px);opacity:.85;height:6px;position:absolute;inset:0 0 auto}.nomad-panel.tier-medium{--tier:var(--gold)}.nomad-panel.tier-rare{--tier:var(--terracotta)}.nomad-panel.stage-spin,.nomad-panel.stage-reveal{cursor:pointer}@keyframes nomad-in{0%{opacity:0;transform:translateY(40px)scale(.92)}}.nomad-head{align-items:center;gap:10px;margin-top:2px;display:flex}.nomad-badge{color:#fffaf2;background:linear-gradient(160deg, #d76549, var(--terracotta-d));border-radius:12px;flex:none;place-items:center;width:40px;height:40px;animation:2.6s ease-in-out infinite bob;display:grid;box-shadow:0 3px #7a2f1e}.nomad-titles{flex:auto;min-width:0}.nomad-titles h2{color:var(--terracotta-d);font-size:21px;font-style:italic;font-weight:800}.nomad-titles p{color:var(--ink-2);font-size:14px}.nomad-body{align-items:center;gap:14px;display:flex}.wheel{filter:drop-shadow(0 6px 10px #2b242040);flex:none;width:148px;height:148px}.wheel-svg{width:100%;height:100%;overflow:visible}.wheel-rot{transform-origin:100px 100px}.seg-label{font-family:var(--font-display);fill:#fffdf8;paint-order:stroke;stroke:#2b242059;stroke-width:2px;font-weight:800}.seg.ineligible path{opacity:.35}.seg.ineligible .seg-label{opacity:.5}.stage-done .seg.win path{stroke:#fff;stroke-width:3px;filter:brightness(1.12)}.wheel-pointer{filter:drop-shadow(0 2px 2px #0000004d)}.stage-spin .wheel-pointer{transform-origin:100px 2px;animation:.12s ease-in-out infinite alternate tick}@keyframes tick{to{transform:rotate(-8deg)}}.nomad-deal{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.ratio-big{opacity:0;transition:opacity .3s, transform .5s var(--ease-spring);align-items:baseline;gap:8px;display:flex;transform:scale(.8)}.ratio-big.in{opacity:1;transform:none}.ratio-big b{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1}.tier-tag{text-transform:uppercase;letter-spacing:.08em;background:var(--tier);color:#fff;border-radius:999px;order:2;padding:2px 8px;font-size:11px;font-weight:800}.tier-medium .tier-tag{color:#3a2a10}.swap{flex-direction:column;gap:8px;display:flex}.swap-side{align-items:center;gap:8px;display:flex}.swap-arrow{color:var(--ink-3);align-self:center;margin-top:16px;display:none}.slots-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);flex:0 0 52px;font-size:12px;font-weight:750;line-height:1.1}.slots{flex-wrap:wrap;gap:6px;display:flex}.slot{perspective:600px;width:48px;height:60px}.slot-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s var(--ease-spring);display:block;position:relative}.slot.shown .slot-inner{transform:rotateY(180deg)}.slot-back,.slot-front{backface-visibility:hidden;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slot-back{color:#fffaf2d9;background:repeating-linear-gradient(45deg,#ffffff14 0 6px,#0000 6px 12px),linear-gradient(160deg,#d76549,#9e3d29);border:2px solid #fbf6ec;box-shadow:0 2px #7a2f1e,0 3px 8px #2b242033}.slot.get .slot-back{background:repeating-linear-gradient(45deg,#ffffff14 0 6px,#0000 6px 12px),linear-gradient(160deg,#33b0a1,#1d7066);box-shadow:0 2px #145249,0 3px 8px #2b242033}.slot-front{background:linear-gradient(165deg, color-mix(in srgb, var(--rc) 14%, #fffdf8), color-mix(in srgb, var(--rc) 38%, #fffdf8));border:2px solid color-mix(in srgb, var(--rc) 55%, #fff);box-shadow:0 2px 0 color-mix(in srgb, var(--rc) 55%, #8a7d72), 0 3px 8px #2b242026;transform:rotateY(180deg)}.slot-label{color:color-mix(in srgb, var(--rc) 60%, #2b2420);font-size:10px;font-weight:750}.slot.get.shown .slot-front{animation:.9s .3s sparkle-in}@keyframes sparkle-in{30%{box-shadow:0 0 0 3px #e9b44cb3,0 0 22px #e9b44ccc}}.nomad-skip{text-align:center;color:var(--ink-3);letter-spacing:.04em;font-size:12px;font-weight:650;animation:1.6s ease-in-out infinite think}.nomad-foot{animation:prompt-in .35s var(--ease-spring);flex-direction:column;gap:10px;display:flex}.nomad-verdict{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.nomad-btns{gap:8px;display:flex}.nomad-result{background:var(--parchment-2);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:650;display:flex}.nomad-result.ok{color:#1f6b43;background:#dcf3e6}.status-accepted .slot.get .slot-front{box-shadow:0 0 0 3px #1f8a4c66}.status-declined .nomad-body{opacity:.55;filter:saturate(.5);transition:opacity .5s,filter .5s}.nomad-chip{--tier:var(--teal);right:calc(var(--safe-r) + 8px);background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:44px;box-shadow:var(--shadow-2), inset 0 0 0 2px color-mix(in srgb, var(--tier) 45%, transparent);cursor:pointer;animation:prompt-in .35s var(--ease-spring);border:0;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:14px;font-weight:650;display:flex;position:absolute;bottom:calc(100% + 6px)}.nomad-chip.tier-medium{--tier:var(--gold)}.nomad-chip.tier-rare{--tier:var(--terracotta)}.nomad-chip.settled{opacity:.85}.nomad-chip.pulse{animation:1.8s ease-in-out infinite chip-pulse}@keyframes chip-pulse{50%{box-shadow:var(--shadow-2), inset 0 0 0 2px var(--tier), 0 0 0 6px color-mix(in srgb, var(--tier) 25%, transparent)}}.nomad-chip-icon{color:#fff;background:linear-gradient(160deg, #d76549, var(--terracotta-d));border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.nomad-chip-res{align-items:center;gap:1px;display:inline-flex}@media (min-width:900px) and (min-height:521px){.nomad-panel{left:auto;right:calc(var(--safe-r) + 16px);top:calc(var(--safe-t) + 76px);width:380px;max-width:none;animation:nomad-in-side .7s var(--ease-spring);padding:16px 18px 18px;position:fixed;bottom:auto}.nomad-body{flex-direction:column;gap:12px}.wheel{width:210px;height:210px}.nomad-deal{align-items:center;width:100%}.swap{flex-direction:row;justify-content:center;gap:14px}.swap-side{flex-direction:column;gap:6px}.swap-side .slots-label{text-align:center;flex:none}.swap-arrow{display:block}.slot{width:58px;height:72px}.nomad-chip{right:calc(var(--safe-r) + 16px);top:calc(var(--safe-t) + 76px);position:fixed;bottom:auto}}@keyframes nomad-in-side{0%{opacity:0;transform:translate(60px)scale(.94)}}@media (max-height:520px) and (orientation:landscape){.nomad-panel{left:auto;right:calc(var(--safe-r) + 56px);top:calc(var(--safe-t) + 6px);grid-template-rows:auto auto 1fr;grid-template-columns:112px 1fr;gap:6px 12px;width:min(460px,56vw);max-width:none;padding:10px 12px;display:grid;position:fixed;bottom:auto}.nomad-head{grid-column:1/-1;gap:8px}.nomad-titles h2{font-size:18px}.nomad-titles p{display:none}.nomad-badge{width:30px;height:30px}.nomad-head .icon-btn{width:40px;height:36px}.nomad-body{display:contents}.wheel{grid-area:2/1/span 2;align-self:center;width:112px;height:112px}.nomad-deal{flex-direction:row;grid-area:2/2;align-items:center;gap:10px}.ratio-big{flex-direction:column;align-items:center;gap:2px}.ratio-big b{font-size:24px}.swap{flex-direction:row;gap:6px}.swap-arrow{margin-top:0;display:block}.slots-label{display:none}.slot{width:40px;height:50px}.slot-label{display:none}.nomad-skip,.nomad-foot{grid-area:3/2;align-self:end}.nomad-foot{gap:6px}.nomad-verdict{text-align:left;justify-content:flex-start;font-size:13px}.nomad-btns .btn{min-height:44px;padding:8px 12px}.nomad-result{padding:6px 8px;font-size:14px}.nomad-chip{right:calc(var(--safe-r) + 56px);top:calc(var(--safe-t) + 6px);position:fixed;bottom:auto}}.modal-root{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-backdrop{background:#2b242052;animation:.2s fade-in;position:absolute;inset:0}.modal{width:100%;max-width:560px;max-height:calc(92vh - var(--safe-t));padding:14px 16px calc(var(--safe-b) + 14px);animation:sheet-up .35s var(--ease-out);background:#fbf6ecf5;border-radius:26px 26px 0 0;flex-direction:column;display:flex;position:relative}.modal-head{align-items:center;gap:12px;padding-bottom:10px;display:flex}.modal-icon{background:var(--parchment-2);width:42px;height:42px;color:var(--terracotta);border-radius:12px;flex:none;place-items:center;display:grid}.modal-titles{flex:auto;min-width:0}.modal-titles h2{font-size:23px}.modal-sub{color:var(--ink-2);margin-top:2px;font-size:14px}.modal-body{overscroll-behavior:contain;flex-direction:column;gap:10px;margin:0 -2px;padding:2px 2px 6px;display:flex;overflow-y:auto}.modal-foot{align-items:center;gap:10px;padding-top:12px;display:flex}.modal-foot .btn-lg{white-space:normal;flex-wrap:wrap}.sub-h{font-size:13px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-top:4px;font-weight:750}@media (min-width:640px) and (min-height:521px){.modal-root{align-items:center;padding:24px}.modal{max-height:calc(100vh - 48px);animation:card-in .35s var(--ease-spring);box-shadow:var(--shadow-3);border-radius:26px;padding:18px 20px}}@media (max-height:520px) and (orientation:landscape){.modal-root{align-items:center;padding:8px}.modal{border-radius:22px;max-width:min(760px,100vw - 16px);max-height:calc(100vh - 16px);padding:10px 14px 12px}.modal-head{padding-bottom:4px}.modal-sub{display:none}}.res-picker{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.res-pick{--rc:#999;background:linear-gradient(165deg, color-mix(in srgb, var(--rc) 10%, #fffdf8), color-mix(in srgb, var(--rc) 28%, #fffdf8));min-height:84px;box-shadow:0 2px 0 color-mix(in srgb, var(--rc) 45%, #b5a99c);cursor:pointer;transition:transform .2s var(--ease-spring), border-color .15s, opacity .2s;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;display:flex;position:relative}button.res-pick:active:not(:disabled){transform:scale(.95)}.res-pick.on{border-color:var(--ink);box-shadow:0 4px 0 color-mix(in srgb, var(--rc) 45%, #b5a99c), 0 6px 14px #2b24202e;transform:translateY(-2px)}.res-pick:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.4)}.res-pick-label{color:color-mix(in srgb, var(--rc) 55%, #2b2420);font-size:12px;font-weight:700}.res-pick-badge{font-size:11px}.rate{font-size:12px;font-weight:800}.rate small{color:var(--ink-3);font-weight:550}.rate.port{color:var(--teal-d)}.res-picker.multi .res-pick{cursor:default;min-height:112px}.mini-stepper{align-items:center;gap:2px;margin-top:4px;display:flex}.mini-stepper button{cursor:pointer;background:#fffc;border:0;border-radius:9px;place-items:center;width:30px;height:34px;display:grid}.mini-stepper button:disabled{opacity:.35}.mini-stepper b{text-align:center;min-width:14px;font-family:var(--font-display)}.times-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 2px;font-weight:650;display:flex}.build-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.build-opt{border:1.5px solid var(--parchment-3);text-align:left;cursor:pointer;width:100%;min-height:64px;transition:transform .15s var(--ease-spring), border-color .15s;background:#fffdf8;border-radius:16px;align-items:center;gap:12px;padding:8px 12px;display:flex}.build-opt.can{border-color:#e9b44ce6;box-shadow:0 0 0 3px #e9b44c2e}.build-opt.can:active{transform:scale(.98)}.build-opt.cant{opacity:.62;cursor:help}.build-icon{background:var(--parchment-2);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.build-text{flex-direction:column;flex:auto;min-width:0;display:flex}.build-text b{font-size:16px}.build-text small{color:var(--ink-3);font-size:13px}.build-opt.cant .build-text small{color:var(--terracotta-d)}.build-side{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.build-side .left{color:var(--ink-3);font-size:11px;font-weight:600}.why{color:var(--terracotta-d);animation:prompt-in .3s var(--ease-spring);background:#fde5df;border-radius:12px;align-items:center;gap:6px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.dev-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dev-item{border:1.5px solid var(--parchment-3);background:#fffdf8;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.dev-item.playable{border-color:#c8b6e6;box-shadow:0 0 0 3px #8b57d01f}.dev-art{background:linear-gradient(160deg,#f3ecfb,#ddd0f2);border:1.5px solid #c8b6e6;border-radius:12px;flex:none;place-items:center;width:56px;height:64px;display:grid;position:relative}.dev-text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.dev-text small{color:var(--ink-2);font-size:13px}.why-inline{font-style:italic;color:var(--ink-3)!important}.discard-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.discard-cell{--rc:#999;background:linear-gradient(165deg, color-mix(in srgb, var(--rc) 10%, #fffdf8), color-mix(in srgb, var(--rc) 26%, #fffdf8));border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;transition:border-color .15s;display:flex}.discard-cell.on{border-color:var(--terracotta)}.discard-cell.empty{opacity:.45}.discard-have{font-family:var(--font-display);font-size:18px;font-weight:700}.discard-have small{font-family:var(--font-body);color:var(--ink-3);font-size:11px;font-weight:600}.discard-cell .stepper{flex-direction:column-reverse;padding:2px}.discard-cell .stepper-btn{width:44px;height:36px}.discard-progress{background:var(--parchment-3);border-radius:4px;height:8px;overflow:hidden}.discard-progress span{background:linear-gradient(90deg, var(--gold), var(--terracotta));height:100%;transition:width .3s var(--ease-out);display:block}@media (max-height:520px) and (orientation:landscape){.discard-cell .stepper{flex-direction:row}.discard-cell .stepper-btn{width:34px;height:36px}.discard-cell .stepper-val{min-width:24px}.discard-cell{flex-flow:wrap;justify-content:center;padding:6px 2px}.res-pick{min-height:70px}}.victims{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.victim{border:1.5px solid var(--parchment-3);cursor:pointer;text-align:left;background:#fffdf8;border-radius:16px;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 14px;font-size:17px;display:flex}.victim .pname{flex:auto}.victim:active{transform:scale(.98)}.menu-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.menu-item{border:1.5px solid var(--parchment-3);cursor:pointer;text-align:left;background:#fffdf8;border-radius:16px;align-items:center;gap:10px;min-height:56px;padding:10px 14px;font-weight:650;display:flex}.menu-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 2px;font-weight:600;display:flex}.menu-row.col{flex-direction:column;align-items:stretch}.menu-btns{gap:8px;display:flex}.code-inline{font-family:var(--font-display);letter-spacing:.12em;color:var(--terracotta)}.cheat{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cheat li{background:#fffdf8;border-radius:12px;grid-template-columns:96px auto 1fr;align-items:center;gap:8px;padding:8px 10px;display:grid}.cheat small{color:var(--ink-3);text-align:right}.rules-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:15px;display:flex}.modal:focus{outline:none}.btn:focus-visible,.round-btn:focus-visible,.icon-btn:focus-visible,.menu-item:focus-visible,.build-opt:focus-visible,.res-pick:focus-visible,.costs-pill:focus-visible,.switch:focus-visible,.seg-ctl button:focus-visible,.dcard:focus-visible,.dcard-stack:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.kbd-hint,kbd{font-family:var(--font-body);color:inherit;opacity:.75;background:#ffffff8c;border:1px solid #2b24202e;border-bottom-width:2px;border-radius:6px;padding:3px 6px 4px;font-size:11px;font-weight:700;line-height:1}.kbd-hint{margin-left:4px;display:none}@media (hover:hover) and (pointer:fine){.kbd-hint{display:inline-block}}.btn.hl{z-index:1;animation:2s ease-in-out infinite hl-pulse}@keyframes hl-pulse{0%,to{box-shadow:0 3px 0 var(--b-edge), 0 0 0 3px #e9b44cd9, 0 6px 18px #e9b44c73}50%{box-shadow:0 3px 0 var(--b-edge), 0 0 0 5px #e9b44c8c, 0 8px 30px #e9b44cb3}}.btn-primary.hl{animation-name:hl-pulse-primary}@keyframes hl-pulse-primary{0%,to{box-shadow:0 3px 0 var(--b-edge), 0 0 0 3px #ffd696f2, 0 8px 22px #c8553d73}50%{box-shadow:0 3px 0 var(--b-edge), 0 0 0 6px #ffd69699, 0 10px 34px #c8553d99}}.ready-pieces{box-shadow:0 0 0 1.5px var(--gold), 0 2px 6px #2b242026;animation:tile-pop .4s var(--ease-spring);background:#fffaf0;border-radius:999px;gap:1px;padding:1px 5px;display:inline-flex;position:absolute;top:-10px;right:-6px}.game.hl-nomad .nomad-chip{animation:2s ease-in-out infinite hl-pulse-chip}@keyframes hl-pulse-chip{50%{box-shadow:0 0 0 4px #e9b44c99, var(--shadow-2)}}.prompt{max-width:min(100%,640px)}.prompt-lines{flex-direction:column;min-width:0;line-height:1.2;display:flex}.prompt-text{white-space:normal}.prompt-sub{color:var(--ink-3);white-space:normal;font-size:13.5px;font-weight:550}.prompt.tone-alert .prompt-sub{color:#7a5410}.prompt-tag{color:var(--ink-3);white-space:nowrap;align-items:center;gap:4px;margin-left:4px;font-size:13px;font-weight:650;display:inline-flex}.prompt.tone-wait .prompt-icon{color:var(--teal-d);animation:1.6s ease-in-out infinite think}.dock{position:relative}.costs-pill{z-index:2;min-height:28px;color:var(--ink-2);cursor:pointer;box-shadow:0 2px 0 var(--parchment-3), 0 3px 10px #2b24201f;touch-action:manipulation;background:#fffaf0;border:1px solid #2b24201a;border-radius:999px;align-items:center;gap:4px;padding:3px 11px 3px 9px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:-15px;left:14px}.costs-pill:before{content:"";position:absolute;inset:-8px -6px}.costs-pill:hover{color:var(--ink)}.costs-pill svg{color:var(--terracotta)}.dock{padding-top:16px}.confirm-bar{width:min(100%,560px);box-shadow:var(--shadow-2), inset 0 0 0 2px color-mix(in srgb, var(--my-color,var(--terracotta)) 55%, transparent);animation:prompt-in .3s var(--ease-spring);background:linear-gradient(#fffcf5f7,#fbf0dcf2);border-radius:20px;align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.cb-icon{background:var(--parchment-2);width:44px;height:44px;color:var(--terracotta);border-radius:12px;flex:none;place-items:center;display:grid}.cb-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.cb-title{font-size:17px;font-family:var(--font-display);font-weight:700}.cb-detail{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;display:flex}.cb-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-size:12px;font-weight:700}.touches{flex-wrap:wrap;gap:4px;display:inline-flex}.touch{border:1px solid var(--line);font-family:var(--font-display);background:#fffdf8;border-radius:999px;align-items:center;gap:2px;padding:1px 7px 1px 3px;font-size:15px;display:inline-flex}.touch.hot b{color:#b8331f}.touch.robbed{opacity:.55;text-decoration:line-through}.touch.port{color:var(--teal-d);background:#e6f4f1;padding-left:6px}.cb-btns{flex:none;gap:6px;display:flex}.cb-btns .btn{min-height:50px;padding:8px 14px}.why-pop{z-index:75;background:var(--ink);color:#fffaf2;max-width:min(320px,100vw - 16px);box-shadow:var(--shadow-2);pointer-events:auto;animation:why-in .22s var(--ease-spring);border-radius:14px;flex-direction:column;gap:6px;padding:10px 14px;font-size:15px;font-weight:550;line-height:1.35;display:flex;position:fixed}.why-pop:after{content:"";left:calc(var(--arrow,50%) - 6px);background:var(--ink);width:12px;height:12px;position:absolute;bottom:-6px;transform:rotate(45deg)}.why-pop.below:after{top:-6px;bottom:auto}@keyframes why-in{0%{opacity:0;transform:translateY(6px)scale(.96)}}.why-need{background:#ffffff1a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;font-weight:650;display:flex}.need-list{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.need-item{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.need-item svg{vertical-align:middle}.need-plus{opacity:.6;margin:0 3px 0 1px}.need-word{font-weight:550}.why .need-list,.build-text .need-list{font-weight:650}.why{align-items:flex-start;font-size:15px}.why svg{flex:none;margin-top:2px}.ready-tag{background:linear-gradient(180deg, #f6d27e, var(--gold));color:#3a2a10;font-family:var(--font-body);letter-spacing:.02em;vertical-align:2px;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:800;display:inline-block}.build-opt.can{animation:2.4s ease-in-out infinite can-glow}@keyframes can-glow{50%{box-shadow:0 0 0 4px #e9b44c59,0 6px 18px #e9b44c59}}.build-opt.cant{opacity:.78}.build-opt.cant .build-icon{filter:saturate(.4);opacity:.7}.build-text small{font-size:14px}.build-tip{color:var(--ink-3);align-items:center;gap:6px;font-size:14px;display:flex}.worries{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.worries li{border:1.5px solid var(--parchment-3);background:#fffdf8;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;font-size:16px;display:flex}.worry-icon{background:var(--parchment-2);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.worry-icon.nomad{background:linear-gradient(160deg, #e0704f, var(--terracotta));color:#fff}.check-row{min-height:44px;color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;padding:4px 2px;font-weight:600;display:flex}.check-row input{width:22px;height:22px;accent-color:var(--teal)}.costs-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cost-row{border:1.5px solid var(--parchment-3);background:#fffdf8;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.cost-row.ok{border-color:#e9b44ce6;box-shadow:0 0 0 3px #e9b44c29}.cost-art{background:var(--parchment-2);border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.cost-main{flex-direction:column;flex:auto;min-width:0;display:flex}.cost-main b{font-size:16px}.cost-main small{color:var(--ink-3);font-size:13.5px}.cost-side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.afford{color:var(--terracotta-d);align-items:center;gap:3px;font-size:12.5px;font-weight:650;display:inline-flex}.afford.yes{color:#1f7a45}.afford .need-item svg{width:16px;height:16px}.afford .need-word{display:none}.howto-backdrop{z-index:52;background:#2b242052!important}.drawer.howto{z-index:53;background:#fbf6ecf7;height:min(88vh,900px)}.drawer.howto:focus{outline:none}.howto-title{font-family:var(--font-display);flex:auto;align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.howto-title svg{color:var(--terracotta)}.howto-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:18px;padding:6px 4px 16px;font-size:16px;line-height:1.5;display:flex;overflow-y:auto}.howto-body section{flex-direction:column;gap:8px;display:flex}.howto-body h3{font-size:19px}.howto-body p{color:var(--ink-2)}.vp-list{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.vp-list li{background:#fffdf8;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;font-size:15px;display:flex}.vp-list b{font-family:var(--font-display);color:#7a5410;min-width:18px;font-size:20px}.dev-rules{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dev-rules li{align-items:flex-start;gap:10px;font-size:15px;display:flex}.house{background:#e6f4f1;border-radius:12px;align-items:flex-start;gap:6px;padding:8px 10px;display:flex;color:var(--teal-d)!important}.house svg{flex:none;margin-top:3px}.house-rules{background:linear-gradient(#fff6e6,#fdebd0);border:1.5px solid #f1d3a6;border-radius:18px;padding:14px}.keys{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.keys kbd{opacity:1;margin-right:4px;font-size:13px}.howto .cheat li{grid-template-columns:92px auto 1fr}.howto .cheat small{font-size:13px}@media (min-width:900px) and (min-height:521px){.drawer.howto{top:calc(var(--safe-t) + 16px);width:460px;height:auto}}.coach-root{z-index:66;pointer-events:auto;position:fixed;inset:0}.coach-dim{background:radial-gradient(at 50% 42%,#2b24200d 0 28%,#2b242080 70%);animation:.3s fade-in;position:absolute;inset:0}.coach-hole{transition:left .35s var(--ease-out), top .35s var(--ease-out), width .35s var(--ease-out), height .35s var(--ease-out);pointer-events:none;border-radius:20px;position:absolute;box-shadow:0 0 0 9999px #2b242080,0 0 0 3px #ffe9a8f2,0 0 24px 6px #ffdc8cb3}.coach-bubble{width:min(360px,100vw - 20px);box-shadow:var(--shadow-3);animation:card-in .35s var(--ease-spring);background:#fffaf0;border-radius:22px;flex-direction:column;gap:8px;padding:16px 16px 12px;display:flex;position:absolute}.coach-head{justify-content:space-between;align-items:center;display:flex}.coach-step{color:var(--ink-3);font-size:13px;font-weight:700}.coach-bubble h2{font-size:22px}.coach-bubble p{color:var(--ink-2);font-size:16px;line-height:1.45}.coach-btns{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.coach-btns .btn-sm{min-height:44px;font-size:15px}.coach-dots{gap:5px;display:flex}.coach-dots span{background:var(--parchment-3);border-radius:50%;width:7px;height:7px}.coach-dots span.on{background:var(--terracotta);border-radius:4px;width:18px}.coach-res{gap:4px;display:flex}.coach-tent{background:linear-gradient(160deg, #e0704f, var(--terracotta));color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.banner{z-index:58;top:calc(var(--safe-t) + 30%);color:#3a2a10;pointer-events:none;animation:banner 2.6s var(--ease-out) forwards;background:linear-gradient(#fff3d4,#f6d27e);border-radius:22px;align-items:center;gap:12px;padding:14px 24px 14px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fffc,0 16px 40px #7a541059}.banner-icon{width:48px;height:48px;color:var(--terracotta);background:#fffaf0;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #b9862a80}.banner-text{flex-direction:column;display:flex}.banner-text b{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:1.05}.banner-text small{font-size:15px;font-weight:600}.banner-jackpot{background:linear-gradient(#ffe8c9,#f3a06a)}.banner-sparks i{background:var(--gold);width:8px;height:8px;transform:rotate(calc(var(--i) * 36deg)) translateY(0);animation:spark .9s var(--ease-out) .1s forwards;opacity:0;border-radius:2px;position:absolute;top:50%;left:50%}.banner-sparks i:nth-child(odd){background:var(--terracotta)}.banner-sparks i:nth-child(3n){background:var(--teal)}@keyframes spark{0%{opacity:1;transform:rotate(calc(var(--i) * 36deg)) translateY(0)}to{opacity:0;transform:rotate(calc(var(--i) * 36deg)) translateY(-120px)}}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}20%{transform:translate(-50%,-50%)scale(1)}85%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(.96)}}.toast{font-size:16px}.toast-icon{background:#ffffff1f;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.toast-icon svg{color:var(--gold)}.toast.celebrate{color:#3a2a10;box-shadow:0 0 0 2px #ffffffb3, var(--shadow-2);animation:toast-pop .5s var(--ease-spring);background:linear-gradient(#fff3d4,#f6d27e)}.toast.celebrate .toast-icon{background:#fffaf0}.toast.celebrate .toast-icon svg{color:var(--terracotta)}.toast.ouch .toast-icon{background:#fffaf0;animation:.5s .3s ouch}@keyframes toast-pop{0%{opacity:0;transform:translateY(-10px)scale(.85)}60%{transform:translateY(0)scale(1.04)}}@keyframes ouch{30%{transform:rotate(-12deg)}60%{transform:rotate(10deg)}}.conn-banner{border-radius:18px;max-width:calc(100vw - 24px);padding:10px 18px 10px 14px}.conn-text{flex-direction:column;line-height:1.25;display:flex}.conn-text small{opacity:.85;font-size:13px;font-weight:500}.field.collapsed,.join-row.hidden{display:none!important}.welcome-back{text-align:center;color:var(--ink-2);font-size:17px}.welcome-back b{color:var(--ink)}.landing-card.joining{text-align:center;justify-content:center;align-items:center;gap:14px}.joining-title{font-size:26px}.invite-hero{text-align:center;background:linear-gradient(#fff6e6,#fdebd0);border:1.5px dashed #e7c08a;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:18px 14px 16px;display:flex}.invite-hero h2{font-size:22px}.invite-hero p{color:var(--ink-2)}.invite-art{align-items:center;gap:8px;display:flex}.invite-dots{background:radial-gradient(circle, var(--terracotta) 1.6px, transparent 2px) 0 0 / 10px 4px repeat-x;width:60px;height:4px;animation:1s linear infinite dots-run}@keyframes dots-run{to{background-position:10px 0}}.invite-ghost{width:34px;height:34px;font-family:var(--font-display);color:#b9862a;border:2.5px dashed #c9a46a;border-radius:50%;place-items:center;font-weight:800;animation:1.8s ease-in-out infinite bob;display:grid}.invite-url{border:1.5px solid var(--parchment-3);max-width:100%;color:var(--ink);cursor:text;-webkit-user-select:all;user-select:all;background:#fffdf8;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;display:flex}.invite-url span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invite-url svg{color:var(--ink-3);flex:none}.ready-state{font-family:var(--font-body);border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.ready-state.ok{color:#1f7a45;background:#dff3e6}.ready-state.wait{background:var(--parchment-2);color:var(--ink-3)}.lobby-section h2{align-items:center;gap:8px;display:flex}.confetto.burst{animation:ease-out forwards confetti-burst;top:34%}.confetto.fall{opacity:.85;animation:linear infinite confetti-fall}.confetto.round{border-radius:50%}.confetto.ribbon{border-radius:3px}.confetto.hex{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0}@keyframes confetti-burst{0%{opacity:1;transform:translate(-50%)rotate(0)scale(.4)}35%{transform:translate(calc(-50% + var(--dx)), var(--dy)) rotate(calc(var(--rot) * .5)) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx) * 1.3), calc(var(--dy) + 70vh)) rotate(var(--rot)) scale(.9);opacity:0}}@media (max-width:899px) and (min-height:521px){.prompt{font-size:16px}.prompt-sub{font-size:14px}.modal-sub,.why,.log-line,.chat-line,.rules-list{font-size:16px}.btn-action{font-size:14px}.rcard-label{font-size:12px}.cb-btn-label{display:none}.cb-btns .btn{width:52px;padding:0}.cb-title{font-size:17px}.costs-pill{font-size:14px}}@media (max-height:520px) and (orientation:landscape){.costs-pill{min-height:24px;font-size:12px;top:-13px}.dock{padding-top:12px}.banner{top:34%}.prompt-sub{font-size:12.5px}.confirm-bar{padding:6px 6px 6px 10px}.cb-btns .btn{min-height:44px}}@media (prefers-reduced-motion:reduce){.nomad-panel{animation:.25s fade-in!important}.confetto.fall,.confetto.burst{opacity:.9;animation:none!important}.confetto.burst{transform:translate(calc(-50% + var(--dx)), var(--dy)) rotate(var(--rot))}.confetto.fall{display:none}.banner{animation:.2s fade-in!important}}.menu-label{flex-direction:column;flex:55%;gap:1px;min-width:0;display:flex}.menu-label small{color:var(--ink-3);font-size:13.5px;font-weight:500;line-height:1.3}.endturn-modal .modal-foot .btn{white-space:nowrap}.endturn-modal .modal-foot .btn-ghost{flex:none}@media (max-width:899px) and (min-height:521px){.banner{top:calc(var(--safe-t) + 46%)}}@media (max-height:520px) and (orientation:landscape){.dock{padding-top:20px}.costs-pill{top:-12px}.banner{top:50%}.invite-hero{gap:8px;padding:10px 12px}.invite-hero .invite-art,.invite-hero p{display:none}.invite-hero h2{font-size:18px}}@media (min-width:900px) and (min-height:521px),(max-height:520px) and (orientation:landscape){.player .thinking{top:-9px;right:14px}}@media (max-width:899px) and (min-height:521px){.cb-icon{width:38px;height:38px}.cb-btns .btn{width:48px}.confirm-bar{gap:8px;padding-left:10px}.cb-title{font-size:16.5px;line-height:1.15}}