:root{--paper: #FFF9EE;--paper-2: #F6EEDD;--paper-3: #EADFC8;--paper-4: #DCCDB0;--paper-glass: rgba(255, 249, 238, .72);--paper-glass-strong: rgba(255, 249, 238, .88);--paper-highlight: inset 0 1px 0 rgba(255, 255, 255, .7);--ink: #3A2E24;--ink-2: #6B5A4A;--ink-3: #9C8A76;--ink-4: #C4B5A0;--on-accent: #FFFBF4;--accent: #E0773A;--accent-2: #C95F28;--accent-3: #F09A5E;--accent-soft: #FCE6D4;--teal: #1E9AA6;--teal-2: #157F8A;--teal-3: #3DB5BF;--teal-soft: #D5F1F1;--leaf: #5DA544;--leaf-2: #468A31;--leaf-soft: #E2F2D6;--gold: #E8B53E;--gold-2: #C9951F;--gold-soft: #FBEFC9;--danger: #D8503F;--danger-2: #B73A2B;--danger-soft: #FADCD6;--plum: #8E5A7E;--plum-soft: #F1E0EA;--sea-deep: #13718F;--sea: #1FA2B4;--sea-shallow: #56D0CC;--foam: #F2FFFB;--sky-top: #8FD3E0;--sky-bottom: #CDEFEA;--sand: #EBD39A;--res-brick: #D9784F;--res-brick-dark: #A24A2A;--res-brick-soft: #F7DCCD;--res-lumber: #4F9A4A;--res-lumber-dark: #2D6A33;--res-lumber-soft: #D6EBD2;--res-wool: #A7D66B;--res-wool-dark: #5F9A3A;--res-wool-soft: #E9F5D6;--res-grain: #F1C443;--res-grain-dark: #B88A1A;--res-grain-soft: #FCF0C6;--res-ore: #93A3B3;--res-ore-dark: #56687A;--res-ore-soft: #E2E8EE;--res-gold: #F6C945;--res-gold-dark: #B8881A;--terrain-forest: #4F9A4A;--terrain-pasture: #A7D66B;--terrain-fields: #F1C443;--terrain-hills: #D9784F;--terrain-mountains: #93A3B3;--terrain-desert: #EBD39A;--terrain-gold: #F6C945;--terrain-fog: #B8C7CF;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-ui: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--display-soft: "SOFT" 100, "WONK" 0;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-22: 22px;--fs-28: 28px;--fs-36: 36px;--fs-48: 48px;--fs-64: 64px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-body: 1.45;--tracking-eyebrow: .14em;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(58, 46, 36, .08), 0 2px 6px rgba(58, 46, 36, .08);--shadow-2: 0 2px 4px rgba(20, 60, 70, .08), 0 10px 28px rgba(20, 60, 70, .16);--shadow-3: 0 4px 10px rgba(20, 60, 70, .1), 0 24px 60px rgba(20, 60, 70, .24);--shadow-press: inset 0 2px 4px rgba(58, 46, 36, .12);--shadow-lift: 0 4px 8px rgba(20, 60, 70, .1), 0 16px 36px rgba(20, 60, 70, .2);--ring: 0 0 0 3px rgba(224, 119, 58, .35);--ring-strong: 0 0 0 3px rgba(224, 119, 58, .6);--ring-teal: 0 0 0 3px rgba(30, 154, 166, .35);--ring-leaf: 0 0 0 3px rgba(93, 165, 68, .4);--ring-danger: 0 0 0 3px rgba(216, 80, 63, .35);--border: 1px solid rgba(58, 46, 36, .08);--border-strong: 1px solid rgba(58, 46, 36, .16);--hairline: rgba(58, 46, 36, .08);--backdrop-tint: rgba(28, 92, 104, .28);--blur-glass: blur(14px) saturate(1.2);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.34, 1.8, .5, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, .8, .2);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-1: .12s;--dur-2: .22s;--dur-3: .32s;--dur-4: .48s;--dur-5: .72s;--toast-hold: 2.4s;--z-board: 0;--z-board-overlay: 5;--z-hud: 10;--z-hud-raised: 15;--z-tray: 20;--z-drawer: 30;--z-popover: 40;--z-modal: 50;--z-toast: 60;--z-flight: 70;--z-overlay: 80;--z-tooltip: 90;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--gutter: 16px;--gutter-top: max(var(--gutter), calc(var(--safe-top) + 8px));--gutter-right: max(var(--gutter), calc(var(--safe-right) + 8px));--gutter-bottom: max(var(--gutter), calc(var(--safe-bottom) + 8px));--gutter-left: max(var(--gutter), calc(var(--safe-left) + 8px));--hud-top: 0px;--hud-right: 0px;--hud-bottom: 0px;--hud-left: 0px;--tap: 44px;color-scheme:light}@media (max-width: 480px){:root{--gutter: 10px}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;accent-color:var(--accent)}img,picture,video,canvas{max-width:100%}img,svg{vertical-align:middle}img{-webkit-user-drag:none}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}a{color:var(--teal-2);text-decoration-thickness:1.5px;text-underline-offset:2px}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}table{border-collapse:collapse}[hidden]{display:none!important}html,body,#root{height:100%}html{background:radial-gradient(900px 620px at 16% -12%,#fff6de99,#fff6de00 62%),radial-gradient(1300px 760px at 50% 118%,#56d0cc9e,#56d0cc00 66%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 60%,#B6E7E1 100%);background-color:var(--sky-bottom);min-height:100%}body{font-family:var(--font-ui);font-size:15px;font-weight:600;line-height:var(--lh-body);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none}#root{position:relative;isolation:isolate}::selection{background:#e0773a47;color:var(--ink)}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--ring-strong)}*{scrollbar-width:thin;scrollbar-color:rgba(58,46,36,.24) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#3a2e2438;border-radius:99px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#3a2e245c}h1,h2,h3,h4{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-optical-sizing:auto;font-weight:700;line-height:var(--lh-tight);letter-spacing:-.01em;color:var(--ink)}h1{font-size:var(--fs-36)}h2{font-size:var(--fs-28)}h3{font-size:var(--fs-22)}h4{font-size:var(--fs-18)}.title{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-optical-sizing:auto;font-weight:700;font-size:var(--fs-22);line-height:var(--lh-tight);letter-spacing:-.01em;color:var(--ink)}.title-xs{font-size:var(--fs-16)}.title-sm{font-size:var(--fs-18)}.title-md{font-size:var(--fs-22)}.title-lg{font-size:var(--fs-28)}.title-xl{font-size:var(--fs-36);letter-spacing:-.015em}.title-2xl{font-size:var(--fs-48);letter-spacing:-.02em;font-weight:800}.title-hero{font-size:clamp(44px,7vw,var(--fs-64));letter-spacing:-.025em;font-weight:800}.eyebrow{display:block;font-family:var(--font-ui);font-size:var(--fs-11);font-weight:800;line-height:1.2;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent)}.eyebrow.is-teal{color:var(--teal)}.eyebrow.is-leaf{color:var(--leaf-2)}.eyebrow.is-danger{color:var(--danger)}.eyebrow.is-muted{color:var(--ink-3)}.eyebrow+.title,.eyebrow+h1,.eyebrow+h2,.eyebrow+h3{margin-top:4px}.lede{font-size:var(--fs-16);color:var(--ink-2);line-height:1.5;font-weight:600}.small{font-size:var(--fs-13)}.tiny{font-size:var(--fs-11)}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.strong{font-weight:800}.num{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums lining-nums;font-weight:700}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:var(--font-ui);font-size:var(--fs-12);font-weight:800;color:var(--ink-2);background:var(--paper);border:1px solid var(--paper-3);border-bottom-width:2.5px;border-radius:7px;vertical-align:middle}.card,.panel{background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2),var(--paper-highlight)}.card-pad{padding:20px 22px}.card-glass{background:var(--paper-glass);color:var(--ink);border:1px solid rgba(255,255,255,.55);border-radius:var(--r-lg);box-shadow:var(--shadow-2),inset 0 1px #fff9;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass)}.card-inset{background:var(--paper-2);border-radius:var(--r-md);box-shadow:inset 0 1px 2px #3a2e2414;border:1px solid rgba(58,46,36,.04)}.card-flat{box-shadow:none}.card-raised{box-shadow:var(--shadow-3),var(--paper-highlight)}.card-sm{border-radius:var(--r-md)}.card-xl{border-radius:var(--r-xl)}.divider{height:1px;background:var(--paper-3);border:0;margin:14px 0}.btn{--btn-bg: var(--paper);--btn-fg: var(--ink);--btn-edge: rgba(58, 46, 36, .1);--btn-shadow: var(--shadow-1);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r-pill);border:1px solid rgba(58,46,36,.1);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-ui);font-size:15px;font-weight:800;line-height:1.1;letter-spacing:.005em;white-space:nowrap;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer;box-shadow:var(--btn-shadow),inset 0 -2.5px 0 var(--btn-edge),inset 0 1px #ffffffa6;transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out),filter var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}.btn>img,.btn>svg{width:20px;height:20px;flex:none}.btn:active:not(:disabled){transform:scale(.94);box-shadow:var(--shadow-press),inset 0 -1px 0 var(--btn-edge)}.btn:focus-visible{box-shadow:var(--btn-shadow),var(--ring-strong)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.48;filter:saturate(.4);box-shadow:none}@media (hover: hover) and (pointer: fine){.btn:hover:not(:disabled):not(:active){transform:translateY(-1.5px);--btn-shadow: var(--shadow-lift)}}.btn-primary{--btn-fg: var(--on-accent);--btn-edge: rgba(120, 44, 10, .28);--btn-shadow: 0 2px 4px rgba(201, 95, 40, .18), 0 8px 20px rgba(224, 119, 58, .3);background:linear-gradient(180deg,var(--accent-3) 0%,var(--accent) 55%,#D96B2F 100%);border-color:#963c1447;text-shadow:0 1px 0 rgba(120,44,10,.25)}.btn-teal{--btn-fg: var(--on-accent);--btn-edge: rgba(8, 64, 72, .3);--btn-shadow: 0 2px 4px rgba(21, 127, 138, .18), 0 8px 20px rgba(30, 154, 166, .28);background:linear-gradient(180deg,var(--teal-3) 0%,var(--teal) 55%,#1A8D98 100%);border-color:#0a505a4d;text-shadow:0 1px 0 rgba(8,64,72,.25)}.btn-leaf{--btn-fg: var(--on-accent);--btn-edge: rgba(36, 80, 20, .3);--btn-shadow: 0 2px 4px rgba(70, 138, 49, .18), 0 8px 20px rgba(93, 165, 68, .28);background:linear-gradient(180deg,#7BC05F 0%,var(--leaf) 55%,#53973B 100%);border-color:#285a194d;text-shadow:0 1px 0 rgba(36,80,20,.25)}.btn-danger{--btn-fg: var(--on-accent);--btn-edge: rgba(110, 26, 16, .3);--btn-shadow: 0 2px 4px rgba(183, 58, 43, .18), 0 8px 20px rgba(216, 80, 63, .26);background:linear-gradient(180deg,#E6705F 0%,var(--danger) 55%,#C9473A 100%);border-color:#781e144d;text-shadow:0 1px 0 rgba(110,26,16,.25)}.btn-soft{--btn-bg: var(--accent-soft);--btn-fg: var(--accent-2);--btn-edge: rgba(201, 95, 40, .16);border-color:#e0773a2e}.btn-ghost{--btn-bg: transparent;--btn-fg: var(--ink-2);--btn-shadow: none;border-color:transparent;box-shadow:none}.btn-ghost:active:not(:disabled){box-shadow:none;background:#3a2e2414}@media (hover: hover) and (pointer: fine){.btn-ghost:hover:not(:disabled){background:#3a2e240f;color:var(--ink);transform:none}}.btn-small{min-height:34px;padding:0 14px;font-size:13.5px;gap:6px}.btn-small>img,.btn-small>svg{width:16px;height:16px}.btn-lg{min-height:54px;padding:0 28px;font-size:17px}.btn-block{display:flex;width:100%}.btn-square{padding:0;width:44px}.btn-square.btn-small{width:34px}.icon-btn{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--ink);border:var(--border);font-size:20px;line-height:1;box-shadow:var(--shadow-2),inset 0 -2px #3a2e2412,var(--paper-highlight);touch-action:manipulation;cursor:pointer;transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.icon-btn>img,.icon-btn>svg{width:24px;height:24px}.icon-btn:active:not(:disabled){transform:scale(.9);box-shadow:var(--shadow-1),var(--shadow-press)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn.active,.icon-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-2);box-shadow:var(--shadow-1),inset 0 0 0 2px var(--accent)}.icon-btn-glass{background:var(--paper-glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass)}.icon-btn-sm{width:36px;height:36px;font-size:16px}.icon-btn-sm>img,.icon-btn-sm>svg{width:19px;height:19px}.icon-btn-lg{width:56px;height:56px;font-size:24px}.icon-btn-lg>img,.icon-btn-lg>svg{width:30px;height:30px}.icon-btn .badge{position:absolute;top:-4px;right:-4px}@media (hover: hover) and (pointer: fine){.icon-btn:hover:not(:disabled):not(:active){transform:translateY(-1.5px);box-shadow:var(--shadow-lift),var(--paper-highlight)}.icon-btn.active:hover:not(:disabled):not(:active),.icon-btn[aria-pressed=true]:hover:not(:disabled):not(:active){box-shadow:var(--shadow-2),inset 0 0 0 2px var(--accent)}}.tool-btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;height:64px;padding:6px 8px 5px;border-radius:var(--r-md);border:1.5px solid transparent;color:var(--ink-2);font-size:var(--fs-11);font-weight:800;letter-spacing:.01em;touch-action:manipulation;transition:transform var(--dur-1) var(--ease-spring),background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.tool-btn>img,.tool-btn>svg,.tool-btn>.game-icon{width:34px;height:34px}.tool-btn:active:not(:disabled){transform:scale(.92)}.tool-btn:disabled{opacity:.42;filter:saturate(.3)}.tool-btn.active,.tool-btn[aria-pressed=true]{background:#ffffff8c;border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 3px #e0773a2e}.tool-btn .badge{position:absolute;top:3px;right:3px}@media (hover: hover) and (pointer: fine){.tool-btn:hover:not(:disabled):not(.active){background:#ffffff73}}.toolbar{display:inline-flex;align-items:center;gap:4px;padding:6px;border-radius:var(--r-lg);background:var(--paper-glass-strong);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-2),var(--paper-highlight);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass)}.toolbar-sep{width:1px;align-self:stretch;margin:8px 2px;background:var(--paper-3)}.pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-2);font-size:var(--fs-13);font-weight:800;line-height:1;white-space:nowrap}.pill>img,.pill>svg{width:16px;height:16px}.pill-sm{height:22px;padding:0 9px;font-size:var(--fs-11);gap:4px}.pill-accent{background:var(--accent-soft);color:var(--accent-2)}.pill-teal{background:var(--teal-soft);color:var(--teal-2)}.pill-leaf{background:var(--leaf-soft);color:var(--leaf-2)}.pill-gold{background:var(--gold-soft);color:#8a6410}.pill-danger{background:var(--danger-soft);color:var(--danger-2)}.pill-plum{background:var(--plum-soft);color:var(--plum)}.pill-ink{background:var(--ink);color:var(--paper)}.pill-paper{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1)}.pill-glass{background:var(--paper-glass);color:var(--ink);box-shadow:var(--shadow-1);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass)}.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--r-pill);background:var(--paper);color:var(--ink-2);border:1.5px solid var(--paper-3);font-size:var(--fs-14);font-weight:800;line-height:1;white-space:nowrap;touch-action:manipulation;cursor:pointer;transition:transform var(--dur-1) var(--ease-spring),background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.chip>img,.chip>svg{width:18px;height:18px}.chip:active:not(:disabled){transform:scale(.94)}.chip:disabled{opacity:.45;cursor:not-allowed}.chip.active,.chip[aria-pressed=true],.chip[aria-checked=true],.chip[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-2)}@media (hover: hover) and (pointer: fine){.chip:hover:not(:disabled):not(.active):not([aria-pressed=true]){border-color:var(--paper-4);color:var(--ink)}}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--danger);color:#fff;font-family:var(--font-ui);font-size:var(--fs-11);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--paper),0 2px 4px #3a2e2433;pointer-events:none;animation:badge-pop var(--dur-3) var(--ease-spring) both}.badge-ink{background:var(--ink);color:var(--paper)}.badge-accent{background:var(--accent)}.badge-teal{background:var(--teal)}.badge-leaf{background:var(--leaf)}.badge-gold{background:linear-gradient(180deg,#FFE28A,var(--gold));color:var(--ink)}.badge-paper{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--paper-3),0 2px 4px #3a2e2424}.badge-dot{min-width:10px;width:10px;height:10px;padding:0;color:transparent}.tabs{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-pill);background:var(--paper-2);box-shadow:inset 0 1px 2px #3a2e2414;max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs-block{display:flex}.tabs-block .tab{flex:1}.tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 16px;border-radius:var(--r-pill);color:var(--ink-2);font-size:var(--fs-13);font-weight:800;white-space:nowrap;touch-action:manipulation;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-spring)}.tab:active{transform:scale(.95)}.tab.active,.tab[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1),var(--paper-highlight)}.tab .badge{position:static;margin-left:2px;box-shadow:none}@media (hover: hover) and (pointer: fine){.tab:hover:not(.active):not([aria-selected=true]){color:var(--ink);background:#ffffff73}}.switch{position:relative;display:inline-block;flex:none;width:48px;height:28px;border-radius:var(--r-pill);background:var(--paper-3);box-shadow:inset 0 1px 3px #3a2e242e;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-2) var(--ease-out)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #3a2e2433,0 2px 6px #3a2e2429;transition:transform var(--dur-3) var(--ease-spring),width var(--dur-2) var(--ease-out)}.switch:active:after{width:26px}.switch[aria-pressed=true],.switch.on,.switch-input:checked+.switch{background:var(--leaf)}.switch[aria-pressed=true]:after,.switch.on:after,.switch-input:checked+.switch:after{transform:translate(20px)}.switch[aria-pressed=true]:active:after,.switch.on:active:after,.switch-input:checked+.switch:active:after{transform:translate(16px)}.switch:disabled,.switch-input:disabled+.switch{opacity:.45;cursor:not-allowed}.switch-input:focus-visible+.switch{box-shadow:inset 0 1px 3px #3a2e242e,var(--ring-strong)}.switch-field{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:700;cursor:pointer}.switch-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.input,:where(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=submit]),select,textarea){display:block;width:100%;min-height:48px;padding:0 16px;border-radius:var(--r-md);border:1.5px solid transparent;background-color:var(--paper-2);color:var(--ink);font-family:var(--font-ui);font-size:16px;font-weight:700;box-shadow:inset 0 1px 2px #3a2e2417;outline:none;transition:border-color var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}:where(textarea){padding:12px 16px;min-height:96px;resize:vertical;line-height:1.4}select.input,:where(select){-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%236B5A4A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.input::placeholder,:where(input,textarea)::placeholder{color:var(--ink-3);font-weight:600;opacity:1}.input:focus,.input:focus-visible,:where(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea):focus{background-color:var(--paper);border-color:var(--accent);box-shadow:var(--ring)}.input:disabled,:where(input,select,textarea):disabled{opacity:.55;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--danger);box-shadow:var(--ring-danger)}.input-sm{min-height:38px;font-size:16px;border-radius:var(--r-sm)}.input,:where(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=submit],[type=reset],[type=image]),textarea,[contenteditable]:not([contenteditable=false])){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.input-code{text-align:center;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:26px;font-weight:700;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;min-height:58px}.input-code::placeholder{letter-spacing:.32em;color:var(--ink-4)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-12);font-weight:800;color:var(--ink-2);letter-spacing:.02em}.field-hint{font-size:var(--fs-12);color:var(--ink-3);font-weight:600}.divider-label{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:var(--fs-11);font-weight:800;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.divider-label:before,.divider-label:after{content:"";flex:1;height:1.5px;border-radius:2px;background:var(--paper-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--gutter-top) var(--gutter-right) var(--gutter-bottom) var(--gutter-left);background:radial-gradient(120% 90% at 50% 40%,#8fd3e02e,#1c5c6857);-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1);animation:fade-in var(--dur-2) var(--ease-out) both;overflow-y:auto}.modal{position:relative;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:26px 28px 24px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-3),var(--paper-highlight);animation:modal-in var(--dur-3) var(--ease-out) both}.modal-sm{width:min(400px,100%)}.modal-lg{width:min(720px,100%)}.modal h2,.modal-title{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-28);font-weight:700;line-height:var(--lh-tight);margin-bottom:4px}.modal .sub,.modal-sub{color:var(--ink-2);font-size:var(--fs-14);margin-bottom:16px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}.modal-close{position:absolute;top:14px;right:14px}@media (max-width: 520px){.modal{padding:22px 18px 18px;border-radius:var(--r-lg)}.modal-actions>.btn{flex:1}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background:#1c5c6838;animation:fade-in var(--dur-2) var(--ease-out) both}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-drawer);width:min(680px,100%);margin-inline:auto;max-height:calc(100dvh - var(--safe-top) - 24px);overflow-y:auto;padding:10px 20px calc(18px + var(--safe-bottom));padding-left:max(20px,var(--safe-left));padding-right:max(20px,var(--safe-right));background:var(--paper);color:var(--ink);border-radius:var(--r-xl) var(--r-xl) 0 0;border:var(--border);border-bottom:0;box-shadow:0 -4px 12px #143c4614,0 -18px 48px #143c462e;animation:sheet-up var(--dur-4) var(--ease-out) both;overscroll-behavior:contain}.sheet-handle{display:block;width:40px;height:5px;margin:0 auto 12px;border-radius:99px;background:var(--paper-3)}.sheet-inline{position:relative;animation:none;width:auto;margin:0}.popover{--pop-arrow: 12px;position:absolute;z-index:var(--z-popover);max-width:min(320px,calc(100vw - 24px));padding:12px 14px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-2),var(--paper-highlight);font-size:var(--fs-14);line-height:1.4;transform-origin:50% 100%;animation:pop-in var(--dur-3) var(--ease-out) both}.popover:after{content:"";position:absolute;left:calc(50% - var(--pop-arrow) / 2);bottom:calc(var(--pop-arrow) / -2);width:var(--pop-arrow);height:var(--pop-arrow);background:var(--paper);border-right:var(--border);border-bottom:var(--border);border-bottom-right-radius:3px;transform:rotate(45deg)}.popover-bottom{transform-origin:50% 0}.popover-bottom:after{bottom:auto;top:calc(var(--pop-arrow) / -2);transform:rotate(225deg)}.popover-left{transform-origin:100% 50%}.popover-left:after{left:auto;right:calc(var(--pop-arrow) / -2);top:calc(50% - var(--pop-arrow) / 2);bottom:auto;transform:rotate(-45deg)}.popover-right{transform-origin:0 50%}.popover-right:after{left:calc(var(--pop-arrow) / -2);top:calc(50% - var(--pop-arrow) / 2);bottom:auto;transform:rotate(135deg)}.popover-no-arrow:after{display:none}.popover .eyebrow{margin-bottom:2px}:where([data-tip]){position:relative}@media (hover: hover) and (pointer: fine){[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:var(--z-tooltip);width:max-content;max-width:240px;padding:6px 10px;border-radius:var(--r-xs);background:var(--ink);color:var(--paper);font-family:var(--font-ui);font-size:var(--fs-12);font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;text-align:center;white-space:normal;pointer-events:none;opacity:0;transform:translate(-50%,4px) scale(.96);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-spring);box-shadow:var(--shadow-2)}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) scale(1);transition-delay:.35s}[data-tip-pos=bottom]:after{bottom:auto;top:calc(100% + 8px)}}.toast-card{display:flex;align-items:center;gap:14px;min-width:260px;max-width:min(460px,calc(100vw - 24px));padding:12px 22px 12px 12px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2),var(--paper-highlight)}.toast-card .icon-circle{width:52px;height:52px}.toast-card .toast-body{display:flex;flex-direction:column;gap:2px;min-width:0}.toast-card .toast-title{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-22);font-weight:700;line-height:1.12;letter-spacing:-.01em}.toast-card .toast-sub{font-size:var(--fs-13);color:var(--ink-2);font-weight:600}.toast-card.is-danger .eyebrow{color:var(--danger)}@media (max-width: 520px){.toast-card{min-width:0;padding:10px 16px 10px 10px;gap:10px}.toast-card .icon-circle{width:42px;height:42px}.toast-card .toast-title{font-size:var(--fs-18)}}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.center{display:grid;place-items:center}.wrap{flex-wrap:wrap}.grow{flex:1 1 auto;min-width:0}.spacer{flex:1 1 auto}.gap-0{gap:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:24px}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowrap{white-space:nowrap}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.no-select{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-none{touch-action:none}.scroll-y{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tone-accent{color:var(--accent)}.tone-teal{color:var(--teal)}.tone-leaf{color:var(--leaf-2)}.tone-gold{color:var(--gold-2)}.tone-danger{color:var(--danger)}@media (pointer: coarse){.btn-small{min-height:44px;padding:0 16px}.btn-square.btn-small{width:44px}.icon-btn-sm{width:44px;height:44px}.chip,.tab,.input-sm,.switch-field{min-height:44px}}.gcard{--w: 64px;--res: var(--paper-3);--res-dark: var(--ink-3);--frame: max(2px, calc(var(--w) * .045));--radius: calc(var(--w) * .13);--label-fs: max(10px, calc(var(--w) * .115));--label-h: max(calc(var(--w) * .2), calc(var(--label-fs) + 6px));position:relative;display:inline-block;flex:none;width:var(--w);aspect-ratio:3 / 4;padding:var(--frame);border-radius:var(--radius);background:linear-gradient(180deg,#FFFCF5,var(--paper) 60%,#F8EEDC);box-shadow:0 0 0 1px #3a2e241f,0 1px 1px #3a2e241a,0 calc(var(--w) * .04) calc(var(--w) * .12) #143c4633;color:var(--ink);vertical-align:bottom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transform-origin:50% 90%;transition:translate var(--dur-2) var(--ease-spring),rotate var(--dur-2) var(--ease-spring),scale var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),filter var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}button.gcard{cursor:pointer;font:inherit;text-align:center}button.gcard:disabled{cursor:not-allowed}.gcard-xs{--w: 30px}.gcard-sm{--w: 44px}.gcard-md{--w: 64px}.gcard-lg{--w: 96px}.gcard-xl{--w: 132px}.gcard-panel{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:calc(var(--radius) - var(--frame) * .7);background:radial-gradient(120% 70% at 50% 16%,#ffffff75,#fff0 62%),radial-gradient(rgba(255,255,255,.17) 1px,transparent 1.6px) 0 0 / calc(var(--w) * .11) calc(var(--w) * .11),linear-gradient(180deg,#0000 45%,#28140029),var(--res);box-shadow:inset 0 0 0 1px #00000012,inset 0 calc(var(--w) * -.05) calc(var(--w) * .12) #2814001a}.gcard-art{width:84%;height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.25))}.gcard-xs .gcard-art{width:92%}.gcard-emoji{font-size:calc(var(--w) * .5);line-height:1}.gcard.has-label{padding-bottom:var(--label-h)}.gcard.has-label-2{--label-h: calc(var(--label-fs) * 2.1 + 6px)}.gcard-label{position:absolute;left:0;right:0;bottom:0;height:var(--label-h);display:grid;place-items:center;padding:0 3px;font-family:var(--font-ui);font-size:min(var(--label-fs),max(8px,calc((var(--w) - 6px) / var(--label-em, 1))));font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.gcard-label.is-long{white-space:normal;text-wrap:balance;line-height:1.05;letter-spacing:.02em}.gcard-badge{position:absolute;top:calc(var(--w) * -.1);right:calc(var(--w) * -.1);z-index:2;display:grid;place-items:center;min-width:clamp(16px,calc(var(--w) * .36),30px);height:clamp(16px,calc(var(--w) * .36),30px);padding:0 clamp(4px,calc(var(--w) * .07),8px);border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font-family:var(--font-ui);font-size:clamp(11px,calc(var(--w) * .2),16px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--paper),0 2px 5px #141e2847;pointer-events:none}.gcard-badge.is-pop{animation:badge-pop var(--dur-3) var(--ease-spring) both}.gcard-tag{position:absolute;top:calc(var(--w) * .08);left:50%;transform:translate(-50%);z-index:2;padding:2px 6px;border-radius:var(--r-pill);background:var(--leaf);color:#fff;font-size:max(8px,calc(var(--w) * .1));font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 1.5px var(--paper);pointer-events:none;white-space:nowrap}.gcard.is-selected{z-index:2;translate:0 calc(var(--w) * -.12);box-shadow:0 0 0 3px var(--accent),0 0 0 6px #e0773a38,0 calc(var(--w) * .1) calc(var(--w) * .22) #143c4642}.gcard.is-dim{filter:saturate(.18) brightness(1.04);opacity:.55}.gcard.is-interactive:active:not(:disabled){scale:.94}@media (hover: hover) and (pointer: fine){.gcard.is-interactive:not(:disabled):not(.is-selected):hover{z-index:3;translate:0 calc(var(--w) * -.07);rotate:-2.5deg;box-shadow:0 0 0 1px #3a2e241f,0 calc(var(--w) * .1) calc(var(--w) * .22) #143c4642}}.gcard.is-flat{box-shadow:0 0 0 1px #3a2e241f}.gcard[data-res=brick],.res-chip[data-res=brick]{--res: var(--res-brick);--res-dark: var(--res-brick-dark);--res-soft: var(--res-brick-soft)}.gcard[data-res=lumber],.res-chip[data-res=lumber]{--res: var(--res-lumber);--res-dark: var(--res-lumber-dark);--res-soft: var(--res-lumber-soft)}.gcard[data-res=wool],.res-chip[data-res=wool]{--res: var(--res-wool);--res-dark: var(--res-wool-dark);--res-soft: var(--res-wool-soft)}.gcard[data-res=grain],.res-chip[data-res=grain]{--res: var(--res-grain);--res-dark: var(--res-grain-dark);--res-soft: var(--res-grain-soft)}.gcard[data-res=ore],.res-chip[data-res=ore]{--res: var(--res-ore);--res-dark: var(--res-ore-dark);--res-soft: var(--res-ore-soft)}.gcard[data-res=gold],.res-chip[data-res=gold]{--res: var(--res-gold);--res-dark: var(--res-gold-dark);--res-soft: var(--gold-soft)}.gcard[data-dev=knight]{--res: #C95A48;--res-dark: #8E3326}.gcard[data-dev=roadBuilding]{--res: #6DAF5C;--res-dark: #3F7A33}.gcard[data-dev=yearOfPlenty]{--res: #3AAFB9;--res-dark: #1B7F8A}.gcard[data-dev=monopoly]{--res: #9A5A86;--res-dark: #6A3558}.gcard[data-dev=victoryPoint]{--res: #5E6BC0;--res-dark: #3A448A}.gcard-dev .gcard-panel{background:radial-gradient(120% 70% at 50% 16%,#fff6,#fff0 62%),repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 calc(var(--w) * .05),transparent calc(var(--w) * .05) calc(var(--w) * .1)),linear-gradient(180deg,#0000 45%,#1e0a1e33),var(--res)}.gcard-back .gcard-panel{place-items:center}.gcard-back[data-back=resource] .gcard-panel{background:radial-gradient(90% 60% at 50% 50%,#ffffff38,#fff0 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48.5' viewBox='0 0 28 48.5'%3E%3Cpath d='M14 0 L28 8.08 V24.25 L14 32.33 L0 24.25 V8.08 Z M14 32.33 V48.5' fill='none' stroke='%23FFFFFF' stroke-opacity='0.16' stroke-width='1.6'/%3E%3C/svg%3E") 0 0 / calc(var(--w) * .34) auto,linear-gradient(160deg,#3DB5BF 0%,var(--teal) 50%,#157F8A 100%)}.gcard-back[data-back=dev] .gcard-panel{background:radial-gradient(90% 60% at 50% 50%,#ffdcaa47,#fff0 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6 3.2 L6.9 5.1 L8.8 6 L6.9 6.9 L6 8.8 L5.1 6.9 L3.2 6 L5.1 5.1 Z M18 15.2 L18.9 17.1 L20.8 18 L18.9 18.9 L18 20.8 L17.1 18.9 L15.2 18 L17.1 17.1 Z' fill='%23FFE7B8' fill-opacity='0.3'/%3E%3C/svg%3E") 0 0 / calc(var(--w) * .3) auto,linear-gradient(160deg,#B0668F 0%,var(--plum) 45%,#B85A48 100%)}.gcard-emblem{width:58%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 32%,#FFFDF7,var(--paper) 55%,#F1E4CB);box-shadow:0 0 0 calc(var(--w) * .025) #ffffff59,0 calc(var(--w) * .02) calc(var(--w) * .06) #00000038}.gcard-emblem>svg{width:72%;height:72%}.gcard-xs .gcard-emblem{width:70%}.res-chip{--d: 28px;display:inline-flex;align-items:center;gap:5px;flex:none;height:calc(var(--d) + 6px);padding:3px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink);font-size:calc(var(--d) * .55);line-height:1;vertical-align:middle;transition:transform var(--dur-1) var(--ease-spring),filter var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}.res-chip.has-count{padding-right:calc(var(--d) * .36)}.res-chip.is-bare{background:none;padding:0;height:var(--d)}.res-chip-sm{--d: 20px;gap:3px}.res-chip-md{--d: 28px}.res-chip-lg{--d: 38px;gap:7px}.res-chip-disc{position:relative;display:grid;place-items:center;width:var(--d);height:var(--d);flex:none;border-radius:50%;background:radial-gradient(circle at 38% 28%,#ffffff80,#fff0 58%),var(--res);box-shadow:inset 0 0 0 1.5px #ffffff8c,0 0 0 1px #3a2e2424,0 1px 3px #1428322e}.res-chip-disc>img{width:82%;height:82%;object-fit:contain}.res-chip-count{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums lining-nums;font-weight:800;color:var(--ink)}.res-chip.is-dim{filter:saturate(.2);opacity:.55}.res-chip.is-selected{box-shadow:0 0 0 2.5px var(--accent);background:var(--accent-soft)}button.res-chip{cursor:pointer;touch-action:manipulation}button.res-chip:active:not(:disabled){transform:scale(.92)}.pavatar{--size: 40px;--pc: #888;--pc-ink: #fff;position:relative;display:inline-grid;place-items:center;flex:none;width:var(--size);height:var(--size);vertical-align:middle}.pavatar-disc{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 36% 28%,#ffffff6b,#fff0 55%),radial-gradient(circle at 60% 85%,#00000029,#0000 60%),var(--pc);border:max(2px,calc(var(--size) * .06)) solid #fff;box-shadow:0 0 0 1px #3a2e2461,0 2px 6px #14283238;color:var(--pc-ink);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:800;font-size:calc(var(--size) * .42);line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.12);overflow:hidden;transition:filter var(--dur-2) var(--ease-out)}.pavatar-disc>svg{width:56%;height:56%}.pavatar-disc>img{width:100%;height:100%;object-fit:cover}.pavatar.is-light .pavatar-disc{text-shadow:none}.pavatar.is-offline .pavatar-disc{filter:grayscale(.85) opacity(.7)}.pavatar.is-active:before{content:"";position:absolute;inset:calc(var(--size) * -.1);border-radius:50%;background:radial-gradient(circle,#ffc47800 55%,#ffb05a8c 72%,#ffb05a00);animation:avatar-glow 1.8s var(--ease-in-out) infinite;pointer-events:none}.pavatar.is-active .pavatar-disc{box-shadow:0 0 0 1px #3a2e2461,0 0 0 max(2.5px,calc(var(--size) * .07)) var(--accent),0 3px 10px #e0773a66}@keyframes avatar-glow{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}.pavatar-timer{position:absolute;inset:calc(var(--size) * -.14);z-index:2;width:calc(100% + var(--size) * .28);height:calc(100% + var(--size) * .28);max-width:none;transform:rotate(-90deg);pointer-events:none;overflow:visible}.pavatar-timer circle{fill:none;stroke-width:7}.pavatar-timer .track{stroke:#3a2e241f}.pavatar-timer .bar{stroke:var(--leaf);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke var(--dur-3) var(--ease-out)}.pavatar-timer.is-warn .bar{stroke:var(--gold)}.pavatar-timer.is-low .bar{stroke:var(--danger)}.pavatar.has-timer.is-active .pavatar-disc{box-shadow:0 0 0 1px #3a2e2461,0 3px 10px #e0773a59}.pavatar-vp{position:absolute;z-index:3;right:calc(var(--size) * -.16);bottom:calc(var(--size) * -.12);display:grid;place-items:center;min-width:max(18px,calc(var(--size) * .46));height:max(18px,calc(var(--size) * .46));padding:0 4px;border-radius:var(--r-pill);background:linear-gradient(180deg,#FFE69A,var(--gold) 70%,#D9A12B);color:#4a360c;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums lining-nums;font-weight:800;font-size:max(11px,calc(var(--size) * .27));line-height:1;box-shadow:0 0 0 2px var(--paper),0 2px 4px #5a3c0a4d}.pavatar-status{position:absolute;z-index:3;left:calc(var(--size) * -.02);bottom:calc(var(--size) * -.02);width:max(10px,calc(var(--size) * .26));height:max(10px,calc(var(--size) * .26));border-radius:50%;background:var(--ink-3);box-shadow:0 0 0 2px var(--paper)}.pavatar-status.is-online{background:var(--leaf)}.game-icon{display:inline-block;flex:none;object-fit:contain;vertical-align:middle}.game-icon-fallback{display:inline-grid;place-items:center;line-height:1}.icon-circle{--ic-bg: var(--accent-soft);--ic-fg: var(--accent-2);display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff9,#fff0 60%),var(--ic-bg);color:var(--ic-fg);font-size:22px;line-height:1;box-shadow:inset 0 0 0 1px #3a2e240a}.icon-circle>img,.icon-circle>svg,.icon-circle>.game-icon{width:66%;height:66%}.icon-circle.tone-teal{--ic-bg: var(--teal-soft);--ic-fg: var(--teal-2)}.icon-circle.tone-leaf{--ic-bg: var(--leaf-soft);--ic-fg: var(--leaf-2)}.icon-circle.tone-gold{--ic-bg: var(--gold-soft);--ic-fg: var(--gold-2)}.icon-circle.tone-danger{--ic-bg: var(--danger-soft);--ic-fg: var(--danger-2)}.icon-circle.tone-plum{--ic-bg: var(--plum-soft);--ic-fg: var(--plum)}.icon-circle.tone-ink{--ic-bg: var(--paper-2);--ic-fg: var(--ink-2)}.piece-icon{display:inline-block;flex:none;object-fit:contain;vertical-align:middle}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}45%{opacity:1;transform:scale(1.08)}72%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pop-out{0%{opacity:1;transform:scale(1)}30%{transform:scale(1.05)}to{opacity:0;transform:scale(.7)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-18px) scale(.96)}60%{opacity:1;transform:translateY(2px) scale(1.005)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px) scale(.97)}}@keyframes toast-drop{0%{transform:translateY(-16px) scale(.96)}to{transform:none}}@keyframes toast-frost{0%{opacity:0}45%{opacity:1}to{opacity:1}}@keyframes frost-lift{0%,20%{opacity:1}to{opacity:0}}@keyframes frost-settle{0%{opacity:0}to{opacity:1}}@keyframes toast-text-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}70%{transform:translateY(-1.5%)}to{transform:none}}@keyframes sheet-down{0%{transform:none}to{transform:translateY(100%)}}@keyframes slide-in-right{0%{transform:translate(104%);opacity:.6}to{transform:none;opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.94)}60%{opacity:1;transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:none}}@keyframes float-up{0%{opacity:0;transform:translateY(6px) scale(.8)}18%{opacity:1;transform:translateY(0) scale(1.1)}30%{transform:translateY(-4px) scale(1)}to{opacity:0;transform:translateY(-34px) scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-8deg)}30%{transform:rotate(7deg)}45%{transform:rotate(-5deg)}60%{transform:rotate(3deg)}75%{transform:rotate(-1deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--pulse-color, rgba(224, 119, 58, .55))}70%{box-shadow:0 0 0 12px #e0773a00}to{box-shadow:0 0 #e0773a00}}@keyframes glow-breathe{0%,to{box-shadow:var(--glow-base, var(--shadow-2)),0 0 #e0773a00}50%{box-shadow:var(--glow-base, var(--shadow-2)),0 0 0 5px #e0773a47}}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-150% 0}to{background-position:250% 0}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes squash-land{0%{transform:none}30%{transform:scale(1.16,.84)}62%{transform:scale(.94,1.07)}to{transform:none}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(1.5px)}}@keyframes ribbon-rise{0%{opacity:0;transform:translateY(8px) scale(.6)}18%{opacity:1;transform:translateY(0) scale(1.1)}30%{transform:translateY(-2px) scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-26px) scale(.96)}}.anim-pop{animation:pop-in var(--dur-4) var(--ease-out) both}.anim-pop-out{animation:pop-out var(--dur-2) var(--ease-in) both}.anim-toast-in{animation:toast-in var(--dur-3) var(--ease-out) both}.anim-toast-out{animation:toast-out var(--dur-2) var(--ease-in) both}.anim-fade{animation:fade-in var(--dur-2) var(--ease-out) both}.anim-modal{animation:modal-in var(--dur-3) var(--ease-out) both}.anim-sheet{animation:sheet-up var(--dur-4) var(--ease-out) both}.anim-rise{animation:rise-in var(--dur-3) var(--ease-out) both}.anim-rise-1{animation:rise-in var(--dur-3) var(--ease-out) 60ms both}.anim-rise-2{animation:rise-in var(--dur-3) var(--ease-out) .12s both}.anim-rise-3{animation:rise-in var(--dur-3) var(--ease-out) .18s both}.anim-rise-4{animation:rise-in var(--dur-3) var(--ease-out) .24s both}.anim-rise-5{animation:rise-in var(--dur-3) var(--ease-out) .3s both}.anim-rise-6{animation:rise-in var(--dur-3) var(--ease-out) .36s both}.anim-float-up{animation:float-up 1.1s var(--ease-out) both}.anim-wiggle{animation:wiggle .6s var(--ease-in-out) both}.anim-pulse{animation:pulse-ring 1.6s var(--ease-out) infinite}.anim-breathe{animation:glow-breathe 2.2s var(--ease-in-out) infinite}.anim-bob{animation:bob 2.4s var(--ease-in-out) infinite}.anim-spin-slow{animation:spin-slow 12s linear infinite}.anim-spin{animation:spin .9s linear infinite}.anim-squash{animation:squash-land var(--dur-3) var(--ease-out) both;transform-origin:50% 100%}.anim-shake{animation:shake .36s var(--ease-out) both}.anim-ribbon{animation:ribbon-rise 1.4s var(--ease-out) both}.anim-badge-pop{animation:badge-pop var(--dur-3) var(--ease-spring) both}.anim-toast-drop{animation:toast-drop var(--dur-3) var(--ease-spring) both,toast-frost var(--dur-3) var(--ease-out) both}.anim-shimmer{background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:200% 100%;background-repeat:no-repeat;animation:shimmer 2.4s var(--ease-in-out) infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}@keyframes toast-in{0%{opacity:0}to{opacity:1}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}@keyframes toast-drop{0%{transform:none}to{transform:none}}@keyframes toast-frost{0%{opacity:0}to{opacity:1}}@keyframes frost-lift{0%{opacity:0}to{opacity:0}}@keyframes frost-settle{0%{opacity:0}to{opacity:0}}@keyframes toast-text-in{0%{opacity:1}to{opacity:1}}@keyframes pop-in{0%{opacity:0}to{opacity:1}}@keyframes pop-out{0%{opacity:1}to{opacity:0}}@keyframes rise-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0}to{opacity:1}}@keyframes float-up{0%{opacity:0}20%,70%{opacity:1}to{opacity:0}}@keyframes ribbon-rise{0%{opacity:0}20%,70%{opacity:1}to{opacity:0}}@keyframes squash-land{0%{transform:none}to{transform:none}}@keyframes shake{0%{transform:none}to{transform:none}}@keyframes wiggle{0%{transform:none}to{transform:none}}@keyframes bob{0%{transform:none}to{transform:none}}.motion-fade{animation-duration:var(--dur-2)!important;transition-duration:var(--dur-2)!important}.anim-float-up.motion-fade,.anim-ribbon.motion-fade{animation-duration:.9s!important}}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:#2baebf;--isle-x: 50%;--isle-y: 46%}@media (min-aspect-ratio: 23/20){.scene-home{--isle-x: 66%;--isle-y: 50%}}@media (max-aspect-ratio: 20/23){.scene-home{--isle-x: 50%;--isle-y: 33%}}.scene-sea{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(38% 34% at var(--isle-x) var(--isle-y),rgba(150,236,222,.75),rgba(150,236,222,0) 100%),radial-gradient(70% 62% at var(--isle-x) var(--isle-y),rgba(86,208,204,.55),rgba(86,208,204,0) 100%),radial-gradient(90% 70% at 12% -8%,#fff4d68c,#fff4d600 60%),linear-gradient(180deg,#5cc8d0,#2baebf 38%,#1b93ab 72%,#157b98)}.scene-sea:before,.scene-sea:after{content:"";position:absolute;top:-160px;right:0;bottom:0;left:-240px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160' viewBox='0 0 240 160'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-width='2.2'%3E%3Cpath d='M14 28c10-6 20-6 30 0' opacity='.55'/%3E%3Cpath d='M128 18c8-5 16-5 24 0' opacity='.4'/%3E%3Cpath d='M186 76c12-7 24-7 36 0' opacity='.5'/%3E%3Cpath d='M64 96c9-5 18-5 27 0' opacity='.45'/%3E%3Cpath d='M20 140c11-6 22-6 33 0' opacity='.35'/%3E%3Cpath d='M140 132c8-5 16-5 24 0' opacity='.5'/%3E%3C/g%3E%3C/svg%3E");background-size:240px 160px;opacity:.1;animation:sea-drift 60s linear infinite}.scene-sea:after{top:-226px;right:0;bottom:0;left:-340px;background-size:340px 226px;opacity:.06;animation:sea-drift-wide 90s linear infinite reverse}@keyframes sea-drift{0%{transform:translateZ(0)}to{transform:translate3d(240px,160px,0)}}@keyframes sea-drift-wide{0%{transform:translateZ(0)}to{transform:translate3d(340px,226px,0)}}.has-3d .scene-sea:before,.has-3d .scene-sea:after{display:none;animation:none}.scene-lobby .scene-sea{background:radial-gradient(80% 60% at 50% 40%,#96ecde80,#96ecde00),radial-gradient(90% 70% at 10% -10%,#fff4d699,#fff4d600 60%),linear-gradient(180deg,#7cd4d8,#3db6c4 45%,#2299b0)}.scene-island{position:absolute;left:calc(var(--isle-x) - 30%);top:calc(var(--isle-y) - 34%);width:60%;height:68%;display:grid;place-items:center;opacity:0;transition:opacity .7s var(--ease-out)}.scene-island.is-shown{opacity:1;animation:scene-island-in .9s var(--ease-spring) both}@keyframes scene-island-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.scene-island .map-thumb{width:100%;height:100%;overflow:hidden;transform:scaleY(.87);transform-origin:50% 60%;filter:drop-shadow(0 22px 26px rgba(6,64,84,.3));animation:island-bob 7s var(--ease-in-out) infinite}.scene-island:not(.is-shown) .map-thumb{animation:none}.has-3d .scene-island{opacity:0}@keyframes island-bob{0%,to{translate:0 0}50%{translate:0 -8px}}@media (min-aspect-ratio: 23/20){.scene-home .scene-island{width:46%;left:calc(var(--isle-x) - 23%);height:70%;top:calc(var(--isle-y) - 35%)}}@media (max-aspect-ratio: 20/23){.scene-home .scene-island{width:80%;left:10%;height:42%;top:calc(var(--isle-y) - 22%)}}.scene .scene-3d{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .9s var(--ease-out),filter .6s var(--ease-out),transform .6s var(--ease-out)}.scene-lobby .scene-3d{filter:blur(7px) saturate(.9);transform:scale(1.04)}.scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 95% at var(--isle-x) var(--isle-y),rgba(8,50,70,0) 55%,rgba(8,50,70,.22) 100%)}.scene-lobby .scene-vignette{background:linear-gradient(180deg,#fff9ee24,#fff9ee00 30%),radial-gradient(120% 95% at 50% 45%,#08324600 60%,#0832462e)}.home-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.home{position:relative;z-index:1;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center;padding:var(--gutter-top) var(--gutter-right) var(--gutter-bottom) var(--gutter-left)}.home-stack{position:relative;flex:none;display:flex;flex-direction:column;gap:14px;width:min(440px,100%);margin:auto 0}.home-card,.tables-card{background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-xl);box-shadow:0 4px 10px #143c461a,0 30px 70px #0a3c4b4d,var(--paper-highlight)}.home-card{position:relative;flex:none;padding:26px 28px 24px;animation:home-card-in .62s var(--ease-out) both}@keyframes home-card-in{0%{opacity:0;transform:translateY(26px) scale(.965)}55%{opacity:1;transform:translateY(-3px) scale(1.004)}to{opacity:1;transform:none}}.home-brand{display:flex;align-items:center;gap:12px;min-width:0}.home-brand .eyebrow{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-badge{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:radial-gradient(circle at 34% 24%,#ffffff59,#fff0 55%),linear-gradient(160deg,#8ACB67 0%,var(--leaf) 55%,#4C9136 100%);box-shadow:0 2px 5px #468a314d,0 8px 18px #468a3138,inset 0 1px #ffffff73,inset 0 -2px #1e461438}.home-badge svg{width:27px;height:27px;filter:drop-shadow(0 1px 0 rgba(30,70,20,.25))}.online-pill{flex:none;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px 0 9px;border-radius:var(--r-pill);background:var(--leaf-soft);color:var(--leaf-2);font-size:var(--fs-12);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;animation:fade-in var(--dur-3) var(--ease-out) both}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--leaf);animation:online-pulse 2.6s var(--ease-in-out) infinite}@keyframes online-pulse{0%,to{box-shadow:0 0 #5da54480}60%{box-shadow:0 0 0 5px #5da54400}}.home-logo{margin:14px 0 6px;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-optical-sizing:auto;font-size:clamp(46px,4.1vw,58px);font-weight:800;line-height:.95;letter-spacing:-.035em;color:var(--ink)}.home-tag{font-size:15px;font-weight:600;line-height:1.45;color:var(--ink-2);text-wrap:balance}.home-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.home-form{display:flex;flex-direction:column}.home-name{min-height:52px;font-size:17px;padding:0 18px}.home-play{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;container-type:inline-size}@container (max-width: 400px){.home-play .home-tile .tile-icon{display:none}.home-play .home-tile{padding-left:16px}.home-play .home-tile .tile-label{font-size:15.5px}}.home-tile{width:100%;min-height:64px;padding:0 14px 0 10px;justify-content:flex-start;gap:10px;border-radius:20px;text-align:left;white-space:normal}.home-tile .tile-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:#ffffff38;box-shadow:inset 0 1px #ffffff59,0 1px 2px #0000000f}.home-tile .tile-icon svg{width:20px;height:20px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.12))}.home-tile .tile-icon .cut{fill:#1a8d98}.home-tile .tile-text{display:flex;flex-direction:column;gap:3px;min-width:0}.home-tile .tile-label{font-size:16px;font-weight:800;line-height:1.1}.home-tile .tile-sub{font-size:var(--fs-12);font-weight:700;line-height:1.2;opacity:.9;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-tile.btn-soft .tile-icon{background:#e0773a24;box-shadow:none}.home-tile.btn-soft.is-teal{--btn-bg: var(--teal-soft);--btn-fg: var(--teal-2);--btn-edge: rgba(21, 127, 138, .16);border-color:#1e9aa633}.home-tile.btn-soft.is-teal .tile-icon{background:#1e9aa624}.home-tile.btn-soft .tile-icon .cut{fill:var(--teal-soft)}.home-tile-wrap{position:relative;min-width:0}.home-tile.has-gear{padding-right:48px}.tile-gear{position:absolute;top:50%;right:9px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff2e;color:var(--on-accent);cursor:pointer;touch-action:manipulation;transform:translateY(-50%);transition:background-color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-spring)}.tile-gear svg{width:18px;height:18px;transition:transform var(--dur-3) var(--ease-spring)}.tile-gear:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%}.tile-gear:active{transform:translateY(-50%) scale(.9)}.tile-gear:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffd9,var(--ring-teal)}.home-tile-wrap.is-open .tile-gear{background:#ffffff61}.home-tile-wrap.is-open .tile-gear svg{transform:rotate(60deg)}.btn-soft+.tile-gear{color:var(--teal-2);border-color:#1e9aa638;background:#1e9aa61a}@media (hover: hover) and (pointer: fine){.tile-gear:hover{background:#ffffff52}.btn-soft+.tile-gear:hover{background:#1e9aa62e}}.solo-opts{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;padding:12px 12px 12px 14px;border-radius:var(--r-md);background:var(--paper-2);box-shadow:inset 0 1px 2px #3a2e2414;animation:pop-in var(--dur-2) var(--ease-spring) both;transform-origin:80% 0}.solo-row{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px}.solo-label{font-size:var(--fs-12);font-weight:800;color:var(--ink-2)}.solo-seg{background:var(--paper-3)}.solo-seg .tab{padding:0 6px;font-size:14px}.solo-maps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.solo-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--paper-3);background:var(--paper);color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-13);font-weight:800;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-spring)}.solo-chip:active:not([aria-disabled=true]){transform:scale(.94)}.solo-chip:focus-visible{outline:none;box-shadow:var(--ring-teal)}.solo-chip.is-on{background:var(--teal);border-color:#0a505a4d;color:var(--on-accent);box-shadow:0 2px 6px #1e9aa647}.solo-chip[aria-disabled=true]{opacity:.42;cursor:not-allowed}@media (pointer: coarse){.solo-chip{min-height:44px}}@media (hover: hover) and (pointer: fine){.solo-chip:not(.is-on):not([aria-disabled=true]):hover{color:var(--ink);background:#fff}}.home-divider{margin:8px 2px 2px}.home-friends{display:flex;flex-wrap:wrap;gap:10px}.home-create{flex:1 1 150px;min-height:52px;flex-direction:column;gap:2px;padding:0 16px;border-radius:18px}.home-create-label{font-size:15px}.home-create-hint{font-size:11px;font-weight:700;letter-spacing:.01em;opacity:.78}.home-join{display:flex;gap:8px;min-width:0}.home-friends>.home-join{flex:1 1 210px}.home-code{flex:1 1 auto;min-width:0;min-height:52px;font-size:22px}.home-join-btn{flex:none;min-width:86px;min-height:52px}.home-join-btn.is-pulse{animation:home-join-pulse 1.8s var(--ease-in-out) infinite}@keyframes home-join-pulse{0%,to{box-shadow:var(--btn-shadow),0 0 #1e9aa600}50%{box-shadow:var(--btn-shadow),0 0 0 6px #1e9aa640}}.home-links{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:2px}.home-links-sep{color:var(--ink-4);font-weight:800}.home-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:none;color:var(--teal-2);font-family:var(--font-ui);font-size:15px;font-weight:800;text-decoration:underline;text-decoration-color:#157f8a4d;text-decoration-thickness:2px;text-underline-offset:5px;cursor:pointer;touch-action:manipulation}.home-link svg{width:16px;height:16px}.home-link:focus-visible{outline:none;box-shadow:var(--ring-teal)}@media (hover: hover) and (pointer: fine){.home-link:hover{text-decoration-color:currentColor}}.home-friends.is-compact{animation:pop-in var(--dur-2) var(--ease-spring) both}.home-card.is-invited .home-brand .eyebrow{color:var(--teal-2)}.home-invite{display:flex;flex-direction:column;gap:10px}.home-invite-create{align-self:center;margin-top:-2px}.home-watch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 6px 6px 14px;border-radius:var(--r-md);background:var(--teal-soft);color:var(--teal-2);font-size:13.5px;font-weight:700;line-height:1.3;animation:pop-in var(--dur-2) var(--ease-spring) both}.home-watch b{font-weight:800;letter-spacing:.06em}.home-watch .btn{flex:none;--btn-bg: var(--paper);--btn-fg: var(--teal-2);border-color:#1e9aa633}.home-watch .btn.btn-teal{--btn-fg: var(--on-accent);border-color:#0a505a4d}.home-join-btn[data-ready="0"]{filter:saturate(.55);opacity:.78}.home-card .input.is-nudge{animation:home-nudge .52s var(--ease-out) both;border-color:var(--accent);box-shadow:var(--ring)}@keyframes home-nudge{0%,to{transform:translate(0)}18%{transform:translate(-7px)}36%{transform:translate(6px)}54%{transform:translate(-4px)}72%{transform:translate(2px)}}.tables-card{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;container-type:inline-size;animation-duration:var(--dur-4)}.tables-head{display:flex;align-items:center;gap:8px;flex:none;width:100%;min-height:48px;padding:14px 22px 6px;border:0;background:none;color:inherit;font:inherit;text-align:left}.tables-head.is-toggle{min-height:56px;padding-bottom:14px;cursor:pointer;touch-action:manipulation}.tables-card:not(.is-folded) .tables-head.is-toggle{padding-bottom:6px}.tables-head.is-toggle:focus-visible{outline:none;box-shadow:inset var(--ring-strong);border-radius:var(--r-xl)}.lt-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-2);font-size:var(--fs-11);font-weight:800;font-variant-numeric:tabular-nums}.lt-summary{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;color:var(--ink-3)}.lt-chevron{flex:none;width:18px;height:18px;color:var(--ink-3);transition:transform var(--dur-3) var(--ease-spring)}.lt-chevron.is-open{transform:rotate(90deg)}.tables-scroll{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 10px 10px;scrollbar-width:thin;scrollbar-color:var(--paper-3) transparent}.tables-scroll[data-more-below]{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 28px),transparent)}.tables-scroll[data-more-above]{-webkit-mask-image:linear-gradient(180deg,transparent,#000 22px);mask-image:linear-gradient(180deg,transparent,#000 22px)}.tables-scroll[data-more-above][data-more-below]{-webkit-mask-image:linear-gradient(180deg,transparent,#000 22px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(180deg,transparent,#000 22px,#000 calc(100% - 28px),transparent)}.lt-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.lt-row{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:58px;padding:8px 8px 8px 10px;border-radius:var(--r-md);animation:rise-in var(--dur-3) var(--ease-out) both;transition:background-color var(--dur-2) var(--ease-out)}.lt-row+.lt-row:before{content:"";position:absolute;top:-1px;left:56px;right:10px;height:1px;background:var(--hairline)}@media (hover: hover) and (pointer: fine){.lt-row:not(.lt-skeleton):hover{background:var(--paper-2)}.lt-row:hover:before,.lt-row:hover+.lt-row:before{opacity:0}}.lt-main{display:flex;flex-direction:column;gap:3px;min-width:0}.lt-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:15px;font-weight:700;line-height:1.2;color:var(--ink)}.lt-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12);font-weight:700;line-height:1.2;color:var(--ink-3)}.lt-watchers svg{width:13px;height:13px;margin-right:2px;vertical-align:-2px}.lt-aside{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.lt-seats{display:flex;align-items:center;gap:3px}.lt-dot{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #3a2e2433}.lt-dot.is-bot{display:grid;place-items:center;width:13px;height:13px;background:var(--plum-soft);color:var(--plum);box-shadow:none}.lt-dot.is-bot svg{width:9px;height:9px}.lt-dot.is-open{background:transparent;box-shadow:none;border:1.5px dashed var(--ink-4)}.lt-more{margin-left:2px;font-size:var(--fs-11);font-weight:800;color:var(--ink-3);font-variant-numeric:tabular-nums}.lt-modes{display:flex;align-items:center;gap:1px}.lt-mode{display:grid;place-items:center;width:22px;height:22px}.lt-mode img{width:22px;height:22px;object-fit:contain}.lt-mode .mode-glyph{width:16px;height:16px;color:var(--ink-2);overflow:visible}.lt-mode .mode-glyph .cut{fill:var(--paper)}.lt-mode .mode-glyph .cut-line{stroke:var(--paper)}.lt-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:70px;height:36px;padding:0 14px;border-radius:var(--r-pill);border:1px solid transparent;font-family:var(--font-ui);font-size:13.5px;font-weight:800;white-space:nowrap;touch-action:manipulation;transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.lt-chip svg{width:16px;height:16px}button.lt-chip{cursor:pointer}button.lt-chip:active{transform:scale(.93)}.lt-chip:focus-visible{outline:none;box-shadow:var(--ring-strong)}.lt-chip.is-join{background:linear-gradient(180deg,var(--teal-3) 0%,var(--teal) 55%,#1A8D98 100%);border-color:#0a505a4d;color:var(--on-accent);text-shadow:0 1px 0 rgba(8,64,72,.25);box-shadow:0 2px 6px #1e9aa64d,inset 0 -2px #08404838,inset 0 1px #fff6}.lt-chip.is-watch{background:var(--paper-2);border-color:var(--paper-3);color:var(--ink-2)}.lt-chip.is-full{background:transparent;border:1.5px dashed var(--paper-4);color:var(--ink-3);cursor:default}@media (hover: hover) and (pointer: fine){.lt-chip.is-join:hover{transform:translateY(-1px);box-shadow:0 6px 14px #1e9aa657,inset 0 -2px #08404838,inset 0 1px #fff6}.lt-chip.is-watch:hover{background:#fff;color:var(--ink)}}@media (pointer: coarse){.lt-chip{height:44px;min-width:76px}}@container (min-width: 640px){.lt-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.lt-row{background:#f6eedd99}.lt-row+.lt-row:before{display:none}}@container (max-width: 390px){.lt-row{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"av main chip" "av aside chip";row-gap:5px}.lt-row>.pavatar{grid-area:av;align-self:start;margin-top:2px}.lt-main{grid-area:main}.lt-aside{grid-area:aside;flex-direction:row;align-items:center;gap:8px}.lt-row>.lt-chip{grid-area:chip}.lt-row.lt-skeleton{grid-template-areas:"av main chip"}}.lt-skeleton{animation:fade-in var(--dur-3) var(--ease-out) both}.sk{display:block;border-radius:7px;background:linear-gradient(90deg,var(--paper-2) 0%,var(--paper-3) 45%,var(--paper-2) 90%);background-size:220% 100%;animation:lt-shimmer 1.5s var(--ease-in-out) infinite}.sk-avatar{width:36px;height:36px;border-radius:50%}.sk-line{height:12px}.sk-line.sk-thin{height:9px;margin-top:3px}.sk-chip{grid-column:-2;width:66px;height:32px;border-radius:var(--r-pill)}@keyframes lt-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}.lt-note{padding:2px 12px 6px;font-size:var(--fs-12);font-weight:700;color:var(--ink-3);text-align:center}.lt-empty{display:flex;flex-direction:column;align-items:center;gap:6px;margin:auto 0;padding:4px 18px 14px;text-align:center}.lt-empty-art{width:96px;height:64px}.lt-empty-boat{animation:lt-boat 3.8s var(--ease-in-out) infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes lt-boat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}.lt-empty-title{margin-top:2px;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:17px;font-weight:700;line-height:1.2;color:var(--ink)}.lt-empty-text{max-width:30ch;margin-bottom:6px;font-size:13.5px;font-weight:600;line-height:1.45;color:var(--ink-2);text-wrap:balance}.lt-empty-live{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-size:var(--fs-12);font-weight:700;color:var(--ink-3)}@container lt-empty (max-height: 240px){.lt-empty{display:grid;grid-template-columns:auto minmax(0,max-content);grid-template-areas:"art title" "art text" "art live";justify-content:center;align-items:center;gap:2px 16px;padding:4px 12px 6px;text-align:left}.lt-empty-art{grid-area:art;width:84px;height:56px}.lt-empty-title{grid-area:title;margin:0}.lt-empty-text{grid-area:text;margin:0}.lt-empty-live{grid-area:live;margin-top:4px}.lt-empty>.btn{display:none}}@container lt-empty (max-height: 110px){.lt-empty{padding-block:0}.lt-empty-art{width:72px;height:48px}.lt-empty-text{display:none}}@media (min-aspect-ratio: 23/20) and (min-width: 700px){.home{--home-col-x: max(var(--gutter-left), clamp(24px, 6.2vw, 120px));--home-col-w: clamp(400px, 33vw, 480px);justify-content:flex-start;padding-left:var(--home-col-x)}.home-stack{width:var(--home-col-w);height:min(100%,900px)}.home-stack.is-short{height:auto}.tables-card{flex:1 1 auto;min-height:168px}.tables-card.is-folded{flex:none;min-height:0}.home-stack:not(.is-short) .tables-scroll.is-empty{container:lt-empty / size}}@media (min-aspect-ratio: 23/20) and (min-width: 1600px){.home{--home-col-w: 500px}.home-card{padding:32px 36px 30px}.home-logo{font-size:66px}.home-tag{font-size:16px}}@media not all and (min-aspect-ratio: 23/20),(max-width: 699px){.home{align-items:flex-end;padding-top:calc(var(--gutter-top) + var(--home-corner-h) + 12px);padding-bottom:max(var(--gutter),calc(var(--safe-bottom) + 14px))}.home-stack{margin:auto 0 0}}@media (max-aspect-ratio: 20/23) and (min-width: 700px){.home{padding-bottom:max(32px,calc(var(--safe-bottom) + 24px))}.home-stack{width:min(820px,100%);gap:14px}.home-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;column-gap:32px;padding:28px 30px}.home-intro,.home-actions{min-width:0}.home-actions{margin-top:0}.home-logo{font-size:54px}.tables-card{height:clamp(212px,21vh,252px)}.tables-scroll.is-empty{container:lt-empty / size}}@media (max-aspect-ratio: 20/23) and (min-width: 960px){.home-stack{width:min(900px,100%)}.home-logo{font-size:62px}.home-tag{font-size:16px}}@media (max-width: 480px){.home{flex-direction:column;align-items:stretch;justify-content:flex-start;--home-peek: 100px}.home:before{content:"";flex:none;height:max(0px,calc(100vh - var(--home-card-h, 430px) - var(--home-peek) - 42px - var(--home-corner-h)));height:max(0px,calc(100svh - var(--home-card-h, 430px) - var(--home-peek) - 42px - var(--home-corner-h)))}.home-stack{width:100%;gap:12px;margin:auto 0 0}.home-card{padding:20px 20px 16px;border-radius:var(--r-lg)}.tables-card{border-radius:var(--r-lg)}.home-badge{width:36px;height:36px;border-radius:12px}.home-badge svg{width:22px;height:22px}.home-logo{font-size:40px;margin:10px 0 0}.home-tag{display:none}.home-actions{margin-top:14px;gap:10px}.home-name{min-height:50px}.home-play{grid-template-columns:minmax(0,1fr);gap:8px}.home-tile{min-height:58px}.home-play .home-tile .tile-icon{display:grid}.home-play .home-tile{padding-left:10px}.home-play .home-tile .tile-label{font-size:16px}.home-code,.home-join-btn{min-height:50px}.tables-head{padding:12px 18px 4px}.tables-scroll{padding:2px 6px 8px}}@media (max-height: 620px){.home{align-items:flex-start}.home-card{padding:18px 22px}.home-logo{font-size:38px;margin:8px 0 4px}.home-tag{font-size:14px}.home-actions{margin-top:12px;gap:8px}.home-name,.home-code,.home-join-btn,.home-create{min-height:46px}.home-tile{min-height:54px}}@media (max-height: 440px){.home-tag{display:none}.home-logo{font-size:34px;margin:6px 0 0}.home-card{padding:14px 20px}}.slider-field{display:flex;flex-direction:column;gap:2px;min-width:0;cursor:pointer}.slider-field.is-disabled{cursor:default}.slider-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.slider-label{font-size:var(--fs-14);font-weight:800;color:var(--ink-2);line-height:1.2}.slider-value{flex:none;min-width:42px;padding:2px 10px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-2);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums lining-nums;font-size:var(--fs-16);font-weight:800;line-height:1.35;text-align:center;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.slider-field.is-disabled .slider-value{background:var(--paper-3);color:var(--ink-3)}.slider-field.is-disabled .slider-label{color:var(--ink-3)}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:34px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:pan-y pinch-zoom}input[type=range].slider:focus-visible{box-shadow:none}input[type=range].slider::-webkit-slider-runnable-track{height:10px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent-3),var(--accent)) 0 / var(--fill, 50%) 100% no-repeat,var(--paper-3);box-shadow:inset 0 1px 2px #3a2e2429}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-8px;border:0;border-radius:50%;background:radial-gradient(circle,var(--accent) 0 3.5px,rgba(224,119,58,0) 4px),radial-gradient(circle at 38% 30%,#FFFFFF,var(--paper) 60%,#EFE2C8);box-shadow:0 0 0 1px #3a2e241f,0 2px 4px #3a2e242e,0 5px 12px #143c462e;transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out)}input[type=range].slider::-moz-range-track{height:10px;border-radius:var(--r-pill);background:var(--paper-3);box-shadow:inset 0 1px 2px #3a2e2429}input[type=range].slider::-moz-range-progress{height:10px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent-3),var(--accent))}input[type=range].slider::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:radial-gradient(circle,var(--accent) 0 3.5px,rgba(224,119,58,0) 4px),radial-gradient(circle at 38% 30%,#FFFFFF,var(--paper) 60%,#EFE2C8);box-shadow:0 0 0 1px #3a2e241f,0 2px 4px #3a2e242e,0 5px 12px #143c462e}@media (hover: hover) and (pointer: fine){input[type=range].slider:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.1)}}input[type=range].slider:active:not(:disabled)::-webkit-slider-thumb{transform:scale(1.18)}input[type=range].slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px #3a2e241f,0 2px 4px #3a2e242e,var(--ring-strong)}input[type=range].slider:disabled{cursor:default}input[type=range].slider:disabled::-webkit-slider-runnable-track{background:var(--paper-3)}input[type=range].slider:disabled::-webkit-slider-thumb{background:radial-gradient(circle at 38% 30%,#FFFFFF,var(--paper-2) 70%);box-shadow:0 0 0 1px #3a2e241f}input[type=range].slider:disabled::-moz-range-progress{background:transparent}@media (pointer: coarse){input[type=range].slider{height:44px}input[type=range].slider::-webkit-slider-thumb{width:30px;height:30px;margin-top:-10px}input[type=range].slider::-moz-range-thumb{width:30px;height:30px}}.map-thumb-shell{display:grid;place-items:center;width:100%;height:100%;contain:layout paint style}.map-thumb-shell>.map-thumb{display:block}.map-thumb-placeholder{width:64%;height:58%;border-radius:40%;background:radial-gradient(closest-side,#efd9a28c,#efd9a200)}.lobby-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.lobby{position:relative;z-index:1;height:100%;width:100%;max-width:1760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:var(--gutter-top) var(--gutter-right) var(--gutter-bottom) var(--gutter-left);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.lobby-side{display:flex;flex-direction:column;gap:14px;min-width:0}.lobby-col{display:contents}.lobby .code-card{order:1}.lobby .seats-card{order:2}.lobby .settings-card{order:3}.lobby .lchat-card{order:4}.lobby .lobby-card{position:relative;min-width:0;padding:18px 20px 20px;border-radius:var(--r-xl);box-shadow:0 2px 4px #143c4614,0 14px 36px #0c405033,var(--paper-highlight)}.lobby .lobby-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.lobby .lobby-card-head .title{margin-top:3px}.lobby-card-count{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:800;font-size:var(--fs-18);color:var(--ink);font-variant-numeric:tabular-nums}.lobby-card-count span{color:var(--ink-3);font-size:var(--fs-14)}.code-head{display:flex;align-items:center;justify-content:space-between;margin:-6px -8px 0 0}.code-leave{color:var(--ink-2)}.code-leave svg{width:17px;height:17px}.code-copy{display:flex;align-items:center;gap:12px;width:100%;margin:8px 0;padding:6px 8px 6px 18px;border-radius:var(--r-lg);background:var(--paper-2);box-shadow:inset 0 1px 2px #3a2e2414;text-align:left;touch-action:manipulation;transition:transform var(--dur-1) var(--ease-spring),background-color var(--dur-2) var(--ease-out)}.code-copy:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.code-copy:hover{background:#f9f1e2}.code-copy:hover .code-copy-icon{transform:rotate(-8deg) scale(1.06)}}.lobby-code{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:40px;font-weight:800;line-height:1.15;letter-spacing:.18em;color:var(--ink);user-select:all;-webkit-user-select:all}.code-copy-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--accent-2);box-shadow:var(--shadow-1),var(--paper-highlight);transition:transform var(--dur-2) var(--ease-spring),background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.code-copy-icon svg{width:21px;height:21px}.code-copy.is-copied .code-copy-icon{background:var(--leaf);color:#fff;animation:badge-pop var(--dur-3) var(--ease-spring) both}.code-hint{display:block;font-size:var(--fs-13);font-weight:700;color:var(--ink-3)}.code-copy.is-copied+.code-hint{color:var(--leaf-2)}.lobby .seats-card{display:flex;flex-direction:column}.lobby .seats{display:flex;flex-direction:column;gap:8px;min-height:0}.lobby .seat{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 8px 8px 9px;border-radius:var(--r-lg);background:var(--paper-2);animation:rise-in var(--dur-3) var(--ease-out) both}.lobby .seat.is-me{background:linear-gradient(90deg,rgba(252,230,212,.9),var(--paper-2) 75%);box-shadow:inset 0 0 0 1.5px #e0773a40}.lobby .seat-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.lobby .seat-name{font-size:var(--fs-16);font-weight:800;line-height:1.2;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby .seat-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;margin-top:2px}.lobby .seat-sub{font-size:var(--fs-12);font-weight:800;color:var(--accent-2);line-height:1.2;margin-right:2px}.lobby .seat-meta .pill{height:20px;padding:0 8px;font-size:var(--fs-11);font-weight:900;letter-spacing:.04em;text-transform:uppercase;gap:3px}.lobby .seat-meta .pill svg{width:11px;height:11px}.lobby .seat-waiting{background:var(--paper);color:var(--ink-3);box-shadow:inset 0 0 0 1.5px var(--paper-3)}.lobby .seats.is-many .seat{min-height:52px;padding-top:5px;padding-bottom:5px}.lobby [data-more-below]{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent)}.lobby [data-more-above]{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(0deg,#000 calc(100% - 26px),transparent)}.lobby [data-more-above][data-more-below]{-webkit-mask-image:linear-gradient(180deg,transparent,#000 26px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(180deg,transparent,#000 26px,#000 calc(100% - 34px),transparent)}.lobby .seat-kick{width:34px;height:34px;background:transparent;color:var(--ink-3);border:0;box-shadow:none}.lobby .seat-kick svg{width:16px;height:16px}@media (hover: hover) and (pointer: fine){.lobby .seat-kick:hover:not(:disabled):not(:active){background:var(--danger-soft);color:var(--danger-2);box-shadow:none;transform:none}}.lobby .seat-add{flex:none;display:flex;align-items:center;gap:12px;min-height:58px;margin-top:8px;padding:8px 14px 8px 9px;border-radius:var(--r-lg);border:2px dashed var(--paper-3);color:var(--ink-2);font-size:var(--fs-15, 15px);font-weight:800;text-align:left;transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-spring)}.lobby .seat-add:active{transform:scale(.98)}.lobby .seat-add-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--teal-soft);color:var(--teal-2)}.lobby .seat-add-icon svg{width:18px;height:18px}.lobby .seat-add-hint{margin-left:auto;font-size:var(--fs-12);font-weight:700;color:var(--ink-3);white-space:nowrap}@media (hover: hover) and (pointer: fine){.lobby .seat-add:hover{background:#d5f1f173;border-color:#1e9aa659;color:var(--teal-2)}}.lobby .seat-add-mini{position:relative;display:none;align-items:center;gap:5px;flex:none;height:30px;margin:-6px 0 -6px auto;padding:0 12px 0 9px;border-radius:var(--r-pill);background:var(--teal-soft);color:var(--teal-2);font-size:var(--fs-13);font-weight:800;white-space:nowrap;touch-action:manipulation;transition:background-color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-spring)}.lobby .seat-add-mini svg{width:14px;height:14px}.lobby .seat-add-mini:before{content:"";position:absolute;top:-7px;right:-4px;bottom:-7px;left:-4px;border-radius:var(--r-pill)}.lobby .seat-add-mini:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){.lobby .seat-add-mini:hover{background:#c4eaea}}.lobby .lchat-card{display:flex;flex-direction:column;min-height:240px}.lobby .lchat-scroll{flex:1 1 auto;min-height:96px;max-height:220px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-radius:var(--r-md);background:var(--paper-2);box-shadow:inset 0 1px 2px #3a2e2412}.lobby .lchat-empty{margin:auto;color:var(--ink-3);font-size:var(--fs-14);font-weight:700}.lobby .lchat-line{display:flex;align-items:baseline;gap:9px;font-size:var(--fs-14);line-height:1.4;color:var(--ink);overflow-wrap:anywhere;animation:rise-in var(--dur-2) var(--ease-out) both}.lobby .lchat-dot{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1.5px #3a2e244d;transform:translateY(.5px)}.lobby .lchat-who{font-weight:900}.lobby .lchat-line.is-me .lchat-who{color:var(--accent-2)}.lobby .lchat-input{display:flex;gap:8px;margin-top:10px}.lobby .lchat-input .input{background-color:var(--paper);box-shadow:inset 0 0 0 1.5px var(--paper-3)}.lobby .lchat-input .input:focus{box-shadow:var(--ring)}.lobby .lchat-input .input{flex:1 1 auto;min-width:0}.lobby .lchat-send{width:40px;height:40px;align-self:center;background:linear-gradient(180deg,var(--accent-3),var(--accent));color:var(--on-accent);border-color:#963c1447}.lobby .lchat-send svg{width:19px;height:19px}.lobby .lchat-send svg path:last-child{stroke:var(--accent)}.lobby .lchat-send:disabled{background:var(--paper-2);color:var(--ink-4);box-shadow:none;opacity:1}.lobby .lchat-send:disabled svg path:last-child{stroke:var(--paper-2)}.lobby .settings-card{display:flex;flex-direction:column}.lobby .settings-card.has-pop{z-index:5}.lobby .settings-head{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:0}.lobby .settings-note{font-size:var(--fs-13);font-weight:700;line-height:1.3;color:var(--ink-3)}.lobby .settings-scroll{min-height:0}.lobby .settings-cols{display:flex;flex-direction:column;gap:24px}.lobby{--jump-h: 44px;--jump-top: calc(var(--safe-top) - var(--gutter-top))}.lobby .set-section{scroll-margin-top:calc(var(--safe-top) + var(--jump-h) + 12px)}.lobby .settings-jump{position:sticky;top:var(--jump-top);z-index:4;display:flex;flex-wrap:wrap;gap:6px;margin:2px -14px 6px;padding:8px 14px 6px;border-radius:0 0 var(--r-md) var(--r-md);background:var(--paper);box-shadow:0 10px 12px -6px #fff9eef5}.lobby .settings-jump-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:var(--r-pill);background:var(--paper-2);box-shadow:inset 0 0 0 1.5px var(--paper-3);color:var(--ink-2);font-size:var(--fs-13);font-weight:800;touch-action:manipulation;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-spring)}.lobby .settings-jump-chip:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){.lobby .settings-jump-chip:hover{background:var(--accent-soft);color:var(--accent-2);box-shadow:inset 0 0 0 1.5px #e0773a40}}.lobby .settings-jump-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--leaf);color:#fff;font-size:11px;font-weight:900;line-height:1}.lobby .seat-colors{flex:none;margin-top:18px}.lobby .set-section{display:flex;flex-direction:column;gap:12px;min-width:0}.lobby .set-title{display:flex;align-items:center;gap:10px;font-size:var(--fs-11);font-weight:900;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-3)}.lobby .set-title:after{content:"";flex:1;height:1.5px;border-radius:2px;background:var(--paper-3)}.lobby .set-label{font-size:var(--fs-14);font-weight:800;color:var(--ink-2)}.lobby .swatch-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;justify-items:center}.lobby .swatch{position:relative;display:grid;place-items:center;width:100%;max-width:38px;height:auto;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 26%,#ffffff8c,#fff0 52%),var(--sw);box-shadow:0 0 0 1.5px #3a2e244d,0 2px 5px #1428322e,inset 0 -2.5px #0000001f;transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}.lobby .swatch svg{width:18px;height:18px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}.lobby .swatch:after{content:"";position:absolute;top:-5px;right:-3px;bottom:-5px;left:-3px;border-radius:50%}.lobby .swatch.mine{box-shadow:0 0 0 2.5px var(--paper),0 0 0 5px var(--accent),0 4px 10px #e0773a59;transform:scale(1.06)}.lobby .swatch.taken{opacity:.4;filter:saturate(.65);cursor:not-allowed}.lobby .swatch-initial{font-size:var(--fs-13);font-weight:900;line-height:1}.lobby .swatch:active:not(:disabled){transform:scale(.9)}@media (hover: hover) and (pointer: fine){.lobby .swatch:not(:disabled):not(.mine):hover{transform:translateY(-2px) scale(1.08)}}.lobby .skin-grid,.lobby .mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lobby .mode-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.lobby .mode-card{grid-column:span 2}.lobby .mode-card:last-child:nth-child(3n+1){grid-column:3 / span 2}.lobby .mode-card:nth-last-child(2):nth-child(3n+1){grid-column:2 / span 2}.lobby .mode-tile,.lobby .skin-chip{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;border-radius:var(--r-md);background:var(--paper-2);border:1.5px solid transparent;color:inherit;text-align:center;touch-action:manipulation;transition:transform var(--dur-1) var(--ease-spring),background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.lobby .mode-tile:focus-visible,.lobby .skin-chip:focus-visible{box-shadow:0 0 0 2px var(--paper),0 0 0 5px #e0773a99}.lobby .mode-check,.lobby .skin-check{position:absolute;top:-6px;right:-6px;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;pointer-events:none;opacity:0;transform:scale(.4);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-bounce)}.lobby .mode-check svg,.lobby .skin-check svg{width:13px;height:13px}.lobby .mode-wrap{position:relative;z-index:3}.lobby .mode-card{position:relative;display:flex;min-width:0;transition:transform var(--dur-2) var(--ease-spring)}.lobby .mode-tile{gap:3px;padding:12px 6px 9px}.lobby .mode-art{display:grid;place-items:center;width:min(100% - 16px,92px);aspect-ratio:1}.lobby .mode-art-img{width:100%;height:100%;object-fit:contain;transition:transform var(--dur-3) var(--ease-spring)}.lobby .mode-art .mode-icon{width:58%;height:58%;transition:transform var(--dur-3) var(--ease-spring)}.lobby .mode-art .mode-glyph{width:46%;height:46%}.lobby .mode-name{display:flex;align-items:center;justify-content:center;max-width:100%;min-height:2.36em;font-size:var(--fs-13);font-weight:800;line-height:1.18;color:var(--ink);text-wrap:balance}.lobby .mode-card:not(.is-on) .mode-tile,.lobby .skin-chip:not(.selected){background:#fbf4e6;border-color:var(--paper-3);box-shadow:inset 0 -2px #3a2e240d}.lobby .mode-check{background:var(--leaf);box-shadow:0 0 0 2px var(--paper),0 2px 5px #468a3166}.lobby .mode-card.is-on{transform:translateY(-2px)}.lobby .mode-card.is-on .mode-tile{background:#eef6e6;border-color:var(--leaf);box-shadow:0 0 0 3px #5da5442e,0 8px 16px -10px #468a3199}.lobby .mode-card.is-on .mode-tile:focus-visible{box-shadow:0 0 0 2px var(--paper),0 0 0 5px #e0773a99,0 8px 16px -10px #468a3199}.lobby .mode-card.is-on .mode-name{color:#2e6620}.lobby .mode-card.is-on .mode-art>*{transform:scale(1.06)}.lobby .mode-card.is-on .mode-check{opacity:1;transform:none}.lobby .mode-card:has(>.mode-tile:active){transform:scale(.95)}.lobby .mode-card.is-on:has(>.mode-tile:active){transform:translateY(-2px) scale(.95)}.lobby .mode-info{position:absolute;top:3px;left:3px;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--ink-3);touch-action:manipulation;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.lobby .mode-info svg{width:17px;height:17px;padding:1px;border-radius:50%;box-shadow:inset 0 0 0 1.6px currentColor}.lobby .mode-info[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-2)}@media (hover: hover) and (pointer: fine){.lobby .mode-card:not(.is-on) .mode-tile:hover{background:#fffdf8;border-color:var(--paper-4)}.lobby .mode-tile:hover .mode-art>*{transform:translateY(-3px) rotate(-3deg)}.lobby .mode-card.is-on .mode-tile:hover .mode-art>*{transform:translateY(-2px) scale(1.06) rotate(-3deg)}.lobby .mode-info:hover{background:var(--paper-3);color:var(--ink)}.lobby .mode-card.is-on .mode-info:hover{background:#dcedd0}}.lobby .mode-extra{display:flex;align-items:center;gap:12px;padding:8px 14px 10px 8px;border-radius:var(--r-md);background:#eef6e6;box-shadow:inset 0 0 0 1.5px #5da54447;animation:rise-in var(--dur-3) var(--ease-out) both}.lobby .mode-extra-art{display:grid;place-items:center;flex:none;width:46px;height:46px}.lobby .mode-extra-art img{width:100%;height:100%;object-fit:contain}.lobby .mode-extra .slider-field{flex:1 1 auto;min-width:0}.lobby .mode-extra .slider-label{font-size:var(--fs-13)}.lobby .skin-chip{gap:2px;padding:8px 4px 9px}.lobby .skin-art{display:grid;place-items:center;width:min(100%,72px);aspect-ratio:1}.lobby .skin-art img,.lobby .skin-art .robber-glyph{width:100%;height:100%;object-fit:contain;transition:transform var(--dur-3) var(--ease-spring)}.lobby .skin-art img{scale:1.18;transform-origin:50% 94%}.lobby .skin-name{max-width:100%;font-size:var(--fs-13);font-weight:800;line-height:1.18;color:var(--ink);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby .skin-check{background:var(--accent);box-shadow:0 0 0 2px var(--paper),0 2px 5px #c95f2866}.lobby .skin-chip:active{transform:scale(.95)}.lobby .skin-chip.selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px #e0773a29}.lobby .skin-chip.selected .skin-name{color:var(--accent-2)}.lobby .skin-chip.selected .skin-art>*{transform:translateY(-2px) scale(1.06)}.lobby .skin-chip.selected .skin-check{opacity:1;transform:none}@media (hover: hover) and (pointer: fine){.lobby .skin-chip:not(.selected):hover{background:#fffdf8;border-color:var(--paper-4)}.lobby .skin-chip:not(.selected):hover .skin-art>*{transform:translateY(-2px) rotate(-4deg)}}.lobby .seg-field{display:flex;flex-direction:column;gap:6px}.lobby .seg{width:100%}.lobby .seg .tab{flex:1 1 0;min-width:0;padding:0 10px;font-size:var(--fs-14)}.lobby .seg .tab:disabled{cursor:not-allowed}.lobby .seg-hint{font-size:var(--fs-12);font-weight:700;color:var(--ink-3);line-height:1.3}.lobby .vp-hint{margin-top:-8px}.lobby .seg-field.is-disabled .seg{opacity:.6}.lobby .mode-icon{--ic-bg: var(--accent-soft);--ic-fg: var(--accent-2);display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffffffa6,#fff0 60%),var(--ic-bg);color:var(--ic-fg)}.lobby .mode-icon.tone-teal{--ic-bg: var(--teal-soft);--ic-fg: var(--teal-2)}.lobby .mode-icon.tone-leaf{--ic-bg: var(--leaf-soft);--ic-fg: var(--leaf-2)}.lobby .mode-icon.tone-gold{--ic-bg: var(--gold-soft);--ic-fg: var(--gold-2)}.lobby .mode-icon.tone-danger{--ic-bg: var(--danger-soft);--ic-fg: var(--danger-2)}.lobby .mode-icon.tone-plum{--ic-bg: var(--plum-soft);--ic-fg: var(--plum)}.lobby .mode-icon.tone-ink{--ic-bg: var(--paper-3);--ic-fg: var(--ink-2)}.lobby .mode-glyph{width:21px;height:21px;overflow:visible}.lobby .mode-glyph .cut{fill:var(--ic-bg)}.lobby .mode-glyph .cut-line{stroke:var(--ic-bg)}.lobby .mode-icon-sm{width:30px;height:30px}.lobby .mode-icon-sm .mode-glyph{width:17px;height:17px}.lobby .mode-pop{left:0;right:0;max-width:none;padding:12px 16px 14px;cursor:pointer;box-shadow:var(--shadow-3),var(--paper-highlight);transform-origin:var(--arrow-x, 50%) 0}.lobby .mode-pop:after{left:calc(var(--arrow-x, 50%) - var(--pop-arrow) / 2)}.lobby .mode-pop-title{display:flex;align-items:center;gap:8px;margin:2px 0 6px;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-18);font-weight:700;line-height:1.2}.lobby .mode-pop-art{display:grid;place-items:center;flex:none;width:38px;height:38px;margin:-4px 0 -4px -4px}.lobby .mode-pop-art .mode-art-img{width:100%;height:100%;object-fit:contain}.lobby .mode-pop p{margin:0;font-size:var(--fs-14);font-weight:600;line-height:1.5;color:var(--ink-2)}.lobby .dis-list{list-style:none;display:flex;flex-direction:column;gap:3px;margin:8px 0 0;padding:0}.lobby .dis-row{display:flex;align-items:center;gap:9px;min-height:26px;font-size:var(--fs-13);font-weight:600;line-height:1.25;color:var(--ink-2)}.lobby .dis-row b{color:var(--ink);font-weight:800}.lobby .dis-dice{display:inline-flex;flex:none;gap:2px;color:var(--ink-2)}.lobby .dis-row.is-robber .dis-dice{color:var(--danger-2)}.lobby .pip-die{display:block;width:16px;height:16px}.lobby .dis-art{position:relative;display:grid;place-items:center;flex:none;width:24px;height:24px}.lobby .dis-art img,.lobby .dis-art .robber-glyph{width:100%;height:100%;object-fit:contain}.lobby .dis-art.is-banned img{filter:saturate(.75)}.lobby .dis-art.is-banned:after{content:"";position:absolute;left:-2px;right:-2px;top:calc(50% - 1.25px);height:2.5px;border-radius:2px;background:var(--danger);box-shadow:0 0 0 1.5px var(--paper);transform:rotate(-40deg)}.lobby .dis-row.is-robber{margin-top:3px;padding-top:6px;border-top:1.5px dashed var(--paper-3)}.lobby .dis-row.is-robber .dis-art{scale:1.2}.lobby .dis-note{margin-top:4px;font-size:var(--fs-12);font-weight:700;line-height:1.35;color:var(--ink-3)}.lobby .maps-card{display:flex;flex-direction:column;min-height:0;height:min(76dvh,820px);flex:none;padding:0;overflow:hidden}.lobby .maps-head{position:relative;z-index:1;flex:none;margin:0;padding:18px 22px 12px;align-items:flex-end;box-shadow:0 10px 14px -8px #fff9eef2}.lobby .maps-count{font-size:var(--fs-13);font-weight:800;color:var(--ink-3);white-space:nowrap}.lobby .map-grid{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px;align-content:start;padding:6px 22px 22px}.lobby .map-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:6px 6px 10px;border-radius:var(--r-lg);background:var(--paper);text-align:left;box-shadow:0 0 0 1px #3a2e2414,0 2px 6px #143c461a;touch-action:manipulation;transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}.lobby .map-card-thumb{position:relative;display:block;aspect-ratio:3 / 2;padding:7px 8px 9px;border-radius:13px;overflow:hidden;background:radial-gradient(70% 70% at 50% 46%,#7fdcd3,#7fdcd300),linear-gradient(180deg,#4cc2cb,#2ba6ba);box-shadow:inset 0 0 0 1px #0a50641f,inset 0 -8px 16px #0a50641f}.lobby .map-card-thumb .map-thumb{transition:transform var(--dur-3) var(--ease-spring)}.lobby .map-card-name{margin:9px 4px 0;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-16);font-weight:700;line-height:1.15;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby .map-card-meta{margin:2px 4px 0;font-size:var(--fs-12);font-weight:700;line-height:1.3;color:var(--ink-3)}.lobby .map-card-tight{color:var(--gold-2);font-weight:800}.lobby .map-card-check{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 0 0 2px var(--paper),0 3px 8px #782c0a4d;animation:badge-pop var(--dur-3) var(--ease-spring) both}.lobby .map-card-check svg{width:15px;height:15px}.lobby .map-card-tag{position:absolute;left:7px;bottom:7px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;border-radius:var(--r-pill);background:#fff9eedb;color:var(--ink-2);font-size:var(--fs-11);font-weight:900;letter-spacing:.04em;box-shadow:var(--shadow-1)}.lobby .map-card-tag svg{width:13px;height:13px;color:var(--ink-3)}.lobby .map-card.selected{box-shadow:0 0 0 3px var(--accent),0 0 0 7px #e0773a2e,0 8px 20px #143c462e}.lobby .map-card.selected .map-card-name{color:var(--accent-2)}.lobby .map-card.tight{opacity:.5}.lobby .map-card.tight.selected{opacity:1}.lobby .map-card:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.lobby .map-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #3a2e241a,var(--shadow-lift)}.lobby .map-card.selected:hover{box-shadow:0 0 0 3px var(--accent),0 0 0 7px #e0773a2e,var(--shadow-lift)}.lobby .map-card:hover .map-thumb{transform:scale(1.05)}.lobby .map-card.tight:hover{opacity:.8}}.lobby .map-desc-bar{position:relative;z-index:1;flex:none;padding:12px 22px 14px;box-shadow:0 -18px 22px -4px #fff9eef7;border-top:1.5px solid var(--paper-3);background:linear-gradient(180deg,var(--paper-2),var(--paper));font-size:var(--fs-14);font-weight:600;line-height:1.45;color:var(--ink-2)}.lobby .map-desc-bar b{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-16);font-weight:700;color:var(--ink)}.lobby .map-more{display:none}.lobby .maps-card.is-flow{height:auto}.lobby .maps-card.is-flow .maps-head{order:0;box-shadow:none}.lobby .maps-card.is-flow .map-desc-bar{order:1;margin:0 22px 8px;padding:10px 14px;border:0;border-radius:var(--r-md);background:var(--paper-2);box-shadow:inset 0 1px 2px #3a2e2412}.lobby .maps-card.is-flow .map-grid{order:2;flex:none;overflow:visible;padding-bottom:18px}.lobby .maps-card.is-flow .map-more{order:3;display:inline-flex;align-self:center;min-width:min(300px,calc(100% - 44px));margin:0 22px 22px}.lobby .lobby-cta{position:sticky;bottom:0;z-index:6;order:10;flex:none;display:flex;align-items:center;gap:16px;min-width:0;padding:12px 12px 12px 18px;border-radius:var(--r-xl);box-shadow:0 4px 10px #143c461f,0 22px 48px #0c405047,var(--paper-highlight)}.lobby .cta-status{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:14px}.lobby .cta-avatars{display:flex;flex:none;padding-left:6px}.lobby .cta-avatar{position:relative;margin-left:-8px;transition:opacity var(--dur-2) var(--ease-out),filter var(--dur-2) var(--ease-out)}.lobby .cta-avatar:not(.is-ready){opacity:.45;filter:grayscale(.6)}.lobby .cta-avatar-check{position:absolute;z-index:4;right:-3px;bottom:-3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--leaf);color:#fff;box-shadow:0 0 0 2px var(--paper)}.lobby .cta-avatar-check svg{width:10px;height:10px}.lobby .cta-text{display:flex;flex-direction:column;gap:2px;min-width:0}.lobby .cta-line{font-size:var(--fs-16);font-weight:800;line-height:1.25;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby .cta-actions{display:flex;gap:10px;flex:none}.lobby .cta-btn{min-width:190px}.lobby .lobby-cta.is-go .cta-btn{animation:cta-glow 2s var(--ease-in-out) infinite}@keyframes cta-glow{0%,to{box-shadow:var(--btn-shadow),0 0 #e0773a00}50%{box-shadow:var(--btn-shadow),0 0 0 7px #e0773a38}}@media (min-width: 700px){.lobby{gap:16px;padding-left:max(20px,var(--gutter-left));padding-right:max(20px,var(--gutter-right));padding-top:max(20px,var(--gutter-top))}.lobby-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"code seats" "chat seats" "settings settings";grid-template-rows:auto 1fr auto;gap:16px}.lobby .code-card{grid-area:code}.lobby .seats-card{grid-area:seats}.lobby .lchat-card{grid-area:chat}.lobby .settings-card{grid-area:settings}.lobby .settings-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"rules table" "modes modes" "robber robber";gap:26px 28px;align-items:start}.lobby .set-rules{grid-area:rules}.lobby .set-table{grid-area:table}.lobby .set-modes{grid-area:modes}.lobby .set-robber{grid-area:robber}.lobby .mode-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}.lobby .mode-card,.lobby .mode-card:last-child:nth-child(3n+1),.lobby .mode-card:nth-last-child(2):nth-child(3n+1){grid-column:span 2}.lobby .mode-card:nth-child(6n+1):nth-last-child(5){grid-column:2 / span 2}.lobby .mode-art{width:min(100% - 24px,104px)}.lobby .skin-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.lobby .skin-chip{padding-left:2px;padding-right:2px}.lobby .skin-name{font-size:var(--fs-12)}.lobby .lchat-scroll{max-height:none}.lobby{--jump-top: calc(var(--safe-top) - max(20px, var(--gutter-top)))}}@media (min-width: 960px) and (min-aspect-ratio: 5/4){.lobby{display:grid;grid-template-columns:minmax(340px,384px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"side maps" "side cta";gap:16px 18px;overflow:hidden;padding:max(18px,var(--gutter-top)) max(18px,var(--gutter-right)) max(18px,var(--gutter-bottom)) max(18px,var(--gutter-left))}.lobby-side{grid-area:side;display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:-12px -14px;padding:12px 14px}.lobby-col{display:contents}.lobby .settings-cols{display:flex;flex-direction:column;align-items:stretch;gap:24px}.lobby .mode-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.lobby .mode-card,.lobby .mode-card:nth-child(6n+1):nth-last-child(5){grid-column:span 2}.lobby .mode-card:last-child:nth-child(3n+1){grid-column:3 / span 2}.lobby .mode-card:nth-last-child(2):nth-child(3n+1){grid-column:2 / span 2}.lobby .mode-art{width:min(100% - 16px,92px)}.lobby .skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lobby .skin-chip{padding-left:4px;padding-right:4px}.lobby .skin-name{font-size:var(--fs-13)}.lobby{--jump-top: -12px}.lobby .set-section{scroll-margin-top:calc(var(--jump-h) + 12px)}.lobby .lchat-card{min-height:260px}.lobby .lchat-scroll{max-height:260px}.lobby .maps-card{grid-area:maps;height:auto}.lobby .lobby-cta{grid-area:cta;position:relative;bottom:auto}}@media (min-width: 1280px) and (min-aspect-ratio: 5/4){.lobby{grid-template-columns:clamp(300px,21vw,372px) clamp(340px,25vw,430px) minmax(0,1fr);grid-template-areas:"a b maps" "a b cta";gap:16px 18px}.lobby-side{display:contents}.lobby-col{display:flex;flex-direction:column;gap:16px;min-height:0;min-width:0}.lobby-col-a{grid-area:a}.lobby-col-b{grid-area:b}.lobby .code-card{flex:none}.lobby .seats-card{flex:0 1 auto;min-height:150px}.lobby .seats{overflow-y:auto;overscroll-behavior:contain;margin:0 -6px;padding:0 6px}.lobby .lchat-card{flex:1 1 220px;min-height:200px}.lobby .lchat-scroll{max-height:none}.lobby .settings-card{flex:1 1 auto;min-height:0;padding-right:8px}.lobby .settings-jump{margin-right:-6px}.lobby .set-section{scroll-margin-top:10px}.lobby .settings-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -2px -20px -20px;padding:2px 12px 26px 20px;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 30px),transparent 100%)}}@media (min-width: 1680px) and (min-aspect-ratio: 5/4){.lobby{gap:20px 22px;padding:24px 28px}.lobby .map-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px}}@media (min-width: 960px) and (min-aspect-ratio: 5/4) and (max-height: 800px){.lobby .lobby-card:not(.maps-card){padding:16px 18px 18px}.lobby .lobby-code{font-size:34px}.lobby .seat{min-height:52px;padding-top:6px;padding-bottom:6px}.lobby .seat-add{min-height:52px}.lobby .maps-head{padding:14px 18px 10px}.lobby .map-grid{padding:6px 18px 18px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(146px,1fr))}.lobby .map-desc-bar{padding:10px 18px 12px;font-size:var(--fs-13)}.lobby .lobby-cta{padding:10px 10px 10px 16px}.lobby .cta-btn{min-height:50px}}@media (min-width: 1280px) and (min-aspect-ratio: 5/4) and (max-height: 940px){.lobby .lobby-card:not(.maps-card){padding:16px 18px 18px}.lobby .lobby-code{font-size:34px}.lobby .code-copy{margin:6px 0;padding-top:4px;padding-bottom:4px}.lobby .seats{gap:6px}.lobby .seat{min-height:50px;padding-top:5px;padding-bottom:5px}.lobby .seats.is-many .seat{min-height:46px;padding-top:3px;padding-bottom:3px}.lobby .seat-meta{margin-top:1px}.lobby .seat-add{min-height:50px;margin-top:6px;padding-top:3px;padding-bottom:3px}.lobby .seat-colors{margin-top:12px}.lobby .lchat-card{flex:1 1 0;min-height:174px}.lobby .lchat-card .lobby-card-head{margin-bottom:8px}.lobby .lchat-scroll{min-height:70px;padding:10px 14px}.lobby .lchat-scroll[data-more-above]{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(0deg,#000 calc(100% - 12px),transparent)}.lobby .lchat-scroll[data-more-above][data-more-below]{-webkit-mask-image:linear-gradient(180deg,transparent,#000 12px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(180deg,transparent,#000 12px,#000 calc(100% - 20px),transparent)}.lobby .lchat-input{margin-top:8px}}@media (min-width: 1280px) and (min-aspect-ratio: 5/4) and (max-height: 880px){.lobby .seat-add{display:none}.lobby .seat-add-mini{display:inline-flex}}@media (min-width: 1280px) and (min-aspect-ratio: 5/4) and (max-height: 820px){.lobby{gap:12px 18px}.lobby-col{gap:12px}.lobby .lobby-card:not(.maps-card){padding:14px 16px 16px}.lobby .seats-card .lobby-card-head,.lobby .lchat-card .lobby-card-head{margin-bottom:8px}.lobby .code-copy{margin:4px 0;padding:4px 6px 4px 16px}.lobby .lobby-code{font-size:30px}.lobby .code-copy-icon{width:40px;height:40px}.lobby .seat{min-height:46px;padding-top:3px;padding-bottom:3px}.lobby .seats.is-many .seat{min-height:42px}.lobby .seat-meta{margin-top:0}.lobby .seat-kick{margin-top:-2px;margin-bottom:-2px}.lobby .seat-add{min-height:46px;padding-top:1px;padding-bottom:1px}.lobby .seat-colors{margin-top:10px;gap:8px}.lobby .swatch-grid{row-gap:8px}.lobby .lchat-card{min-height:186px}.lobby .lchat-scroll{min-height:84px;gap:5px;padding:7px 12px}}@media (max-width: 699px){.lobby{gap:12px}.lobby .lobby-card{border-radius:var(--r-lg)}.lobby .lobby-card:not(.maps-card){padding:16px 16px 18px}.lobby .lobby-code{font-size:34px;letter-spacing:.14em}.lobby .maps-card{height:min(78dvh,720px)}.lobby .maps-head{padding:16px 16px 10px}.lobby .map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 14px 16px}.lobby .map-desc-bar{padding:10px 16px 12px;font-size:var(--fs-13)}.lobby .maps-card.is-flow .map-desc-bar{margin:0 14px 6px;padding:9px 12px}.lobby .maps-card.is-flow .map-more{margin:0 14px 16px}.lobby .lobby-cta{bottom:max(8px,var(--safe-bottom));gap:10px;padding:10px 10px 10px 14px;border-radius:var(--r-lg)}.lobby .cta-avatars{display:none}.lobby .cta-line{font-size:var(--fs-14)}.lobby .cta-btn{min-width:0;padding:0 20px;min-height:50px;font-size:16px}}@media (max-width: 380px){.lobby .swatch-grid{gap:10px 4px}.lobby .mode-name,.lobby .skin-name{font-size:var(--fs-12)}}@media (pointer: coarse){.lobby .swatch{max-width:44px}.lobby .swatch-grid{gap:10px 6px}.lobby .mode-info:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%}.lobby .seat-kick,.lobby .lchat-send{width:44px;height:44px}.lobby .settings-jump-chip{min-height:44px;padding:0 11px}.lobby{--jump-h: 58px}}.code-public{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:8px 4px 0 2px;border-top:1px solid var(--hairline)}.code-public-text{display:flex;flex:1 1 auto;flex-direction:column;gap:1px;min-width:0}.code-public-label{font-size:var(--fs-14);font-weight:800;color:var(--ink)}.code-public-hint{font-size:var(--fs-12);font-weight:700;line-height:1.3;color:var(--ink-3)}.code-public.is-on .code-public-label{color:var(--teal-2)}.code-public.is-static{align-items:flex-start;min-height:44px}.code-public.is-static:before{content:"";flex:none;width:9px;height:9px;margin:6px 0 0 4px;border-radius:50%;background:var(--ink-4)}.code-public.is-static.is-on:before{background:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}.lobby .cta-looking{display:inline-flex;align-items:center;gap:7px}.lobby .cta-looking:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);animation:cta-looking 1.6s var(--ease-in-out) infinite}@keyframes cta-looking{0%,to{box-shadow:0 0 #1e9aa673}60%{box-shadow:0 0 0 6px #1e9aa600}}.lobby .settings-card.is-locked .settings-scroll :is(.slider-field,.seg-field,.mode-tile,.skin-chip,.mode-extra),.lobby .maps-card.is-locked .map-card{pointer-events:none}.lobby .settings-card.is-locked .settings-scroll .skin-chip:not(.selected),.lobby .maps-card.is-locked .map-card:not(.selected){opacity:.72}.lobby .settings-card.is-locked .settings-note{display:inline-flex;align-items:center;gap:5px;color:var(--teal-2)}.lobby .settings-card.is-locked .settings-note svg{flex:none;width:14px;height:14px}.lobby .settings-card.is-locked .seg-field.is-disabled .seg{opacity:1}.lobby .settings-card.is-locked .seg-field.is-disabled .tab:not(.active){color:var(--ink-4)}.game-stage{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none;--gutter-top: max(var(--gutter), calc(var(--safe-top) + 8px));--gutter-right: max(var(--gutter), calc(var(--safe-right) + 8px));--gutter-bottom: max(var(--gutter), calc(var(--safe-bottom) + 8px));--gutter-left: max(var(--gutter), calc(var(--safe-left) + 8px));--rail-w: 296px;--turn-w: 340px;--turn-h: 80px;--hand-w: 60px;--peek: 7px;--tool: 64px;--die: 42px;--primary: 80px;--dock-h: 94px;--hud-gap: 12px;--hud-top-base: 20px;--hud-top: var(--hud-top-base);--hud-left: 0px;--hud-right: calc(var(--gutter-right) + var(--rail-w) + 12px);--hud-bottom-base: calc(var(--gutter-bottom) + var(--dock-h) + 10px);--hud-bottom: var(--hud-bottom-base);--hud-topleft-w: calc(var(--gutter-left) + var(--turn-w) + 12px);--hud-tl-bottom: calc(var(--gutter-top) + var(--turn-h) + 10px + 44px)}.game-stage>.board-surface,.game-stage>.board-svg{position:absolute;top:0;right:0;bottom:0;left:0}@media (orientation: landscape) and (min-width: 1680px) and (min-height: 1000px){.game-stage{--rail-w: 330px;--turn-w: 380px;--turn-h: 88px;--hand-w: 70px;--peek: 8px;--tool: 70px;--die: 48px;--primary: 90px;--dock-h: 106px}}@media (orientation: landscape) and (max-width: 1220px),(orientation: landscape) and (max-height: 840px){.game-stage{--rail-w: 272px;--turn-w: 316px;--turn-h: 74px;--hand-w: 52px;--peek: 6px;--tool: 60px;--die: 38px;--primary: 72px;--dock-h: 84px;--hud-top-base: 44px}}@media (orientation: landscape) and (max-width: 1220px),(orientation: landscape) and (max-height: 840px){.hud-rail>.bank-row .res-chip{--d: 19px}.hud-rail>.bank-row .bank-chip.res-chip{padding-right:6px}}@media (orientation: landscape) and (max-height: 560px){.game-stage{--gutter: 8px;--rail-w: 228px;--turn-w: 260px;--turn-h: 58px;--hand-w: 38px;--peek: 4px;--tool: 46px;--die: 28px;--primary: 56px;--dock-h: 62px;--hud-gap: 8px;--hud-top-base: max(30px, calc(var(--gutter-top) + var(--endvote-h, -999px) + 8px));--hud-tl-bottom: calc(var(--gutter-top) + var(--turn-h) + 6px + 38px)}}@media (orientation: portrait){.game-stage{--turn-w: 360px;--turn-h: 72px;--strip-h: 58px;--hand-w: 56px;--peek: 6px;--tool: 60px;--die: 38px;--primary: 70px;--hand-row: calc(var(--hand-w) * 4 / 3 + 10px);--tool-row: calc(var(--tool) + 12px);--dock-h: calc(var(--hand-row) + 8px + var(--tool-row));--hud-top-base: calc(var(--gutter-top) + var(--turn-h) + 8px + var(--strip-h) + 12px);--hud-right: 0px;--hud-left: 0px}}@media (orientation: portrait) and (min-width: 960px){.game-stage{--turn-w: 400px;--hand-w: 66px;--peek: 8px;--tool: 66px;--die: 44px;--primary: 80px;--strip-h: 62px}}@media (orientation: portrait) and (max-width: 600px){.game-stage{--gutter: 10px;--turn-h: 60px;--strip-h: 52px;--bank-row: 36px;--hand-w: 42px;--peek: 4px;--tool: 56px;--die: 26px;--primary: 56px;--hud-gap: 8px;--hud-top-base: calc(var(--gutter-top) + var(--turn-h) + 6px + var(--strip-h) + 6px + var(--bank-row) + 8px + var(--endvote-h, -6px) + 6px)}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:var(--gutter-top) var(--gutter-right) var(--gutter-bottom) var(--gutter-left)}.hud>*{min-width:0;min-height:0}.hud-wide-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--rail-w);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"tl   rail" "dock corner";column-gap:16px;row-gap:var(--hud-gap)}.hud-tl{grid-area:tl;z-index:var(--z-hud);align-self:start;justify-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hud-rail{grid-area:rail;z-index:var(--z-hud);display:flex;flex-direction:column;gap:8px;min-height:0}.hud-dock{grid-area:dock;z-index:var(--z-hud-raised);align-self:end;display:flex;align-items:flex-end;justify-content:center;gap:14px;min-width:0}.hud-corner{grid-area:corner;z-index:var(--z-hud-raised);align-self:end;justify-self:end;display:flex;align-items:flex-end}.hud-dock:has(.dev-confirm-anchor){z-index:var(--z-popover)}.hud-dock>.build-bar,.hud-dock-row>.build-bar{position:relative;z-index:3}.hud-wide-grid>.hud-dock.has-dice{grid-column:1 / -1;justify-content:flex-start}.hud-dock.has-dice>.hand{margin-left:auto}.hud-dock.has-dice>.build-bar{margin-right:auto}.hud-dock.has-dice>.dice-cluster{flex:none}.hud-tall-grid{display:flex;flex-direction:column;justify-content:space-between}.hud-top{z-index:var(--z-hud);display:flex;flex-direction:column;gap:8px}.hud-top-row{display:flex;align-items:flex-start;gap:10px}.hud-top-row .turn-card{flex:0 1 var(--turn-w);min-width:0}.hud-top-row .bank-row{margin-left:auto;align-self:center}.hud-strip{display:flex;align-items:stretch;gap:8px;height:var(--strip-h)}.hud-tall-grid .hud-dock{align-self:stretch;flex-direction:column;align-items:stretch;gap:8px}.hud-tall-grid .hud-dock .hand{align-self:stretch;justify-content:center;height:var(--hand-row)}.hud-tall-grid .hand-warning{left:50%;translate:-50% 0}.hud-tall-grid .hand-empty{margin-inline:auto}.hud-dock-row.is-hand-row{align-items:flex-end}.hud-dock-row.is-hand-row .hand{flex:1 1 auto;min-width:0}.hud-tall-grid .hud-dock .hand{justify-content:safe center}.is-phone .hud-dock-row.is-hand-row>.dice-cluster{position:relative}.is-phone .hud-dock-row.is-hand-row>.dice-cluster>.special-build-flag{position:absolute;right:calc((var(--primary) - 44px) / 2);bottom:calc(100% + 10px);margin:0}.game-stage.hud-phone:not(.is-discarding):has(.dice-cluster>.special-build-flag:not([aria-disabled=true])),.game-stage.hud-phone:not(.is-discarding):has(.hand-warning){--hud-bottom: calc(var(--hud-bottom-base) + 54px)}.is-phone .hud-dock>.build-bar{align-self:center;max-width:100%}.hud-dock-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;min-width:0}.hud-dock-row .build-bar{flex:0 1 auto;min-width:0;margin-inline:auto}.hud-dock-row .dice-cluster{flex:none}.is-phone .hud-top{gap:6px}.is-phone .hud-top-row{gap:8px}.is-phone .hud-top-row .turn-card{flex:1 1 auto}.is-phone>.hud-top>.bank-row{align-self:center}.endvote-lane.is-hud>.endvote-pill{flex:1 1 auto;max-width:none;pointer-events:auto}.game-stage.is-discarding{--hud-bottom: calc(var(--gutter-bottom) + max(var(--dock-h) + 10px, var(--discard-h, 210px) + 8px))}.game-stage.is-discarding .hud-dock>.hand,.game-stage.is-discarding .hud-dock>.build-bar,.game-stage.is-discarding .hud-dock-row>.build-bar,.game-stage.is-discarding .hud-dock-row>.hand{opacity:0;translate:0 24px;pointer-events:none;visibility:hidden;transition:opacity var(--dur-2) var(--ease-out),translate var(--dur-3) var(--ease-out),visibility 0s linear var(--dur-3)}.game-stage.is-discarding .hud-dock *{pointer-events:none}.game-stage.is-discarding .hud-tall-grid .dice-cluster{opacity:0;visibility:hidden}.game-stage.is-discarding .hud-dock .dice-cluster,.game-stage.is-discarding .hud-dock .dice-cluster *{pointer-events:auto}@media (orientation: landscape) and (min-width: 901px) and (min-height: 561px){.game-stage.trading{--hud-top: max(var(--hud-top-base), calc(var(--gutter-top) + var(--offer-h, -999px) + 12px))}}@media (orientation: portrait) and (min-width: 601px){.game-stage.trading{--tray-top: calc(var(--hud-top-base) + 8px);--hud-top: max(var(--hud-top-base), calc(var(--hud-top-base) + 8px + var(--offer-h, -999px) + 12px))}}@media (orientation: landscape) and (min-height: 561px),(orientation: portrait) and (min-width: 601px){.game-stage.is-composing{--composer-bottom: calc(var(--hud-bottom-base) + 12px);--hud-bottom: min( calc(100dvh - var(--hud-top) - 200px), calc(100dvh + var(--hud-top) - 2 * var(--hud-tl-bottom) - 112px), max(var(--hud-bottom-base), calc(var(--hud-bottom-base) + 12px + var(--composer-h, -999px) + 8px)) )}}.game-stage.perk-drafting .hud{display:none}.turn-card{pointer-events:auto;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;width:var(--turn-w);max-width:100%;height:var(--turn-h);padding:10px 14px 10px 12px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2),var(--paper-highlight);transition:box-shadow var(--dur-3) var(--ease-out)}.turn-card.is-attention{--glow: 224, 119, 58;box-shadow:var(--shadow-2),var(--paper-highlight),0 0 0 2px rgba(var(--glow),.55)}.turn-card.is-attention.is-low{--glow: 216, 80, 63}.turn-card.is-attention:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 4px rgba(var(--glow),.2),0 0 22px 2px rgba(var(--glow),.4);pointer-events:none;opacity:.25;animation:hud-breathe 2.4s var(--ease-in-out) infinite}@keyframes hud-breathe{0%,to{opacity:.25}50%{opacity:1}}.turn-avatar{margin-left:2px}.turn-avatar.pavatar{--size: calc(var(--turn-h) - 30px) !important}.turn-avatar-empty{display:grid;place-items:center;width:calc(var(--turn-h) - 30px);height:calc(var(--turn-h) - 30px);border-radius:50%;background:var(--gold-soft);color:var(--gold-2);font-size:22px}.turn-text{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.turn-top{display:flex;align-items:center;gap:8px;min-width:0}.turn-text .eyebrow{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-card .eyebrow.is-gold{color:var(--gold-2)}.turn-title{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-optical-sizing:auto;font-weight:700;font-size:calc(var(--turn-h) * .26);line-height:1.1;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-text:not(:has(.turn-hint)) .turn-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;text-wrap:balance;font-size:calc(var(--turn-h) * .235)}.turn-hint{position:relative;font-size:12px;font-weight:700;color:var(--ink-2);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint-short{display:none}.turn-hint.use-short .hint-short{display:inline}.turn-hint.use-short .hint-long{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}.turn-timer{flex:none;margin:-3px -2px -3px auto;min-width:46px;padding:2px 8px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-2);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums lining-nums;font-weight:700;font-size:13.5px;line-height:1.2;text-align:center;box-shadow:inset 0 1px 2px #3a2e2414}.turn-timer.is-low{background:var(--danger-soft);color:var(--danger-2);animation:timer-tick 1s var(--ease-in-out) infinite}@keyframes timer-tick{0%,to{transform:none}12%{transform:scale(1.08)}24%{transform:none}}.hud-utils{position:relative;display:flex;gap:8px;pointer-events:auto}.hud-btn{color:var(--ink-2)}.hud-btn>svg{width:22px;height:22px}.hud-btn[aria-pressed=true]{background:var(--paper-2);color:var(--ink-3);box-shadow:var(--shadow-1),inset 0 1px 3px #3a2e241f}.hud-btn .badge{top:-5px;right:-5px}.hud-settings{top:calc(100% + 14px);left:0;width:264px;padding:14px 16px 12px;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.hud-settings:after{left:120px}.hud-utils.is-compact .hud-settings:after{left:68px}.hud-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.hud-setting-label{font-weight:800;font-size:14px;color:var(--ink)}.hud-setting .tabs{flex:none}.hud-setting .tab{padding:0 14px;min-height:32px}.hud-setting-modes{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1.5px solid var(--paper-2)}.is-phone .hud-settings{left:auto;right:0}.is-phone .hud-settings:after{left:auto;right:16px}.hud-tall-grid .hud-utils{flex:none;align-self:center}.prow-stack{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:4px;margin:-4px}.prow-stack::-webkit-scrollbar{display:none}.hud-rail>.prow-stack{flex:0 1 auto;min-height:96px}.hud-rail>.prow-stack:not(:has(>.prow+.prow)){flex-shrink:0;min-height:0}.hud-rail>.prow-stack.more-bottom{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent)}.hud-rail>.prow-stack.more-top{-webkit-mask-image:linear-gradient(180deg,transparent,#000 40px);mask-image:linear-gradient(180deg,transparent,#000 40px)}.hud-rail>.prow-stack.more-top.more-bottom{-webkit-mask-image:linear-gradient(180deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}.prow{--pc: #888;pointer-events:auto;position:relative;flex:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"av main vp";align-items:center;column-gap:11px;min-height:62px;padding:8px 12px 8px 10px;border-radius:var(--r-md);border:var(--border);background:var(--paper);background:linear-gradient(100deg,color-mix(in srgb,var(--pc) 16%,var(--paper)) 0%,var(--paper) 46%);box-shadow:var(--shadow-2),var(--paper-highlight);transition:box-shadow var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-spring)}.prow:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--pc);box-shadow:0 0 0 1px #3a2e242e}.prow-avatar{grid-area:av}.prow-main{grid-area:main;display:flex;flex-direction:column;gap:4px;min-width:0}.prow-name-line{display:flex;align-items:center;gap:5px;min-width:0}.prow-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:14.5px;line-height:1.15;color:var(--ink)}.prow-you,.prow-offline{flex:none;padding:1px 6px;border-radius:var(--r-pill);font-size:var(--fs-11, 11px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}.prow-you{background:var(--accent-soft);color:var(--accent-2)}.prow-offline{background:var(--paper-2);color:var(--ink-3)}.prow .perk-badge-row{margin-left:auto;margin-right:7px;flex:none}.prow-stats{display:flex;align-items:center;gap:5px;min-width:0}.prow-stats.tip-trigger{position:relative;cursor:help;text-align:left;border-radius:var(--r-pill)}.prow-stats.tip-trigger:before{content:"";position:absolute;inset:min(-10px,calc((100% - 44px)/2)) 0}.prow-stats.open{background:#3a2e240f;box-shadow:0 0 0 3px #3a2e240f}.stat-tip-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;margin-top:1px}.stat-tip-card.gcard{--w: 17px;--frame: 1.5px;--radius: 3px;box-shadow:0 0 0 1px #3a2e2433}.stat-tip-card .gcard-emblem{display:none}.prow-stat{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 6px 0 3px;border-radius:var(--r-pill);background:#3a2e240d;color:var(--ink-2);font-size:12.5px;line-height:1;font-variant-numeric:tabular-nums;flex:none}.prow-stat b{font-weight:900;color:var(--ink)}.prow-stat .game-icon{width:17px!important;height:17px!important}.prow-stat-card.gcard{--w: 13px;--frame: 1.5px;--radius: 3px;box-shadow:0 0 0 1px #3a2e2433}.prow-stat-card .gcard-emblem{display:none}.prow-stat.is-danger{background:var(--danger-soft);color:var(--danger-2)}.prow-stat.is-danger b{color:var(--danger-2)}.award-metric{opacity:.8}.award-metric.is-held{opacity:1;background:linear-gradient(180deg,#FFF1C2,var(--gold-soft));box-shadow:inset 0 0 0 1.5px #c9951f8c}.award-metric.is-held b{color:#7a560c}.prow-vp{grid-area:vp;display:flex;flex-direction:column;align-items:center;min-width:34px;line-height:1}.prow-vp b{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums lining-nums;font-weight:800;font-size:25px;letter-spacing:-.02em;color:var(--ink)}.prow-vp small{margin-top:2px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.prow-vp.has-hidden b{color:var(--accent-2)}.prow-vp.has-hidden small{display:inline-flex;align-items:center;letter-spacing:.02em;text-transform:none;font-weight:800}.prow-vp.tip-trigger{position:relative;cursor:help;color:inherit;font:inherit}.prow-vp.tip-trigger:before{content:"";position:absolute;top:-8px;right:-6px;bottom:-8px;left:-6px}.vp-hidden{display:inline-flex;align-items:center;color:var(--accent-2)}.vp-lock{width:9px;height:9px;margin:0 1px}.prow.is-current{box-shadow:0 0 0 2.5px var(--accent),0 6px 22px #e0773a47,var(--paper-highlight)}.prow.is-mine{background:linear-gradient(100deg,color-mix(in srgb,var(--pc) 20%,var(--paper)),#fffcf5 50%)}.hud-rail>.prow.is-mine{min-height:68px}.prow.is-offline .prow-name{color:var(--ink-3)}.prow.is-winner{box-shadow:0 0 0 2.5px var(--gold),0 6px 22px #e8b53e59,var(--paper-highlight)}.prow.prow-card-pulse{animation:prow-card-pulse 1.15s var(--ease-in-out) infinite;box-shadow:0 0 0 2.5px #e8b53ed9,0 0 0 7px #e8b53e38,var(--shadow-2)}@keyframes prow-card-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}.hud-rail .prow-stack.is-many{gap:6px}.hud-rail .prow-stack.is-many .prow{min-height:52px;padding-block:5px;column-gap:9px}.hud-rail .prow-stack.is-many .pavatar{--size: 32px !important}.hud-rail .prow-stack.is-many .prow-main{gap:2px}.hud-rail .prow-stack.is-many .prow-vp b{font-size:21px}.hud-strip .prow-stack{flex:1 1 auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:4px;-webkit-overflow-scrolling:touch}.hud-strip .prow{scroll-snap-align:start;flex:1 0 168px;max-width:236px;width:auto;min-height:0;height:var(--strip-h);grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"av name  vp" "av stats stats";column-gap:8px;row-gap:3px;padding:6px 10px 6px 8px;align-content:center}.hud-strip .prow-main{display:contents}.hud-strip .prow-name-line{grid-area:name}.hud-strip .prow-stats{grid-area:stats;gap:2px;min-width:0;clip-path:inset(-12px 0)}.hud-strip .prow-vp{align-self:center;min-width:22px}.hud-strip .prow-vp b{font-size:20px}.hud-strip .prow-vp small{display:none}.hud-strip .prow-vp.has-hidden small{display:inline-flex;margin-top:1px;font-size:11px}.hud-strip .prow{--strip-av: 34px}.hud-strip .pavatar{--size: var(--strip-av) !important}.hud-strip .prow-name{font-size:13.5px}.hud-strip .prow-you{display:none}.hud-strip .prow-stat{height:20px;padding:0 2px 0 1px;gap:2px;font-size:12px;background:none}.hud-strip .award-metric.is-held{padding:0 3px 0 2px}.hud-strip .prow-stat.is-danger{padding:0 3px 0 2px;background:var(--danger-soft)}.hud-strip .prow-stat .game-icon{width:13px!important;height:13px!important}.hud-strip .prow-stat-card.gcard{--w: 10px}.perk-badge-row.is-compact{display:none}.hud-strip .perk-badge-row.is-compact{display:inline-flex}:is(.hud-strip,.hud-rail) .perk-badge-row.is-compact{grid-area:av;align-self:center;justify-self:center;z-index:3;width:var(--strip-av);height:var(--strip-av);margin:0;border-radius:50%}:is(.hud-strip,.hud-rail) .perk-badge-row.is-compact:before{inset:calc((var(--strip-av) - 44px) / 2)}:is(.hud-strip,.hud-rail) .perk-badge-row.is-compact>.perk-badge{position:absolute;right:-5px;bottom:-4px;width:19px;height:19px}:is(.hud-strip,.hud-rail) .perk-badge-row.is-compact>.perk-badge img{filter:drop-shadow(0 0 1px var(--paper)) drop-shadow(0 1px 1.5px rgba(58,46,36,.35))}:is(.hud-strip,.hud-rail) .perk-badge-row.is-compact>.perk-badge:first-child{z-index:1}:is(.hud-strip,.hud-rail) .perk-badge-row.is-compact>.perk-badge:nth-child(2){right:0;bottom:0;rotate:-14deg}.hud-strip>.prow.is-mine{flex:1 0 178px}.hud-strip .prow-stack.more-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}.hud-strip .prow-stack.more-left{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px);mask-image:linear-gradient(90deg,transparent,#000 36px)}.hud-strip .prow-stack.more-left.more-right{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent)}.hud-strip .prow:before{top:10px;bottom:10px}.hud-strip .award-metric.is-zero{display:none}.hud-strip .prow-vp.has-hidden{flex-direction:row-reverse;align-items:baseline;gap:4px}.hud-strip .prow-vp.has-hidden small{margin-top:0}.hud-strip .prow{flex-basis:176px}.hud-strip .prow.is-mine{flex-basis:184px}@media (orientation: portrait) and (min-width: 960px){.hud-strip .prow-stack>.prow{flex-shrink:1;min-width:150px;column-gap:6px;padding-inline:7px 8px}.hud-strip .prow-stack>.prow .prow-vp{min-width:18px}}.is-phone .hud-strip .prow{flex:1 0 158px;max-width:210px;column-gap:7px;padding-inline:7px 8px}.is-phone .hud-strip .prow.is-mine{flex-basis:170px}.is-phone .hud-strip .award-metric:not(.is-held){display:none}.is-phone .hud-strip .prow{--strip-av: 30px}.bank-row{pointer-events:auto;flex:none;display:flex;align-items:center;gap:4px;padding:5px 8px 5px 6px;border-radius:var(--r-pill);background:var(--paper);border:var(--border);box-shadow:var(--shadow-2),var(--paper-highlight)}.bank-head{display:inline-flex;align-items:center;gap:6px;flex:none}.bank-label{display:none}.bank-chips{display:inline-flex;align-items:center;gap:2px}.bank-extras{display:inline-flex;align-items:center;gap:4px}.hud-rail>.bank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head extras" "chips chips";row-gap:4px;padding:7px 10px;border-radius:var(--r-md)}.hud-rail>.bank-row .bank-head{grid-area:head;min-width:0}.hud-rail>.bank-row .bank-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-11);font-weight:800;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-3)}.hud-rail>.bank-row .bank-extras{grid-area:extras;justify-self:end}.hud-rail>.bank-row .bank-chips{grid-area:chips;justify-content:space-between}.bank-icon{display:grid;place-items:center;width:26px;height:26px;flex:none}.hud-rail>.bank-row .bank-icon{width:22px;height:22px}.hud-rail>.bank-row .bank-icon .game-icon{width:20px!important;height:20px!important}.bank-chip.res-chip{position:relative;background:transparent;gap:2px;padding-right:4px}.hud-rail>.bank-row .bank-chip.res-chip{background:var(--paper-2);padding-right:8px}.bank-chip .res-chip-count{font-size:13px}.bank-chip.is-embargoed{background:var(--danger-soft)!important}.bank-chip.is-embargoed .res-chip-disc{filter:saturate(.3)}.bank-chip.is-embargoed .res-chip-count{color:var(--danger-2);text-decoration:line-through;text-decoration-thickness:2px}.bank-embargo{position:absolute;left:3px;top:50%;width:20px;height:2.5px;margin-top:-1.25px;border-radius:2px;background:var(--danger);transform:rotate(-45deg);box-shadow:0 0 0 1px var(--paper)}.bank-dev,.bank-robber{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 7px 0 4px;border-radius:var(--r-pill);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums lining-nums;font-weight:800;font-size:13px;color:var(--ink)}.hud-rail>.bank-row .bank-dev{background:var(--plum-soft);height:24px}.bank-dev-card.gcard{--w: 15px;--frame: 1.5px;--radius: 3px}.bank-dev-card .gcard-emblem{width:80%}.bank-robber{position:relative;z-index:1;background:var(--plum-soft);color:var(--plum);cursor:help}.bank-robber-art{width:20px;height:20px;object-fit:contain;flex:none}.bank-robber:before{content:"";position:absolute;top:-9px;right:-4px;bottom:-9px;left:-4px}.mode-flags{position:relative;z-index:1;display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 3px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-2);cursor:help;transition:background-color var(--dur-2) var(--ease-out)}.mode-flags:before{content:"";position:absolute;inset:min(-9px,calc((100% - 44px)/2)) min(-4px,calc((100% - 44px)/2))}.mode-flags.open{background:var(--accent-soft)}.mode-flag{--ic-bg: var(--gold-soft);--ic-fg: var(--gold-2);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ic-bg);color:var(--ic-fg)}.mode-flag>svg{width:13px;height:13px}.mode-flag.tone-danger{--ic-bg: var(--danger-soft);--ic-fg: var(--danger-2)}.mode-flag.tone-leaf{--ic-bg: var(--leaf-soft);--ic-fg: var(--leaf-2)}.mode-flag.tone-teal{--ic-bg: var(--teal-soft);--ic-fg: var(--teal-2)}.mode-more{padding:0 3px 0 1px;font-size:11px;font-weight:900;color:var(--ink-2)}.mode-circle>svg{width:62%;height:62%}@media (hover: hover) and (pointer: fine){.mode-flags:hover{background:var(--accent-soft)}}.log-card{pointer-events:auto;flex:0 0 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--paper);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2),var(--paper-highlight)}.log-card.is-open{flex:1 1 0;min-height:236px;max-height:460px;animation:rise-in var(--dur-3) var(--ease-out) both}.log-card.is-open:has(.log-scroll.is-chat){min-height:324px}.log-card .chat-input-row{padding-bottom:10px}.log-card-head{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px 8px 14px;text-align:left;color:var(--ink)}.log-card-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.log-card-head .badge{position:static;box-shadow:none}.log-card-chevron{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--paper-2);color:var(--ink-2)}.log-card-chevron svg{width:18px;height:18px}@media (hover: hover) and (pointer: fine){.log-card-head:hover .log-card-chevron{background:var(--accent-soft);color:var(--accent-2)}}.log-preview{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink-2)}.log-preview .log-res-list,.log-preview .log-res-item{display:inline}.log-panel{display:flex;flex-direction:column;min-height:0;height:100%}.log-head{display:flex;align-items:center;gap:8px;padding:10px 10px 8px 12px;flex:none}.log-head .tabs{flex:1}.log-head .tab{flex:1;min-height:32px;padding:0 10px}.log-head .tab-count{position:static;min-width:18px;height:18px;font-size:10px;margin-left:4px;box-shadow:none}.log-head .icon-btn-sm{width:34px;height:34px;box-shadow:var(--shadow-1)}.log-head .icon-btn-sm svg{width:18px;height:18px}.log-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 10px;display:flex;flex-direction:column;font-size:13.5px;line-height:1.4;color:var(--ink);user-select:text;-webkit-user-select:text}.log-scroll.is-scrolled{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18px);mask-image:linear-gradient(180deg,transparent 0,#000 18px)}.log-list{display:flex;flex-direction:column;gap:5px;flex:1 0 auto}.log-entry{animation:fade-in var(--dur-2) var(--ease-out) both}.log-entry.is-turn-end{margin:3px 0 1px;padding-top:6px;border-top:1.5px dashed var(--paper-3);font-size:12px}.log-entry.is-roll .log-num{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 5px;border-radius:7px;background:var(--paper-2);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:800;vertical-align:1px}.who{font-weight:900;color:color-mix(in srgb,var(--pc, var(--ink)) 60%,var(--ink))}.who.is-light{color:var(--ink)}.who.is-light:before{content:"";display:inline-block;width:8px;height:8px;margin:0 4px 1px 1px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 1px #3a2e2473;vertical-align:middle}.dim{color:var(--ink-3);font-weight:600}.log-res{width:18px;height:18px;object-fit:contain;vertical-align:-4px;filter:drop-shadow(0 1px 0 rgba(58,46,36,.18))}.log-res-list{display:inline-flex;flex-wrap:wrap;gap:2px 6px;vertical-align:-3px}.log-res-item{display:inline-flex;align-items:center;gap:1px}.log-res-item b{font-weight:900}.log-piece{width:18px!important;height:18px!important;vertical-align:-4px}.log-piece.is-light{filter:drop-shadow(0 0 .8px rgba(58,46,36,.75)) drop-shadow(0 1px 1px rgba(58,46,36,.25))}.log-alert{color:var(--danger-2)}.log-disaster{position:relative;display:inline-block;margin-right:5px}.log-disaster:after{content:"";position:absolute;top:-2px;right:-3px;width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 1.5px var(--paper)}.log-win{color:var(--gold-2)}.log-win .game-icon{vertical-align:-4px}.log-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:220px;padding:18px 0;color:var(--ink-3);font-size:13px;font-weight:700;line-height:1.35;text-align:center}.chat-line{overflow-wrap:anywhere}.chat-line .who:after{content:":";color:var(--ink-3);margin-right:5px}.chat-text{color:var(--ink);font-weight:600}.dice-stats{display:flex;flex-direction:column;gap:8px;height:100%;min-height:150px;padding:4px 0}.dice-stats-head{font-size:12.5px;color:var(--ink-2);text-align:center}.dice-stats-head b{font-family:var(--font-display);font-weight:800;color:var(--ink)}.dice-bars{flex:1;min-height:120px;display:flex;align-items:stretch;gap:4px}.dice-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.dice-bar-count{font-size:10.5px;font-weight:800;color:var(--ink-3);min-height:13px;font-variant-numeric:tabular-nums}.dice-bar-track{flex:1;width:100%;max-width:20px;display:flex;align-items:flex-end;border-radius:6px;background:var(--paper-2);overflow:hidden}.dice-bar{width:100%;min-height:3px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#F3CB62,var(--gold-2));transition:height var(--dur-3) var(--ease-out)}.dice-bar.is-seven{background:linear-gradient(180deg,#E6705F,var(--danger-2))}.dice-bar-label{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:800;font-size:12px;color:var(--ink-2)}.dice-bar-label.is-red{color:#c8402f}.quick-chat{display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px 0;border-top:1.5px solid var(--paper-2);flex:none}.log-card .quick-chat{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}.log-card .quick-chat::-webkit-scrollbar{display:none}@media (hover: hover) and (pointer: fine){.log-card .quick-chat{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}.quick-chip{flex:none}.quick-chip{min-height:28px;padding:0 10px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-2);font-size:12px;font-weight:800;white-space:nowrap;transition:transform var(--dur-1) var(--ease-spring),background-color var(--dur-2) var(--ease-out)}.quick-chip:active{transform:scale(.94)}@media (hover: hover) and (pointer: fine){.quick-chip:hover{background:var(--accent-soft);color:var(--accent-2)}}.chat-input-row{display:flex;align-items:center;gap:8px;padding:8px 12px 12px;flex:none}.chat-input-row .input{flex:1;min-width:0;min-height:40px}.chat-send{flex:none;color:var(--accent-2)}.chat-send>svg{width:18px;height:18px}.log-drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-drawer);width:min(380px,90vw);display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-right:var(--safe-right);background:var(--paper);border-radius:var(--r-xl) 0 0 var(--r-xl);box-shadow:-8px 0 24px #143c461a,-24px 0 60px #143c4638;transform:translate(calc(100% + 24px));visibility:hidden;transition:transform var(--dur-4) var(--ease-out),visibility 0s linear var(--dur-4)}.log-drawer.is-open{transform:none;visibility:visible;transition:transform var(--dur-4) var(--ease-spring),visibility 0s}.log-drawer .log-head{padding-top:14px}.log-drawer .quick-chip{min-height:36px;font-size:13px}.log-drawer .chat-input-row .input{min-height:44px}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-drawer) - 1);background:var(--backdrop-tint);animation:fade-in var(--dur-2) var(--ease-out) both}.hand{position:relative;display:flex;align-items:flex-end;gap:12px;min-width:0;flex:0 1 auto;pointer-events:none}.hand .gcard{--w: var(--hand-w)}.hand-res,.hand-dev{display:flex;align-items:flex-end}.hand{--res-gap: 8px}.hand-res{gap:var(--res-gap);flex:0 1 auto;position:relative;z-index:2;min-width:calc((var(--res-n, 1) - 1) * (var(--hand-w) * .5 + 8px) + var(--hand-w) * 1.1 + var(--peek) * 3)}.hand{--dev-min: calc(var(--hand-w) * .42)}.hand-dev{position:relative;z-index:1;gap:0;flex:0 1 auto;min-width:calc((var(--dev-n, 1) - 1) * var(--dev-min) + var(--hand-w) * 1.12 + 14px);padding-left:12px;padding-right:calc(var(--hand-w) * .12);border-left:2px dashed rgba(255,249,238,.7)}.hand-res:empty{display:none}.hand.is-tight .hand-res{gap:3px;min-width:calc((var(--res-n, 1) - 1) * (var(--hand-w) * .42 + 3px) + var(--hand-w) * 1.1)}.hand.is-tight .stack-wrap:not(.is-zero){width:var(--hand-w);min-width:calc(var(--hand-w) * .42)}.hand.is-tight .stack-wrap>.stack-under{display:none}.hand.is-tight .stack-wrap>.stack-top{left:0}.hand.is-tight .stack-wrap.is-last{width:var(--hand-w)}.stack-wrap{position:relative;flex:0 1 auto;width:calc(var(--hand-w) + (var(--n, 1) - 1) * var(--peek));min-width:calc(var(--hand-w) * .5);height:calc(var(--hand-w) * 4 / 3)}.stack-wrap:nth-child(1){z-index:6}.stack-wrap:nth-child(2){z-index:5}.stack-wrap:nth-child(3){z-index:4}.stack-wrap:nth-child(4){z-index:3}.stack-wrap:nth-child(5){z-index:2}.stack-wrap.is-zero{width:0;min-width:0;flex:none}.stack-wrap.is-last{flex-shrink:0;margin-right:calc(var(--hand-w) * .1)}.stack-wrap>.gcard{position:absolute;bottom:0;left:calc(var(--i, 0) * var(--peek));rotate:calc((var(--i, 0) - var(--n, 1) + 1) * 2.2deg);pointer-events:auto}.stack-wrap>.stack-under{pointer-events:none;filter:brightness(.97)}.stack-wrap>.stack-top{rotate:0deg}.hand.is-tradeable .stack-top:not(:disabled){cursor:pointer}.stack-wrap>.stack-top:disabled{cursor:default}.hand .gcard-badge{font-size:clamp(11px,calc(var(--w) * .22),15px)}.dev-wrap{position:relative;flex:0 1 auto;width:calc(var(--hand-w) * .8);min-width:var(--dev-min);height:calc(var(--hand-w) * 4 / 3)}.hand-dev.is-folded{min-width:0;flex-shrink:0}.dev-name{position:absolute;left:calc(var(--hand-w) / 2);bottom:calc(var(--hand-w) * 4 / 3 + 10px);z-index:9;translate:-50% 4px;padding:3px 9px;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font-size:12px;font-weight:800;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-1) var(--ease-out),translate var(--dur-2) var(--ease-spring)}@media (hover: hover) and (pointer: fine){.dev-wrap:hover{z-index:7}.dev-wrap:hover:not(.is-open) .dev-name{opacity:1;translate:-50% 0}}.dev-tag{position:absolute;left:0;right:0;bottom:0;height:var(--tag-h, 14px);display:none;place-items:center;padding-bottom:1px;font-family:var(--font-ui);font-size:min(11px,max(8px,calc((var(--w) - 5px) / var(--em, 3))));font-weight:800;line-height:1;color:var(--ink-2);white-space:nowrap;pointer-events:none}.dev-wrap.dev-fold{width:calc(var(--hand-w) + (var(--n, 1) - 1) * var(--peek));min-width:calc(var(--hand-w) + (var(--n, 1) - 1) * var(--peek));flex:none}.dev-fold>.gcard,.dev-fold-top{position:absolute;bottom:0;left:calc(var(--i, 0) * var(--peek))}.dev-fold>.dev-fold-under{rotate:calc((var(--i, 0) - var(--n, 1) + 1) * 2.2deg);filter:brightness(.97)}.dev-fold-top{pointer-events:auto;display:block;border-radius:calc(var(--hand-w) * .13);touch-action:manipulation}.dev-fold-top>.gcard{display:block;transition:translate var(--dur-2) var(--ease-spring)}.dev-fold-top.is-open>.gcard{translate:0 calc(var(--hand-w) * -.12)}.dev-fold-top:before{content:"";position:absolute;top:-6px;right:-4px;bottom:-6px;left:-4px}.dev-fold-label{position:absolute;left:50%;bottom:calc(var(--hand-w) * .1);translate:-50% 0;padding:1px 7px;border-radius:var(--r-pill);background:var(--paper);color:var(--plum);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-1);pointer-events:none}@media (hover: hover) and (pointer: fine){.dev-fold-top:hover>.gcard{translate:0 calc(var(--hand-w) * -.08)}}.dev-picker{display:flex;flex-direction:column;gap:10px}.dev-picker-list{display:flex;flex-direction:column;gap:6px}.dev-picker-item{display:flex;align-items:center;gap:12px;min-height:60px;padding:6px 10px 6px 6px;border-radius:var(--r-md);background:var(--paper-2);color:var(--ink);text-align:left;transition:background-color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-spring)}.dev-picker-item:active{transform:scale(.97)}.dev-picker-item.is-blocked .dev-picker-art{filter:saturate(.35)}.dev-picker-art.gcard{--w: 40px;flex:none}.dev-picker-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dev-picker-text b{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:700;font-size:16px;line-height:1.15}.dev-picker-text>span{font-size:12.5px;font-weight:600;color:var(--ink-2);line-height:1.3}.dev-picker-count{font-family:var(--font-ui);font-size:13px;font-weight:800;color:var(--ink-3)}@media (hover: hover) and (pointer: fine){.dev-picker-item:hover{background:var(--accent-soft)}}.dev-wrap:last-child{width:var(--hand-w);flex-shrink:0}.dev-wrap>.gcard{position:absolute;left:0;bottom:0;pointer-events:auto}.dev-wrap:nth-child(1){z-index:6}.dev-wrap:nth-child(2){z-index:5}.dev-wrap:nth-child(3){z-index:4}.dev-wrap:nth-child(4){z-index:3}.dev-wrap:nth-child(5){z-index:2}.dev-wrap.is-open{z-index:8}.dev-stack.is-blocked{filter:saturate(.3) brightness(1.03)}.dev-stack.is-blocked .gcard-panel{opacity:.8}.hand-dev .gcard-tag{top:auto;bottom:calc(var(--w) * .08)}.floater{position:absolute;left:50%;top:-4px;z-index:8;translate:-50% 0;padding:2px 8px;border-radius:var(--r-pill);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:800;font-size:15px;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:0 0 0 2px var(--paper),var(--shadow-1);animation:float-up 1.1s var(--ease-out) calc(var(--stagger, 0) * 60ms) both}.floater.is-plus{background:var(--leaf);color:#fff}.floater.is-minus{background:var(--danger);color:#fff}.stack-wrap.is-zero .floater{top:calc(var(--hand-w) * .5)}.hand-warning{position:absolute;left:0;bottom:calc(100% + 10px);z-index:9;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px 0 6px;border-radius:var(--r-pill);background:#fdebe6;background:color-mix(in srgb,var(--danger-soft) 70%,var(--paper));color:var(--danger-2);border:1px solid rgba(216,80,63,.25);font-size:12px;font-weight:800;white-space:nowrap;box-shadow:var(--shadow-1);pointer-events:none;animation:pop-in var(--dur-4) var(--ease-out) both}.hand-warning:before{content:"!";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--danger);color:#fff;font-weight:900;font-size:11px}.hand-warning b{font-family:var(--font-display);font-weight:800;font-size:14px}.hand-warning.is-urgent{background:var(--danger);color:#fff;border-color:transparent;box-shadow:0 0 0 2px var(--paper),var(--shadow-2);animation:pop-in var(--dur-4) var(--ease-out) both,wiggle .6s var(--ease-in-out) .3s 1}.hand-warning.is-urgent:before{background:#fff;color:var(--danger)}.hand-empty{pointer-events:auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:340px;padding:9px 16px 10px;border-radius:var(--r-md);background:var(--paper);border:var(--border);box-shadow:var(--shadow-2),var(--paper-highlight);color:var(--ink-2);font-size:13px;font-weight:700;line-height:1.35;text-align:center}.dev-confirm-anchor{position:absolute;right:0;bottom:calc(100% + 16px);z-index:var(--z-popover);pointer-events:auto}.dev-confirm{width:320px;padding:14px 16px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3),var(--paper-highlight);transform-origin:80% 100%;animation:pop-in var(--dur-4) var(--ease-out) both}.dev-confirm-body{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}.dev-confirm-art.gcard{--w: 74px;rotate:-4deg;flex:none}.dev-confirm-text{min-width:0;padding-top:2px}.dev-confirm-title{display:block;margin:3px 0 4px;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:21px;font-weight:700;line-height:1.1}.dev-confirm p{font-size:13px;line-height:1.4;color:var(--ink-2)}.dev-confirm .dev-confirm-note{margin-top:8px;padding:5px 9px;border-radius:var(--r-xs);background:var(--gold-soft);color:#7a560c;font-weight:800;font-size:12.5px}.dev-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.build-bar{pointer-events:auto;flex:none;gap:3px;padding:6px;border-radius:calc(var(--r-lg) + 2px);background:var(--paper);border:var(--border);box-shadow:var(--shadow-2),var(--paper-highlight);-webkit-backdrop-filter:none;backdrop-filter:none}.build-bar .toolbar-sep{margin:10px 3px}.build-tool.tool-btn{width:auto;min-width:var(--tool);height:var(--tool);padding:3px 5px 4px;gap:1px;justify-content:flex-end;color:var(--ink-2);border-radius:var(--r-md)}.build-tool-icon{display:grid;place-items:center;flex:none;width:calc(var(--tool) * .46);height:calc(var(--tool) * .46);margin-bottom:1px;transition:transform var(--dur-2) var(--ease-spring),filter var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}.build-tool-icon>img,.build-tool-icon>.game-icon,.build-tool-icon>.piece-icon{width:100%!important;height:100%!important;object-fit:contain;filter:drop-shadow(0 1.5px 1px rgba(58,46,36,.22))}.build-tool-glyph{display:grid;place-items:center;width:100%;height:100%;border-radius:8px;background:var(--ink);color:var(--gold-soft);font-weight:900;font-size:12px}.build-tool-label{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:max(11px,calc(var(--tool) * .17));font-weight:800;line-height:1.12;letter-spacing:0}.lbl-short{display:none}@media (orientation: portrait) and (max-width: 600px),(orientation: landscape) and (max-height: 560px){.lbl-long{display:none}.lbl-short{display:inline}}.cost-dots{display:flex;flex:none;align-items:center;justify-content:center;gap:2px;height:8px}.cost-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--res, var(--ink-3));box-shadow:inset 0 0 0 1px #28140038,0 0 0 1px #ffffffb3}.cost-dot[data-res=brick]{--res: var(--res-brick)}.cost-dot[data-res=lumber]{--res: var(--res-lumber)}.cost-dot[data-res=wool]{--res: var(--res-wool)}.cost-dot[data-res=grain]{--res: var(--res-grain)}.cost-dot[data-res=ore]{--res: var(--res-ore)}.cost-dot.is-pair{--res: var(--ink-2)}.cost-dot.is-any{background:conic-gradient(var(--res-brick) 0 20%,var(--res-lumber) 0 40%,var(--res-wool) 0 60%,var(--res-grain) 0 80%,var(--res-ore) 0)}.cost-arrow{font-size:9px;font-weight:900;line-height:1;color:var(--ink-3);margin:0 1px}.build-tool-count{position:absolute;top:3px;right:3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-2);font-size:11px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.build-tool.tool-btn[aria-disabled=true]{opacity:1;filter:none;cursor:help}.build-tool.tool-btn[aria-disabled=true]:active{transform:none}.build-tool[aria-disabled=true] .build-tool-icon{opacity:.5;filter:saturate(.25)}.build-tool[aria-disabled=true] .build-tool-label{color:var(--ink-3)}.build-tool[aria-disabled=true] .cost-dots{opacity:.55}.build-tool[aria-disabled=true] .build-tool-count{opacity:.7}.build-tool.tool-btn[aria-disabled=true].open{background:var(--paper-2)!important}.build-tool.is-ready{color:var(--ink);background:linear-gradient(180deg,rgba(226,242,214,0) 30%,var(--leaf-soft))}.build-tool.is-ready .build-tool-count{background:var(--leaf);color:#fff}.build-tool.is-ready:after{content:"";position:absolute;left:50%;bottom:-3px;width:16px;height:3px;margin-left:-8px;border-radius:3px;background:var(--leaf)}.is-my-turn .build-tool.is-ready:not(.active) .build-tool-icon{animation:tool-nudge 2.8s var(--ease-in-out) infinite}@keyframes tool-nudge{0%,76%,to{transform:none}84%{transform:translateY(-3px) scale(1.06)}92%{transform:translateY(0) scale(.98)}}.build-tool.tool-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-2);box-shadow:0 0 0 3px #e0773a33}.build-tool.active .build-tool-icon{transform:translateY(-2px) scale(1.08)}.build-tool.active:after{background:var(--accent)}@media (hover: hover) and (pointer: fine){.build-tool:not([aria-disabled=true]):not(.active):hover{background:var(--paper-2)}.build-tool:not([aria-disabled=true]):hover .build-tool-icon{transform:translateY(-2px) scale(1.06)}.build-tool.tool-btn[aria-disabled=true]:hover{background:transparent}}.dice-cluster{pointer-events:auto;display:flex;align-items:center;gap:12px}.dice-cluster>.special-build-flag{margin-right:calc(var(--die) * .2)}.hud-dock>.special-build-flag{flex:none;pointer-events:auto;margin-bottom:calc((var(--tool) + 14px - 44px) / 2)}.dice-tray{position:relative;isolation:isolate;display:flex;align-items:center;gap:calc(var(--die) * .26);padding:calc(var(--die) * .28) calc(var(--die) * .32);border-radius:var(--r-lg);background:var(--paper);border:var(--border);box-shadow:var(--shadow-2),var(--paper-highlight)}.dice-tray:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:-1;border-radius:calc(var(--r-lg) - 5px);background:var(--paper-2);box-shadow:inset 0 1px 3px #3a2e241f}.dice-tray.is-stale .die3d{opacity:.5;filter:saturate(.4)}.dice-tray.is-stale .dice-sum{opacity:.6}.die3d{--half: calc(var(--die) / 2);position:relative;display:inline-block;flex:none;width:var(--die);height:var(--die);perspective:calc(var(--die) * 9);transition:opacity var(--dur-3) var(--ease-out),filter var(--dur-3) var(--ease-out)}.die3d:after{content:"";position:absolute;left:8%;right:8%;bottom:-9%;height:18%;border-radius:50%;background:radial-gradient(closest-side,#14323c47,#14323c00);z-index:-1}.die3d,.die3d *{pointer-events:none}.die3d-cube{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:translateY(0) rotateX(var(--rx)) rotateY(var(--ry)) rotate(0)}.die3d-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:24%;background:radial-gradient(120% 90% at 30% 20%,#fff,#fff0 55%),linear-gradient(160deg,#fffcf4,#f4e9d2);box-shadow:inset 0 -2px #a0825a59,inset 0 0 0 1px #785a3238;backface-visibility:hidden;-webkit-backface-visibility:hidden}.die3d-face svg{width:100%;height:100%}.die3d .pip{fill:var(--ink)}.die3d .pip-one{fill:#c8402f}.f1{transform:translateZ(var(--half))}.f6{transform:rotateY(180deg) translateZ(var(--half))}.f2{transform:rotateY(90deg) translateZ(var(--half))}.f5{transform:rotateY(-90deg) translateZ(var(--half))}.f3{transform:rotateX(90deg) translateZ(var(--half))}.f4{transform:rotateX(-90deg) translateZ(var(--half))}.die3d.is-blank .die3d-face{background:linear-gradient(160deg,#fffcf4,#efe3ca)}.dice-tray.is-stale .die3d.is-blank{opacity:.78;filter:none}.dice-cluster.is-roll .die3d.is-blank{opacity:1;animation:bob 1.6s var(--ease-in-out) infinite}.dice-cluster.is-roll .die3d.is-blank+.die3d.is-blank{animation-delay:.2s}.die3d.is-dropped{--die-scale: .74;width:calc(var(--die) * .74);height:calc(var(--die) * .74);--half: calc(var(--die) * .37);opacity:.5;filter:saturate(.3)}.die3d.is-rolling .die3d-cube{animation:die-tumble var(--tumble, .95s) cubic-bezier(.2,.75,.3,1) var(--delay, 0ms) both}@keyframes die-tumble{0%{transform:translateY(calc(var(--die) * -.9)) rotateX(calc(var(--rx) - 540deg)) rotateY(calc(var(--ry) + 450deg)) rotate(80deg)}45%{transform:translateY(calc(var(--die) * .06)) rotateX(calc(var(--rx) - 90deg)) rotateY(calc(var(--ry) + 60deg)) rotate(10deg)}62%{transform:translateY(calc(var(--die) * -.18)) rotateX(calc(var(--rx) - 20deg)) rotateY(calc(var(--ry) + 12deg)) rotate(2deg)}80%{transform:translateY(0) rotateX(calc(var(--rx) + 6deg)) rotateY(calc(var(--ry) - 3deg)) rotate(0)}to{transform:translateY(0) rotateX(var(--rx)) rotateY(var(--ry)) rotate(0)}}.dice-sum{position:absolute;top:calc(var(--die) * -.34);left:calc(var(--die) * -.3);z-index:2;display:grid;place-items:center;min-width:calc(var(--die) * .7);height:calc(var(--die) * .7);padding:0 6px;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums lining-nums;font-weight:800;font-size:calc(var(--die) * .42);line-height:1;box-shadow:0 0 0 2.5px var(--paper),var(--shadow-1)}.dice-sum.is-fresh{animation:badge-pop var(--dur-4) var(--ease-spring) .7s both}.dice-tray.is-stale .dice-sum{background:var(--ink-2)}.dice-tray.is-seven .dice-sum{background:var(--danger)}.biome-chip.res-chip{margin-left:2px;--d: calc(var(--die) * .72)}.primary-wrap{position:relative;flex:none}.primary-action{--pa-bg: var(--accent);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:var(--primary);height:var(--primary);border-radius:50%;color:var(--on-accent);font-family:var(--font-ui);font-weight:900;touch-action:manipulation;transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),background var(--dur-3) var(--ease-out)}.primary-action.is-roll{--pa-bg: var(--accent);background:radial-gradient(circle at 36% 26%,#fff6,#fff0 52%),linear-gradient(180deg,var(--accent-3),var(--accent) 55%,#D2642A);border:1px solid rgba(150,60,20,.3);box-shadow:0 3px 6px #c95f2840,0 12px 28px #e0773a61,inset 0 -3px #782c0a3d,inset 0 1px #ffffff80}.primary-action.is-roll:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 5px #e0773a80;pointer-events:none;animation:primary-call 1.8s var(--ease-out) infinite}@keyframes primary-call{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.32)}}.primary-action.is-end,.primary-action.is-done{--pa-bg: var(--teal);background:radial-gradient(circle at 36% 26%,#ffffff5c,#fff0 52%),linear-gradient(180deg,var(--teal-3),var(--teal) 55%,#178995);border:1px solid rgba(10,80,90,.3);box-shadow:0 0 0 4px var(--paper),0 0 0 5px #3a2e241a,0 4px 8px #155a6440,0 14px 30px #143c464d,inset 0 -3px #08404842,inset 0 1px #ffffff73}.primary-action.is-results{--pa-bg: var(--gold);background:radial-gradient(circle at 36% 26%,#ffffff80,#fff0 52%),linear-gradient(180deg,#FFE59A,var(--gold) 58%,#D59E26);color:#4a360c;border:1px solid rgba(140,100,20,.35);box-shadow:0 0 0 4px var(--paper),0 0 0 5px #3a2e241a,0 4px 8px #a06e1440,0 14px 30px #143c4647,inset 0 -3px #78500a38,inset 0 1px #ffffff8c}.primary-action.is-results .primary-icon .game-icon{width:100%!important;height:100%!important}.primary-action.is-results .primary-label{text-shadow:0 1px 0 rgba(255,255,255,.4)}.primary-action.is-wait{--pa-bg: var(--paper);background:var(--paper);color:var(--ink-2);border:var(--border);box-shadow:var(--shadow-2),inset 0 -3px #3a2e240f,var(--paper-highlight);cursor:default}.primary-action:active:not(:disabled){transform:scale(.93)}.primary-action:disabled{cursor:default}@media (hover: hover) and (pointer: fine){.primary-action:not(:disabled):hover{transform:translateY(-2px) scale(1.03)}}.primary-icon{display:grid;place-items:center;width:calc(var(--primary) * .42);height:calc(var(--primary) * .42)}.primary-icon>svg,.primary-icon>img{width:100%;height:100%}.primary-action.is-wait .primary-icon>svg{width:78%;height:78%;color:var(--ink-3)}.primary-action.is-wait .primary-icon>.game-icon{width:82%!important;height:82%!important}.primary-action.is-wait.is-mine{color:var(--accent-2);box-shadow:var(--shadow-2),inset 0 0 0 2px #e0773a8c,var(--paper-highlight)}.primary-action.is-wait.is-mine .primary-icon>svg{color:var(--accent)}.primary-avatar.pavatar{--size: calc(var(--primary) * .42) !important}.primary-label{max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:max(11px,calc(var(--primary) * .15));line-height:1.05;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.12)}.primary-action.is-wait .primary-label{text-shadow:none;font-weight:800}.primary-ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);max-width:none;transform:rotate(-90deg);pointer-events:none;overflow:visible}.primary-ring circle{fill:none;stroke-width:5}.primary-ring .track{stroke:#fff9ee8c}.primary-ring .bar{stroke:var(--paper);stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(120,44,10,.35));transition:stroke-dashoffset .22s linear}.primary-count{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--paper);color:var(--accent-2);font-family:var(--font-display);font-weight:800;font-size:14px;box-shadow:0 0 0 2px var(--accent),var(--shadow-1)}.special-build-flag.icon-btn{position:relative;flex:none;width:40px;height:40px;--flag: var(--ink-4);color:var(--ink-2)}.special-build-flag>svg{width:20px;height:20px}.special-build-flag:not([aria-disabled=true]){--flag: var(--danger)}.special-build-flag[aria-disabled=true]{--flag: var(--ink-4);color:var(--ink-4);cursor:help}.special-build-flag.active{--flag: var(--danger);background:var(--danger-soft);box-shadow:var(--shadow-1),inset 0 0 0 2px var(--danger)}.place-confirm{--arrow-x: 50%;position:fixed;left:0;top:0;z-index:calc(var(--z-tray) + 5);pointer-events:auto;will-change:transform}.place-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:104px;padding:10px 12px 9px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-3),var(--paper-highlight);transform-origin:var(--arrow-x) 100%;animation:pop-in var(--dur-4) var(--ease-out) both;transition:translate var(--dur-2) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),scale var(--dur-1) var(--ease-spring);touch-action:manipulation}.place-confirm.is-below .place-btn{transform-origin:var(--arrow-x) 0}.place-btn:after{content:"";position:absolute;left:var(--arrow-x);bottom:-7px;width:14px;height:14px;margin-left:-7px;background:var(--paper);border-right:var(--border);border-bottom:var(--border);border-bottom-right-radius:3px;transform:rotate(45deg)}.place-confirm.is-below .place-btn:after{bottom:auto;top:-7px;transform:rotate(225deg)}.place-btn:active{scale:.95}@media (hover: hover) and (pointer: fine){.place-btn:hover{translate:0 -2px;box-shadow:var(--shadow-3),0 0 0 3px #e0773a40}}.place-art{position:relative;display:grid;place-items:center;width:56px;height:48px}.place-art>img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(58,46,36,.25))}.place-art>.piece-icon{filter:drop-shadow(0 2px 2px rgba(58,46,36,.25))}.place-count{position:absolute;top:-4px;right:-6px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:var(--r-pill);background:var(--leaf);color:#fff;font-size:12px;font-weight:900;box-shadow:0 0 0 2px var(--paper)}.place-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--ink-2);white-space:nowrap;line-height:1.1}.place-cost{display:flex;gap:2px}.place-cost .res-chip{--d: 18px}.place-free{padding:1px 8px;border-radius:var(--r-pill);background:var(--leaf-soft);color:var(--leaf-2);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.place-tile{display:grid;place-items:center;width:44px;height:44px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#F6EEDD,var(--sand));color:var(--ink-2);font-family:var(--font-display);font-weight:800;font-size:22px}.place-glyph{font-size:24px;font-weight:900}.place-yield{display:flex;align-items:center;gap:5px;margin-top:1px;padding:3px 7px 3px 4px;border-radius:var(--r-pill);background:var(--paper-2)}.yield-chip.res-chip{--d: 17px;gap:2px}.yield-chip .res-chip-count,.yield-other b{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums lining-nums;font-weight:800;font-size:13px;color:var(--ink)}.yield-chip.is-hot .res-chip-count,.yield-other.is-hot b{color:#c8402f}.yield-other{display:inline-flex;align-items:center;gap:2px}.yield-disc{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--paper-3);color:var(--ink-2);font-size:11px;font-weight:900}.yield-other.is-gold .yield-disc{background:var(--res-gold);color:#6a4a08}.yield-pips{display:inline-flex;align-items:baseline;gap:2px;margin-left:2px;padding-left:6px;border-left:1.5px solid var(--paper-3);font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--ink)}.yield-pips small{font-family:var(--font-ui);font-size:11px;font-weight:800;color:var(--ink-3)}.chat-bubble{--arrow: 20px;position:fixed;left:0;top:0;z-index:calc(var(--z-tray) + 8);max-width:230px;padding:8px 13px;border-radius:16px;background:var(--paper);color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;white-space:pre-line;box-shadow:var(--shadow-2),var(--paper-highlight);pointer-events:none;animation:pop-in var(--dur-4) var(--ease-out) both}.chat-bubble.is-left{transform-origin:100% var(--arrow)}.chat-bubble.is-below{transform-origin:var(--arrow) 0}.chat-bubble-who{display:block;margin-bottom:1px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--pc, var(--ink)) 55%,var(--ink))}.chat-bubble-who.is-light{color:var(--ink)}.chat-bubble-who.is-light:before{content:"";display:inline-block;width:7px;height:7px;margin:0 4px 1px 0;border-radius:50%;background:var(--pc);box-shadow:0 0 0 1px #3a2e2473;vertical-align:middle}.chat-bubble.is-left:after,.chat-bubble.is-below:after{content:"";position:absolute;width:10px;height:10px;background:var(--paper);transform:rotate(45deg)}.chat-bubble.is-left:after{right:-4px;top:calc(var(--arrow) - 5px)}.chat-bubble.is-below:after{top:-4px;left:calc(var(--arrow) - 5px)}.cartographer-skip{position:absolute;left:50%;bottom:calc(var(--hud-bottom) + 12px);translate:-50% 0;z-index:var(--z-tray);display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--r-pill);background:var(--paper);color:var(--ink);border:var(--border);font-weight:800;font-size:15px;box-shadow:var(--shadow-2),var(--paper-highlight);animation:rise-in var(--dur-3) var(--ease-out) both}.cartographer-skip>span{font-size:18px;color:var(--gold-2)}.cartographer-skip:active{scale:.95}.perk-badge-row{position:relative;display:inline-flex;align-items:center;gap:1px;border-radius:var(--r-pill);cursor:help;touch-action:manipulation}.perk-badge-row{z-index:1}.perk-badge-row:before{content:"";position:absolute;inset:min(-12px,calc((100% - 44px)/2)) min(-5px,calc((100% - 44px)/2))}.perk-more{margin-left:1px;font-size:11px;font-weight:900;color:var(--gold-2)}@media (hover: hover) and (pointer: fine){.perk-badge-row:hover .perk-badge img,.perk-badge-row.open .perk-badge img{transform:translateY(-1px) scale(1.1)}}.perk-badge{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;color:var(--ink);font-weight:900;font-size:11px;line-height:1}.perk-badge.small{width:20px;height:20px;font-size:8px}.perk-badge img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 1px 1px rgba(58,46,36,.3));transition:transform var(--dur-1) var(--ease-spring)}.perk-badge-text{display:grid;place-items:center;width:100%;height:100%;padding:0 2px;border-radius:30%;background:linear-gradient(180deg,#FFE69A,var(--gold));color:#4a360c;box-shadow:inset 0 0 0 1.5px #7a560c59,var(--shadow-1);overflow:hidden}.perk-badge-button{position:relative;padding:0;border:0;background:transparent;border-radius:8px;cursor:help;touch-action:manipulation}.perk-badge-button.small:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}@media (hover: hover) and (pointer: fine){.perk-badge-button:hover img,.perk-badge-button.open img,.perk-badge-button:hover .perk-badge-text,.perk-badge-button.open .perk-badge-text{transform:translateY(-1px) scale(1.12)}}.perk-tooltip{position:fixed;z-index:var(--z-tooltip);display:block;align-items:stretch;justify-items:normal;width:max-content;max-width:min(260px,calc(100vw - 16px));padding:10px 12px 11px;border-radius:var(--r-sm);background:var(--paper);color:var(--ink);border:var(--border);box-shadow:var(--shadow-3),var(--paper-highlight);pointer-events:none;text-align:left;transform:translateY(-100%);animation:fade-in var(--dur-1) var(--ease-out) both}.perk-tooltip.center{transform:translate(-50%,-100%)}.perk-tooltip.below{transform:none}.perk-tooltip.below.center{transform:translate(-50%)}.perk-tooltip.left,.perk-tooltip.right{transform:translateY(-100%)}.perk-tooltip.below.left,.perk-tooltip.below.right{transform:none}.hud-tip-title{display:block;margin-bottom:3px;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:700;font-size:15px;line-height:1.15;color:var(--ink)}.hud-tip-text{display:block;font-size:12.5px;line-height:1.35;color:var(--ink-2);font-weight:600}.hud-tip-list{display:flex;flex-direction:column;gap:9px;max-width:min(290px,calc(100vw - 16px))}.hud-tip-row{display:flex;align-items:flex-start;gap:10px}.hud-tip-row>.perk-badge.small{width:26px;height:26px;margin-top:1px}.hud-tip-row-text{display:flex;flex-direction:column;min-width:0}.hud-tip-row-text .hud-tip-title{font-size:14px;margin-bottom:1px}.hud-rail>.prow.is-mine{order:0}@media (orientation: landscape) and (max-height: 560px){.turn-card{padding:6px 10px 6px 8px;column-gap:10px}.turn-hint{display:none}.turn-timer{font-size:12px;padding:2px 7px;min-width:40px}.hud-tl{gap:6px}.hud-btn.icon-btn{width:38px;height:38px}.hud-rail{gap:5px}.hud-rail .prow,.hud-rail>.prow.is-mine{--strip-av: 30px;min-height:46px;padding:4px 8px 4px 7px;column-gap:7px}.hud-rail .pavatar{--size: 30px !important}.hud-rail .prow-main{gap:2px}.hud-rail .prow-name{font-size:12.5px}.hud-rail .prow-stat{height:18px;font-size:11px}.hud-rail .prow-vp b{font-size:19px}.hud-rail .prow-vp small,.hud-rail .award-metric:not(.is-held){display:none}.hud-rail .perk-badge-row:not(.is-compact){display:none}.hud-rail .perk-badge-row.is-compact{display:inline-flex}.hud-rail>.bank-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 4px;padding:2px 6px 2px 5px;border-radius:var(--r-pill)}.hud-rail>.bank-row .bank-head,.hud-rail>.bank-row .bank-dev{display:none}.hud-rail>.bank-row .bank-chips{gap:0}.hud-rail>.bank-row .res-chip{--d: 16px}.hud-rail>.bank-row .bank-chip.res-chip{background:transparent;padding:0 2px 0 0;gap:2px}.hud-rail>.bank-row .bank-chip .res-chip-count{font-size:12px}.hud-rail>.bank-row .bank-extras{gap:3px;margin-left:auto}.hud-rail>.bank-row .mode-flags,.hud-rail>.bank-row .bank-robber{height:22px}.hud-rail>.bank-row .mode-flag{width:17px;height:17px}.hud-rail>.bank-row .bank-robber-art{width:17px;height:17px}.log-card-head{min-height:40px;padding:4px 8px 4px 12px}.log-card-head .eyebrow{display:none}.log-card.is-open,.log-card.is-open:has(.log-scroll.is-chat){min-height:150px}.hud-rail>.prow-stack{min-height:60px}.build-bar{padding:4px}.build-tool-label{display:none}.hand-dev{padding-left:8px}.dice-cluster{gap:8px}.hud-dock{gap:10px}}@media (orientation: landscape) and (max-height: 560px) and (pointer: coarse){.hud-btn.icon-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%}}@media (orientation: portrait){.turn-card{padding:8px 12px 8px 10px}.hud-top-row .bank-row{padding:4px 8px 4px 5px}}@media (orientation: portrait) and (max-width: 600px){.turn-card{column-gap:10px;padding:6px 10px 6px 8px;border-radius:var(--r-md)}.turn-title{font-size:17px}.turn-hint{font-size:11.5px}.turn-timer{font-size:12px;min-width:40px;padding:2px 7px}.hud-btn.icon-btn{width:44px;height:44px}.bank-row{gap:1px;padding:3px 6px 3px 4px}.bank-chip.res-chip{padding-right:4px}.bank-icon{width:22px}.build-bar{padding:4px;gap:2px;border-radius:var(--r-lg)}.build-bar .toolbar-sep{margin:8px 1px}.build-tool.tool-btn{padding:3px 3px 4px}.build-tool-icon{width:calc(var(--tool) * .42);height:calc(var(--tool) * .42)}.build-tool-label{font-size:11px}.build-tool-count{min-width:16px;height:16px;font-size:10px;top:2px;right:2px}.cost-dot{width:6px;height:6px}.cost-dots{height:7px}.hand{gap:8px;--res-gap: 6px}.hand-dev{padding-left:8px}.dice-cluster{gap:8px}.dice-tray{flex-direction:column;gap:5px;padding:6px}.dice-tray:before{top:4px;right:4px;bottom:4px;left:4px}.dice-sum{top:calc(var(--die) * -.5);left:50%;translate:-50% 0}.biome-chip.res-chip{margin:0}.special-build-flag[aria-disabled=true]:not(.active){display:none}.stack-wrap{min-width:calc(var(--hand-w) * .5)}}@media (hover: none) and (pointer: coarse),(orientation: portrait){.dev-confirm-anchor{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--gutter-top) var(--gutter-right) var(--gutter-bottom) var(--gutter-left);background:var(--backdrop-tint);animation:fade-in var(--dur-2) var(--ease-out) both}.dev-confirm{width:min(360px,100%);transform-origin:50% 50%}.dev-confirm-actions .btn{min-height:46px;flex:1}.build-tool.tool-btn{min-width:max(44px,var(--tool));min-height:44px}}@media (pointer: coarse){.log-head .tab{min-height:44px}.log-head .icon-btn-sm{width:44px;height:44px}.quick-chip,.log-drawer .quick-chip{min-height:44px;min-width:44px;padding:0 12px;font-size:13px}.chat-input-row .input{min-height:44px}.hud-setting .tab{min-height:44px;padding:0 16px}.hud-setting{min-height:48px}.special-build-flag.icon-btn{width:44px;height:44px}.build-tool-label{font-size:12px}.hand{--dev-min: calc(var(--hand-w) + 6px)}.hand-dev .dev-wrap:last-child{min-width:var(--hand-w)}.hand-dev .dev-stack{--tag-h: max(14px, calc(var(--w) * .26));padding-bottom:var(--tag-h)}.hand-dev .dev-tag{display:grid}.hand-dev .gcard-tag{bottom:calc(var(--tag-h) + 3px)}.log-card-chevron{width:36px;height:36px}}@media (prefers-reduced-motion: reduce){.turn-card.is-attention:after,.primary-action.is-roll:after,.prow.prow-card-pulse,.turn-timer.is-low,.is-my-turn .build-tool.is-ready .build-tool-icon{animation:none!important}.turn-card.is-attention:after{opacity:.6}.primary-action.is-roll:after{opacity:0}.die3d.is-rolling .die3d-cube{animation:none!important}.floater,.chat-bubble,.place-btn,.hand-warning,.dev-confirm{animation:fade-in var(--dur-2) var(--ease-out) both!important}.log-drawer{transition:none}}.hud-leave-btn{color:var(--ink-2)}.hud-leave-btn>svg{width:21px;height:21px}.hud-leave-pop{width:280px}.hud-leave-pop:after{left:172px}.hud-leave-confirm{display:flex;flex-direction:column;gap:4px}.hud-leave-title{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:17px;font-weight:700;color:var(--ink)}.hud-leave-copy{font-size:var(--fs-13);font-weight:700;line-height:1.4;color:var(--ink-2)}.hud-leave-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.hud-leave-actions .btn svg{width:16px;height:16px}.hud-setting-leave{padding-top:10px;border-top:1.5px solid var(--paper-2)}.hud-leave-row{width:100%;justify-content:flex-start;padding:0 8px;color:var(--danger-2)}.hud-leave-row svg{width:18px;height:18px}.endvote-menu{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-top:12px;border-top:1.5px solid var(--paper-2)}.endvote-menu .btn svg{width:16px;height:16px}.endvote-menu.is-compact{margin:0 0 2px;padding:0;border:0}.endvote-row{width:100%;justify-content:flex-start;padding:0 8px;color:var(--ink)}.endvote-row svg{width:18px;height:18px;color:var(--ink-2)}.endvote-hint{padding:0 8px 0 34px;margin-top:-4px;font-size:var(--fs-12);font-weight:700;line-height:1.3;color:var(--ink-3)}.endvote-menu-count{margin-left:auto;padding:2px 8px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-2);font-size:var(--fs-12);font-variant-numeric:tabular-nums}.spectator-banner{display:flex;align-items:center;gap:12px;min-width:0;max-width:min(520px,100%);padding:8px 8px 8px 10px;border-radius:var(--r-pill);background:var(--paper-glass-strong);color:var(--ink);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-2),var(--paper-highlight);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);pointer-events:auto;animation:rise-in var(--dur-3) var(--ease-out) both}.spectator-eye{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--teal-soft);color:var(--teal-2)}.spectator-eye svg{width:21px;height:21px}.spectator-text{display:flex;flex:1 1 auto;flex-direction:column;gap:1px;min-width:0}.spectator-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:15px;font-weight:700;line-height:1.2}.spectator-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-11);font-weight:800;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--teal-2)}.spectator-banner.is-paused .spectator-sub{color:var(--ink-3)}.spectator-stop{flex:none}.spectator-stop .stop-short{display:none}.hud-wide-grid .hud-dock>.spectator-banner{margin-bottom:4px}.hud-tall-grid .hud-dock>.spectator-banner{align-self:center}.hud-dock-row.is-hand-row>.spectator-banner{flex:1 1 auto;align-self:center}.is-phone .spectator-banner{border-radius:var(--r-lg);padding:8px 8px 8px 14px;gap:10px}.is-phone .spectator-eye,.is-phone .spectator-stop .stop-long{display:none}.is-phone .spectator-stop .stop-short{display:inline}.chat-readonly{margin:0 12px 12px;padding:10px 12px;border-radius:var(--r-sm);background:var(--paper-2);font-size:var(--fs-13);font-weight:700;color:var(--ink-3);text-align:center}.dir-arrow{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--paper-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px #3a2e240f}.dir-arrow.is-out{background:var(--accent-soft);color:var(--accent-2)}.dir-arrow.is-in{background:var(--leaf-soft);color:var(--leaf-2)}.dir-arrow.is-neutral{background:var(--paper-2);color:var(--ink-2)}.card-groups{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;min-width:0}.gcard.is-stacked{box-shadow:3px -3px 0 -1px #fbf3e3,3px -3px #3a2e2429,0 0 0 1px #3a2e241f,0 calc(var(--w) * .04) calc(var(--w) * .12) #143c4633}.gcard.is-stacked-2{box-shadow:3px -3px 0 -1px #fbf3e3,3px -3px #3a2e2429,6px -6px 0 -2px #f7ecd8,6px -6px 0 -1px #3a2e2421,0 0 0 1px #3a2e241f,0 calc(var(--w) * .04) calc(var(--w) * .12) #143c4633}.thinking{display:inline-flex;align-items:center;gap:3px;height:12px}.thinking i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55;animation:tray-dot 1.2s var(--ease-in-out) infinite}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes tray-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes tray-drop{0%{opacity:0;transform:translateY(-22px) scale(.96)}60%{opacity:1;transform:translateY(3px) scale(1.005)}to{opacity:1;transform:none}}@keyframes tray-rise{0%{opacity:0;transform:translateY(26px) scale(.97)}60%{opacity:1;transform:translateY(-3px) scale(1.004)}to{opacity:1;transform:none}}.composer{--free-l: var(--hud-left, 0px);--free-r: var(--hud-right, 0px);position:fixed;z-index:var(--z-tray);left:calc(var(--free-l) + (100vw - var(--free-l) - var(--free-r)) / 2);bottom:var(--composer-bottom, calc(var(--hud-bottom-base, var(--hud-bottom, 0px)) + 12px));translate:-50% 0;width:min(720px,max(440px,calc(100vw - var(--free-l) - var(--free-r) - 24px)),calc(100vw - 24px));max-height:calc(100dvh - var(--hud-bottom-base, var(--hud-bottom, 0px)) - var(--gutter-top) - 24px);overflow-y:auto;overscroll-behavior:contain;container-type:inline-size;container-name:composer;display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-3),var(--paper-highlight);animation:tray-rise var(--dur-4) var(--ease-out) both}.composer-handle{display:none}.composer-head{display:flex;align-items:center;gap:12px}.composer-head-text{flex:1;min-width:0}.composer-title{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-22);font-weight:700;line-height:1.1;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-close{flex:none}.composer-lanes{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:8px}.composer-swap{align-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--paper);color:var(--ink-3);box-shadow:var(--shadow-1),inset 0 0 0 1px #3a2e240f}.composer-lane{display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px 10px 10px 12px;border-radius:var(--r-lg);background:var(--paper-2);box-shadow:inset 0 1px 2px #3a2e2412}.composer-lane.is-give{background:linear-gradient(180deg,#fdebdd,#fbf1e6 70%)}.composer-lane.is-get{background:linear-gradient(180deg,#e6f3dc,#f1f6e7 70%)}.lane-head{display:flex;align-items:center;gap:8px;font-size:var(--fs-14);font-weight:800}.lane-head b{font-weight:900}.lane-total{margin-left:auto;min-width:24px;height:22px;padding:0 7px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--paper);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-13);font-weight:800;box-shadow:var(--shadow-1)}.lane-cards{min-height:72px;padding:8px 6px 4px;align-content:center}.lane-cards .gcard{--w: 46px}.lane-cards .gcard.is-interactive:active:not(:disabled){scale:.9}.lane-empty{flex:1;align-self:stretch;display:grid;place-items:center;min-height:56px;padding:0 10px;border:2px dashed rgba(58,46,36,.16);border-radius:var(--r-md);color:var(--ink-3);font-size:var(--fs-13);font-weight:700;text-align:center}.lane-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-top:8px;border-top:1px dashed rgba(58,46,36,.14)}.lane-pick{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:0;height:40px;padding:0 4px;border-radius:var(--r-pill);background:var(--paper);border:1px solid rgba(58,46,36,.08);box-shadow:var(--shadow-1),inset 0 -2px #3a2e240f;touch-action:manipulation;transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}.lane-pick .res-chip{--d: 26px}.lane-pick:active:not(:disabled){transform:scale(.9)}.lane-pick:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lane-pick-n{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums;font-size:var(--fs-14);font-weight:800;color:var(--ink)}.lane-pick-plus{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--leaf);color:#fff}.rate-tag{position:absolute;top:-8px;right:-3px;padding:1px 5px;border-radius:var(--r-pill);background:var(--paper-3);color:var(--ink-2);font-size:11px;font-weight:900;line-height:1.3;letter-spacing:.01em;font-variant-numeric:tabular-nums;box-shadow:0 0 0 1.5px var(--paper);pointer-events:none}.rate-tag.is-port{background:var(--teal);color:#fff}@media (hover: hover) and (pointer: fine){.lane-pick:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-2)}}.composer-foot{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}.composer-hint{flex:1 1 220px;min-width:0;display:flex;align-items:center;gap:6px;font-size:var(--fs-13);font-weight:700;color:var(--ink-2);line-height:1.3}.composer-hint.is-good{color:var(--leaf-2)}.composer-hint.is-warn{color:var(--danger-2)}.composer-hint>.glyph{flex:none}.composer-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.composer-actions .btn .game-icon{width:20px;height:20px}.composer-lbl-short{display:none}.composer-to .pavatar-disc{border-color:var(--paper);box-shadow:0 0 0 1px #3a2e244d}@container composer (max-width: 540px){.composer-lanes{grid-template-columns:minmax(0,1fr);gap:0}.composer-swap{width:28px;height:28px;margin:-8px auto;position:relative;z-index:1;rotate:90deg}.composer-lane{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;padding:8px 10px}.lane-head{font-size:var(--fs-13);gap:6px}.lane-head .dir-arrow{width:24px;height:24px}.lane-total{margin-left:2px;min-width:22px;height:20px;font-size:var(--fs-12)}.lane-cards{min-height:44px;padding:5px 2px 1px;gap:6px 8px}.lane-cards .gcard{--w: 30px}.lane-empty{min-height:34px;padding:0 8px;border-radius:var(--r-sm);font-size:var(--fs-12)}.lane-picker{grid-column:1 / -1;padding-top:7px;gap:5px}.lane-pick .res-chip{--d: 24px}.composer-foot{flex-direction:column;align-items:stretch;gap:8px}.composer-hint{flex:none;font-size:var(--fs-12)}.composer-actions{margin-left:0;flex-wrap:nowrap}.composer-actions .btn{flex:1 1 0;padding:0 12px;min-width:0}}.offer-tray{--tl: 0px;--strip: calc(100vw - var(--tl) - var(--hud-right, 0px));position:fixed;z-index:var(--z-tray);top:var(--tray-top, var(--gutter-top));left:calc(var(--tl) + var(--strip) / 2);translate:-50% 0;width:min(470px,calc(var(--strip) - 24px));animation:tray-drop var(--offer-arrive-ms, var(--dur-3)) var(--ease-out) both}@media (min-width: 901px) and (orientation: landscape){.offer-tray{--tl: var(--hud-topleft-w, 360px)}}@media (max-width: 900px),(orientation: portrait){.offer-tray{--strip: calc(100vw - var(--hud-left, 0px) - var(--hud-right, 0px));left:calc(var(--hud-left, 0px) + var(--strip) / 2);top:var(--tray-top, max(var(--gutter-top), calc(var(--hud-top-base, var(--hud-top, 0px)) + 8px)));width:min(470px,calc(100vw - 24px))}}.offer-card{container:offer / inline-size;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-3),var(--paper-highlight);overflow:hidden}.offer-head{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 12px 8px;text-align:left;touch-action:manipulation}.offer-tray.collapsed .offer-head{padding-bottom:10px}.offer-head-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.offer-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-18);font-weight:700;line-height:1.15;text-wrap:balance;overflow-wrap:anywhere}.offer-chevron{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--paper-2);color:var(--ink-2);rotate:180deg;transition:rotate var(--dur-3) var(--ease-spring),background-color var(--dur-2) var(--ease-out)}.offer-tray.collapsed .offer-chevron{rotate:0deg}@media (hover: hover) and (pointer: fine){.offer-head:hover .offer-chevron{background:var(--paper-3)}}.offer-mini{display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--ink-3)}.offer-mini .card-groups{gap:3px;flex-wrap:nowrap}.offer-mini .gcard{--w: 20px}.offer-mini .gcard-badge{display:none}.offer-body{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px;animation:rise-in var(--dur-3) var(--ease-out) both}.offer-main{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.offer-deal{flex:1 1 250px;min-width:0;display:flex;align-items:stretch}.offer-deal-part{flex:1 1 0;display:flex;align-items:center;min-width:0}.offer-deal-swap{flex:none;display:grid;place-items:center;width:26px;height:26px;margin:0 -5px;position:relative;z-index:1;border-radius:50%;background:var(--paper);color:var(--ink-3);box-shadow:var(--shadow-1),inset 0 0 0 1px #3a2e240f}.offer-side{flex:1 1 auto;align-self:stretch;display:flex;flex-direction:column;gap:3px;min-width:0;padding:6px 10px 7px;border-radius:var(--r-md);background:var(--paper-2)}.offer-side.is-out{background:linear-gradient(180deg,#fdebdd,#fbf1e6)}.offer-side.is-in{background:linear-gradient(180deg,#e4f2d9,#f1f7e9)}.offer-side-label{display:flex;align-items:center;gap:4px;min-width:0;font-size:var(--fs-11);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.offer-side.is-out .offer-side-label{color:var(--accent-2)}.offer-side.is-in .offer-side-label{color:var(--leaf-2)}.offer-cards{gap:6px 8px;padding-top:4px}.offer-cards .gcard{--w: 36px}.offer-acts{flex:none;display:flex;align-items:flex-start;gap:4px;margin-left:auto}.offer-act{display:flex;flex-direction:column;align-items:center;gap:3px;width:54px;padding:0;color:var(--ink-2);touch-action:manipulation}.offer-act-disc{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--ink-2);box-shadow:var(--shadow-1),inset 0 0 0 1.5px #3a2e241a,inset 0 -2px #3a2e240f;transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.offer-act-label{font-size:var(--fs-11);font-weight:800;line-height:1.1;white-space:nowrap}.offer-act.is-decline .offer-act-disc{color:var(--danger);box-shadow:var(--shadow-1),inset 0 0 0 1.5px #d8503f4d,inset 0 -2px #3a2e240f}.offer-act.is-soft .offer-act-disc{background:var(--paper-2)}.offer-act.is-accept .offer-act-disc{background:linear-gradient(180deg,#6DB553,var(--leaf));color:#fff;box-shadow:0 2px 6px #468a3159,inset 0 -2px #0000001f,inset 0 1px #ffffff40}.offer-act.is-accept .offer-act-label{color:var(--leaf-2)}.offer-act.is-primary .offer-act-disc{background:linear-gradient(180deg,var(--accent-3),var(--accent));color:var(--on-accent);box-shadow:0 2px 6px #c95f2859,inset 0 -2px #0000001f,inset 0 1px #ffffff40}.offer-act.is-primary .offer-act-label{color:var(--accent-2)}.offer-act:active:not(:disabled) .offer-act-disc{transform:scale(.9)}.offer-act:disabled{cursor:not-allowed}.offer-act:disabled .offer-act-disc{opacity:.45;box-shadow:none;filter:saturate(.4)}.offer-act:disabled .offer-act-label{opacity:.55}.offer-act:focus-visible{outline:none}.offer-act:focus-visible .offer-act-disc{box-shadow:var(--ring)}@media (hover: hover) and (pointer: fine){.offer-act:hover:not(:disabled) .offer-act-disc{transform:translateY(-2px)}}.offer-responses{list-style:none;margin:0;padding:8px 0 0;border-top:1px dashed rgba(58,46,36,.12);display:flex;flex-wrap:wrap;align-items:center;gap:6px}.offer-responses>li:not(.offer-resp){display:contents}.offer-resp{display:inline-flex;align-items:center;gap:7px;min-height:38px;max-width:100%;padding:4px 10px 4px 5px;border-radius:var(--r-pill);background:var(--paper-2);font-size:var(--fs-13);font-weight:800;color:var(--ink-2)}.offer-resp.is-mini{gap:4px;padding:4px 9px 4px 4px}.offer-resp-name{max-width:120px}.offer-resp-state{display:inline-grid;place-items:center;min-width:16px;color:var(--ink-3)}.offer-resp.is-declined .pavatar{filter:saturate(.45) opacity(.7)}.offer-resp.is-declined .offer-resp-state{color:var(--danger)}.offer-resp.is-pending .offer-resp-state{color:var(--ink-3)}.offer-resp.is-stack{gap:0;padding:4px 10px 4px 5px}.offer-stack-av{position:relative;display:inline-grid;flex:none}.offer-stack-av+.offer-stack-av{margin-left:-6px}.offer-stack-av .pavatar-disc{box-shadow:0 0 0 2px var(--paper-2)}.offer-stack-av.is-declined .pavatar{filter:saturate(.45) opacity(.75)}.offer-stack-badge{position:absolute;right:-3px;bottom:-3px;z-index:1;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--paper);color:var(--ink-3);box-shadow:0 0 0 1.5px var(--paper-2),var(--shadow-1)}.offer-stack-av.is-declined .offer-stack-badge{color:var(--danger)}.offer-stack-badge .glyph{stroke-width:3.2}.offer-stack-dots{width:2.4px;height:2.4px;border-radius:50%;background:currentColor;box-shadow:-3.6px 0 0 currentColor,3.6px 0 0 currentColor}button.offer-resp.is-accepted{background:var(--leaf-soft);color:var(--ink);box-shadow:inset 0 0 0 2px var(--leaf),var(--shadow-1);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out);animation:pop-in var(--dur-4) var(--ease-out) both}button.offer-resp.is-accepted:active{transform:scale(.94)}.offer-resp-cta{display:inline-flex;align-items:center;gap:3px;height:26px;padding:0 10px 0 8px;border-radius:var(--r-pill);background:var(--leaf);color:#fff;font-size:var(--fs-12);font-weight:900}@media (hover: hover) and (pointer: fine){button.offer-resp.is-accepted:hover{transform:translateY(-1.5px);box-shadow:inset 0 0 0 2px var(--leaf),var(--shadow-2)}}.offer-note{display:flex;align-items:center;gap:6px;font-size:var(--fs-13);font-weight:700;color:var(--ink-2);line-height:1.3}.offer-note.is-warn{color:var(--danger-2);justify-content:flex-end;text-align:right}.offer-note.is-good{color:var(--leaf-2)}.offer-note.is-muted{color:var(--ink-3)}@container offer (max-width: 300px){.offer-resp.is-accepted .offer-resp-name{display:none}.offer-tray.collapsed .offer-head>.pavatar,.offer-tray.collapsed .offer-head .eyebrow{display:none}.offer-tray.collapsed .offer-title{font-size:var(--fs-14)}}@container offer (max-width: 400px){.offer-title{font-size:var(--fs-16)}.offer-side{padding:5px 8px 6px}.offer-cards .gcard{--w: 32px}.offer-acts{gap:2px}.offer-act{width:52px}}.discard-tray{--free-l: var(--hud-left, 0px);--free-r: var(--hud-right, 0px);position:fixed;z-index:var(--z-tray);left:calc(var(--free-l) + (100vw - var(--free-l) - var(--free-r)) / 2);bottom:var(--gutter-bottom);translate:-50% 0;width:min(760px,max(520px,calc(100vw - var(--free-l) - var(--free-r) - 24px)),calc(100vw - 24px));max-height:calc(100dvh - var(--gutter-top) - var(--gutter-bottom) - 8px);overflow-y:auto;overscroll-behavior:contain;container:discard / inline-size;display:flex;flex-direction:column;padding:14px 16px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-3),var(--paper-highlight);animation:sheet-up var(--dur-4) var(--ease-out) both}.discard-handle{display:none}.discard-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "progress" "rows" "foot";gap:10px}.discard-head{grid-area:head;display:flex;align-items:center;gap:12px;min-width:0}.discard-head-text{flex:1;min-width:0}.discard-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;margin-top:2px;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-22);font-weight:700;line-height:1.1}.discard-left{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-size:var(--fs-14);font-weight:800;color:var(--danger-2);letter-spacing:0}.discard-left.is-done{color:var(--leaf-2);animation:pop-in var(--dur-4) var(--ease-out) both}.discard-progress{grid-area:progress;display:flex;gap:4px}.discard-pip{flex:1;height:6px;border-radius:var(--r-pill);background:var(--paper-3);transition:background-color var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-spring)}.discard-pip.is-on{background:linear-gradient(180deg,#E6705F,var(--danger));transform:scaleY(1.2)}.discard-tray:has(.discard-left.is-done) .discard-pip.is-on{background:linear-gradient(180deg,#7BC05F,var(--leaf))}.discard-rows{grid-area:rows;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.discard-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px 12px;border-radius:var(--r-lg)}.discard-row.is-keep{background:var(--paper-2);box-shadow:inset 0 1px 2px #3a2e2412}.discard-row.is-out{background:#fadcd68c;box-shadow:inset 0 0 0 2px #d8503f38}.discard-row-label{display:flex;flex-direction:column;gap:1px;font-size:var(--fs-11);font-weight:900;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-3)}.discard-row-label b{font-size:var(--fs-22);letter-spacing:0;color:var(--ink);line-height:1}.discard-row.is-out .discard-row-label{color:var(--danger-2)}.discard-cards{container-type:inline-size;--gx: 14px;--card-max: 54px;display:flex;flex-wrap:wrap;gap:10px var(--gx);padding:8px 4px 2px}.discard-cards .gcard{--w: clamp(38px, calc((100cqw - 4 * var(--gx) - 6px) / 5), var(--card-max))}.discard-slots{container-type:inline-size;--slot-max: 38px;display:flex;flex-wrap:wrap;gap:5px 4px;padding:2px 0}.discard-slots .gcard,.discard-slot{--w: clamp(26px, calc((100cqw - (var(--need, 8) - 1) * 4px) / var(--need, 8)), var(--slot-max));width:var(--w)}.discard-slot{aspect-ratio:3 / 4;border-radius:7px;border:2px dashed rgba(216,80,63,.35);background:#fff9ee80}.discard-slot.is-next{border-color:var(--danger);animation:pulse-ring 1.6s var(--ease-out) infinite;--pulse-color: rgba(216, 80, 63, .35)}.discard-foot{grid-area:foot;display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.discard-foot .btn-ghost{flex:none;padding:0 12px}.discard-confirm{margin-left:auto;flex:1 1 auto;min-width:0;max-width:320px}.discard-confirm>svg{width:18px;height:18px}@container discard (max-width: 380px){.discard-btn-lbl{display:none}.discard-foot .btn-ghost{width:44px;padding:0;justify-content:center}}@container discard (min-width: 540px) and (max-width: 719px){.discard-btn-lbl{display:none}.discard-foot .btn-ghost{width:44px;padding:0;justify-content:center}}@container discard (min-width: 540px){.discard-layout{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head foot" "progress progress" "rows rows";align-items:center;column-gap:14px}.discard-foot{justify-content:flex-end}.discard-foot .btn{height:44px}.discard-confirm{flex:none;min-width:150px}.discard-rows{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.discard-row{grid-template-columns:minmax(0,1fr);align-content:start;gap:4px;padding:8px 12px 10px}.discard-row-label{flex-direction:row;align-items:baseline;gap:6px}.discard-row-label b{font-size:var(--fs-16)}.discard-cards{--gx: 8px;--card-max: 46px;padding:6px 0 0}.discard-slots{--slot-max: 34px;padding:4px 0 0}}.steal-pop{--arrow-x: 50%;position:fixed;z-index:var(--z-popover);width:max-content;min-width:240px;max-width:min(320px,calc(100vw - 20px));display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3),var(--paper-highlight);transform-origin:var(--arrow-x) 100%;animation:pop-in var(--dur-4) var(--ease-out) both}.steal-pop:after{content:"";position:absolute;left:calc(var(--arrow-x) - 8px);bottom:-8px;width:16px;height:16px;background:var(--paper);border-right:var(--border);border-bottom:var(--border);border-bottom-right-radius:4px;transform:rotate(45deg)}.steal-pop.is-below{transform-origin:var(--arrow-x) 0}.steal-pop.is-below:after{bottom:auto;top:-8px;transform:rotate(225deg)}.steal-pop.is-floating{left:50%;bottom:calc(var(--hud-bottom, 0px) + 20px);translate:-50% 0;transform-origin:50% 100%}.steal-pop.is-floating:after{display:none}.steal-head{display:flex;align-items:center;gap:10px;padding:0 4px}.steal-robber{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:var(--danger-soft);color:#4b3f52}.steal-title{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-18);font-weight:700;line-height:1.15}.steal-list{display:flex;flex-direction:column;gap:6px}.steal-victim{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 10px 8px 8px;border-radius:var(--r-md);background:var(--paper-2);border:1px solid rgba(58,46,36,.06);text-align:left;touch-action:manipulation;transition:transform var(--dur-1) var(--ease-spring),background-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.steal-victim:active:not(:disabled){transform:scale(.96)}.steal-victim:disabled{cursor:default}.steal-victim:disabled:not(.is-picked){opacity:.5}.steal-victim.is-picked{background:var(--danger-soft);box-shadow:inset 0 0 0 2px var(--danger)}.steal-name{flex:1;min-width:0;font-size:var(--fs-16);font-weight:800}.steal-cards{display:inline-flex;align-items:center;gap:6px;flex:none;padding:3px 10px 3px 4px;border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--shadow-1)}.steal-cards .gcard{--w: 20px}.steal-cards b{font-size:var(--fs-16)}@media (hover: hover) and (pointer: fine){.steal-victim:hover:not(:disabled){background:var(--danger-soft);box-shadow:var(--shadow-1);transform:translateY(-1px)}}.draft-tray{--free-l: var(--hud-left, 0px);--free-r: var(--hud-right, 0px);position:fixed;z-index:var(--z-tray);left:calc(var(--free-l) + (100vw - var(--free-l) - var(--free-r)) / 2);bottom:var(--gutter-bottom);translate:-50% 0;width:min(580px,calc(100vw - var(--free-l) - var(--free-r) - 24px),calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:8px 18px 8px 10px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-2),var(--paper-highlight);animation:tray-rise var(--dur-4) var(--ease-out) both}.draft-art{position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 42% 34%,#EAFBF8,var(--teal-soft) 55%,#A9E2E0);box-shadow:inset 0 0 0 1px #1e9aa624}.draft-hex{width:30px;height:auto;filter:drop-shadow(0 2px 2px rgba(90,60,20,.35))}.draft-tray.is-mine .draft-hex{animation:bob 2.4s var(--ease-in-out) infinite}.draft-picker{position:absolute;right:-4px;bottom:-3px;z-index:1}.draft-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.draft-sub{font-size:var(--fs-13);color:var(--ink-2);font-weight:700;line-height:1.3}.draft-meter{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px;width:96px}.draft-count{font-size:var(--fs-12);font-weight:800;color:var(--ink-3);white-space:nowrap}.draft-count b{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-18);color:var(--ink)}.draft-bar{display:block;width:100%;height:6px;border-radius:var(--r-pill);background:var(--paper-3);overflow:hidden}.draft-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-3),var(--accent));transition:width var(--dur-4) var(--ease-spring)}@media (min-width: 601px){.composer,.discard-tray,.draft-tray{--free-l: max(var(--hud-left, 0px), 68px);--free-r: max(var(--hud-right, 0px), 68px)}}@media (max-width: 600px){.composer,.discard-tray{left:0;right:0;bottom:0;translate:none;width:100%;max-height:calc(100dvh - var(--safe-top) - 40px);padding:8px max(14px,var(--safe-right)) calc(14px + var(--safe-bottom)) max(14px,var(--safe-left));border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;box-shadow:0 -4px 12px #143c4614,0 -18px 48px #143c4638;animation:sheet-up var(--dur-4) var(--ease-out) both}.composer-handle,.discard-handle{display:block;flex:none;width:40px;height:5px;margin:0 auto 2px;border-radius:99px;background:var(--paper-3)}.composer{gap:8px;max-height:min(calc(100dvh - var(--safe-top) - 40px),max(58dvh,460px))}.composer-head{gap:10px}.composer-head .icon-circle{width:34px!important;height:34px!important}.composer-head .icon-circle .game-icon{width:22px!important;height:22px!important}.composer-title{font-size:var(--fs-18)}.offer-tray{width:calc(100vw - 16px);left:50%}.offer-head{min-height:52px;padding:8px 10px 6px}.offer-tray.collapsed .offer-head{padding-bottom:8px}.offer-body{padding:0 10px 10px}.discard-head .icon-circle{width:36px!important;height:36px!important}.discard-title{font-size:var(--fs-18)}.discard-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:8px 10px}.discard-row-label{flex-direction:row;align-items:baseline;gap:6px}.discard-row-label b{font-size:var(--fs-16)}.discard-cards{--gx: 12px;--card-max: 48px;padding-top:6px}.discard-slots{--slot-max: 34px}.draft-tray{width:calc(100vw - 16px);gap:10px;padding:8px 14px 8px 8px;border-radius:var(--r-xl)}.draft-art{width:40px;height:40px}.draft-hex{width:26px}.draft-sub{font-size:var(--fs-12)}.draft-meter{width:58px}.draft-count-label{display:none}}@media (pointer: coarse){.lane-pick{height:44px}.lane-cards{--hit-x: 6px}.lane-cards .gcard.is-interactive:before{content:"";position:absolute;inset:-5px calc(-1 * var(--hit-x))}@container composer (max-width: 540px){.lane-cards{column-gap:12px}}.offer-chevron{width:36px;height:36px}.offer-resp{min-height:44px}.steal-victim{min-height:56px}}@media (orientation: landscape) and (max-height: 560px){.composer,.offer-tray,.discard-tray{--under-turn: calc(var(--gutter-top) + var(--turn-h, 58px) + 6px);--strip-l: calc(var(--gutter-left) + 138px);--strip-r: calc(100vw - var(--hud-right, 0px))}.composer{--narrow: clamp(0px, calc((440px - var(--strip-r) + var(--strip-l)) * 999), 1px);--free-l: calc(var(--strip-l) - 138 * var(--narrow));--comp-bottom: max(var(--gutter-bottom), calc(var(--composer-bottom, calc(var(--hud-bottom-base, var(--hud-bottom, 0px)) + 2px)) - 9999 * var(--narrow)));left:calc((var(--free-l) + var(--strip-r)) / 2);width:min(440px,calc(var(--strip-r) - var(--free-l)));bottom:var(--comp-bottom);max-height:calc(100dvh - var(--comp-bottom) - var(--under-turn) - 44 * var(--narrow));gap:5px;padding:7px 12px 8px}.composer-head{gap:8px}.composer-head .icon-circle{width:30px!important;height:30px!important}.composer-head .icon-circle .game-icon{width:20px!important;height:20px!important}.composer-head .eyebrow{font-size:10px}.composer-head .composer-title{font-size:var(--fs-16);margin-top:0}.composer-close{margin:-7px -7px -7px 0}.composer-lanes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;position:relative}.composer-swap{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:1;width:26px;height:26px;margin:0;rotate:none}.composer-swap .glyph{width:16px;height:16px}.composer-lane{display:flex;flex-direction:column;align-items:stretch;gap:1px;padding:4px 8px 5px}.lane-head{gap:5px;min-height:18px;font-size:var(--fs-11);letter-spacing:.06em;text-transform:uppercase}.composer-lane.is-give .lane-head{color:var(--accent-2)}.composer-lane.is-get .lane-head{color:var(--leaf-2)}.lane-head .dir-arrow{width:18px;height:18px}.lane-head .dir-arrow .glyph{width:12px;height:12px}.lane-total{margin-left:auto;min-width:20px;height:18px;padding:0 6px;font-size:var(--fs-12);letter-spacing:0}.lane-cards{flex-wrap:nowrap;min-height:40px;padding:3px 0 0;gap:6px 8px;--hit-x: 4px}.lane-cards .gcard{--w: 28px}.lane-empty{min-height:34px;padding:0 6px;border-radius:var(--r-sm);font-size:var(--fs-11)}.lane-picker{padding-top:5px;gap:4px}.lane-pick{height:42px}.lane-pick .res-chip{--d: 21px}.rate-tag{top:-8px;right:-4px;padding:0 4px;font-size:10.5px;line-height:1.25;letter-spacing:0}@container composer (max-width: 560px){.lane-pick{flex-direction:column;gap:1px;padding:0}.lane-pick-n{font-size:var(--fs-11);line-height:1}.lane-pick-plus{width:13px;height:13px}.lane-pick-plus .glyph{width:9px;height:9px}}.composer-foot{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px}.composer-hint{flex:1 1 auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:var(--fs-12);line-height:1.25}.composer-hint>.glyph{display:inline-block;vertical-align:-2px;margin-right:4px}.composer-actions{flex:none;flex-wrap:nowrap;gap:8px;margin-left:0}.composer-actions .btn{padding:0 14px;gap:6px;font-size:14px}@container composer (max-width: 560px){.composer-lbl-long{display:none}.composer-lbl-short{display:inline}}.discard-tray{left:calc((var(--gutter-left) + var(--strip-r)) / 2);width:min(760px,calc(var(--strip-r) - var(--gutter-left)));max-height:calc(100dvh - var(--gutter-bottom) - var(--under-turn) - 44px);padding:10px 14px}.discard-btn-lbl{display:none}.discard-foot .btn-ghost{width:44px;padding:0;justify-content:center}@container discard (max-width: 539px){.discard-layout{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head foot" "progress progress" "rows rows";align-items:center;gap:6px 10px}.discard-head .icon-circle{display:none}.discard-title{font-size:var(--fs-16)}.discard-left{font-size:var(--fs-13)}.discard-confirm{flex:none;min-width:0;padding:0 14px}.discard-rows{gap:6px}.discard-row{grid-template-columns:52px minmax(0,1fr);gap:8px;padding:5px 10px}.discard-row-label b{font-size:var(--fs-18)}.discard-cards{--gx: 10px;--card-max: 40px;padding:4px 2px 0}.discard-slots{--slot-max: 30px}}.offer-tray{--tl: var(--strip-l);--strip: calc(var(--strip-r) - var(--strip-l));top:var(--tray-top, var(--under-turn));left:calc(var(--tl) + var(--strip) / 2);width:min(470px,calc(var(--strip) - 8px))}.offer-card{max-height:calc(100dvh - var(--under-turn) - var(--hud-bottom-base, var(--hud-bottom, 0px)) - 6px);overflow-y:auto;overscroll-behavior:contain}.offer-head{min-height:48px;padding:7px 10px 5px}.offer-tray.collapsed .offer-head{padding-bottom:7px}.offer-body{gap:6px;padding:0 10px 9px}.offer-deal{flex-basis:190px}.offer-cards .gcard{--w: 30px}.offer-responses{padding-top:6px}@container offer (max-width: 300px){.offer-deal{flex-basis:160px}.offer-side{padding:5px 7px 6px}.offer-side-label{letter-spacing:.04em}}}@media (prefers-reduced-motion: reduce){.offer-tray,.composer,.discard-tray,.steal-pop,.draft-tray,.offer-body{animation:fade-in var(--dur-2) linear both}.thinking i{animation:none;opacity:.6}}.glyph{display:inline-block;flex:none;vertical-align:middle}.dlg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--gutter-top) var(--gutter-right) var(--gutter-bottom) var(--gutter-left);background:radial-gradient(120% 90% at 50% 40%,#8fd3e042,#1c5c6880);animation:fade-in var(--dur-2) var(--ease-out) both;overflow-y:auto;overscroll-behavior:contain}.dlg{position:relative;width:min(560px,100%);max-height:calc(100dvh - var(--gutter-top) - var(--gutter-bottom));overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:24px 26px 22px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-3),var(--paper-highlight);animation:modal-in var(--dur-4) var(--ease-out) both}.dlg-handle{display:none}.dlg-close{position:absolute;top:14px;right:14px;z-index:2}.dlg-hero{display:flex;align-items:center;gap:18px;padding-right:36px;margin-bottom:18px}.dlg-hero-art{flex:none;display:grid;place-items:center;min-width:84px}.dlg-hero-card{--w: 78px !important;rotate:-6deg;box-shadow:0 0 0 1px #3a2e241f,0 8px 18px #143c4638;animation:dlg-card-in var(--dur-5) var(--ease-out) 80ms both}@keyframes dlg-card-in{0%{opacity:0;transform:translateY(10px) rotate(8deg) scale(.7)}55%{opacity:1;transform:translateY(-3px) rotate(-3deg) scale(1.06)}to{opacity:1;transform:none}}.dlg-hero-circle{box-shadow:inset 0 0 0 1px #3a2e240d,0 4px 12px #143c461f;animation:pop-in var(--dur-4) var(--ease-out) 80ms both}.dlg-hero-circle>img{width:72%;height:72%;object-fit:contain}.dlg-hero-circle>svg{width:76%;height:76%}.dlg-hero-circle.is-gold{background:radial-gradient(circle at 40% 30%,#FFFBEA,var(--gold-soft) 60%,#F6DE93)}.dlg-hero-text{min-width:0}.dlg-title{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-28);font-weight:700;line-height:1.08;letter-spacing:-.01em;margin-top:3px}.dlg-sub{margin-top:5px;font-size:var(--fs-14);color:var(--ink-2);line-height:1.4;font-weight:600}.dlg-sub b{color:var(--ink);font-weight:900}.dlg-section-label{display:flex;align-items:center;gap:6px;margin:2px 0 10px;font-size:var(--fs-11);font-weight:900;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-3)}.pick-slots-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.pick-slots-wrap .dlg-section-label{margin-bottom:8px}.pick-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-width:min(100%,300px);max-width:100%;padding:14px 18px;border-radius:var(--r-lg);background:var(--paper-2);box-shadow:inset 0 1px 3px #3a2e2414}.pick-slots .gcard{--w: 60px}.pick-slot-empty{display:grid;place-items:center;width:60px;aspect-ratio:3 / 4;border-radius:9px;border:2px dashed rgba(58,46,36,.2);background:#fff9ee99;color:var(--ink-4);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-22);font-weight:800}.pick-slot-empty.is-next{border-color:var(--accent);color:var(--accent);background:#fce6d499;animation:pulse-ring 1.8s var(--ease-out) infinite}.res-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;justify-items:center}.res-pick{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.res-picker .gcard{--w: clamp(52px, 12vw, 80px)}.res-picker.is-compact .gcard{--w: clamp(46px, 10vw, 64px)}.res-picker.is-compact .gcard-label{display:none}.res-picker.is-compact .gcard.has-label{padding-bottom:var(--frame)}.res-pick-cap{font-size:var(--fs-12);font-weight:700;color:var(--ink-3);white-space:nowrap}.res-pick-cap.is-warn{color:var(--danger-2)}.res-pick-cap.is-good{color:var(--leaf-2)}.dlg-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}.dlg-cta{min-width:190px}.dlg-cta-wide{flex:1 1 auto;max-width:320px;margin-inline:auto}.dlg-actions .btn>svg{width:18px;height:18px}.bm-lanes{display:flex;flex-direction:column;gap:14px}.bm-lane{padding:12px 12px 14px;border-radius:var(--r-lg);background:var(--paper-2)}.bm-lane .dlg-section-label{margin-bottom:8px}.bm-lane:first-child .dlg-section-label{color:var(--accent-2)}.bm-lane:last-child .dlg-section-label{color:var(--leaf-2)}.bm-summary{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-3);font-size:var(--fs-14);font-weight:800}.bm-summary .gcard{--w: 30px}.bm-summary.is-ready{background:var(--plum-soft);color:var(--plum)}.bm-summary-slot{display:grid;place-items:center;width:30px;aspect-ratio:3 / 4;border-radius:6px;border:1.5px dashed rgba(58,46,36,.22);color:var(--ink-4);font-size:var(--fs-12);font-weight:900}.bm-summary-arrow{color:var(--ink-3)}.bm-summary-text{margin-left:4px}@media (max-width: 900px),(max-height: 560px) and (pointer: coarse){.dlg-backdrop{place-items:end center;padding:var(--gutter-top) 0 0}.dlg{--sheet-side: max(20px, calc((100% - 680px)/2) );width:100%;max-height:calc(100dvh - var(--gutter-top) - 12px);padding:10px max(var(--sheet-side),var(--safe-right)) calc(20px + var(--safe-bottom)) max(var(--sheet-side),var(--safe-left));border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;box-shadow:0 -4px 12px #143c4614,0 -18px 48px #143c4638;animation:sheet-up var(--dur-4) var(--ease-out) both}.dlg-handle{display:block;flex:none;width:42px;height:5px;margin:0 auto 12px;border-radius:99px;background:var(--paper-3)}.dlg-close{top:18px;right:max(14px,calc((100% - 720px)/2 + 14px),var(--safe-right))}.dlg-actions>.btn{flex:1 1 0}.dlg-actions>.btn-ghost{flex:0 0 auto;padding:0 22px}.dlg-cta{min-width:0}.dlg-cta-wide{max-width:none}}@media (max-width: 520px){.dlg-hero{gap:14px;margin-bottom:14px}.dlg-hero-art{min-width:64px}.dlg-hero-card{--w: 60px !important}.dlg-hero-circle{width:62px!important;height:62px!important}.dlg-title{font-size:var(--fs-22)}.dlg-sub{font-size:var(--fs-13)}.res-picker{gap:6px}.pick-slots{padding:10px;gap:8px}.pick-slots .gcard,.pick-slot-empty{--w: 50px;width:50px}.bm-summary{font-size:var(--fs-13);padding:8px 12px}}.winner-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--gutter-top) var(--gutter-right) var(--gutter-bottom) var(--gutter-left);background:radial-gradient(60% 50% at 50% 30%,#ffe2965c,#ffe29600 70%),radial-gradient(120% 90% at 50% 40%,#8fd3e03d,#16505e94);animation:fade-in var(--dur-3) var(--ease-out) both}.winner-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;max-width:none;pointer-events:none}.winner-confetti.is-back{z-index:0}.winner-card{position:relative;z-index:1;width:min(640px,100%);max-height:calc(100dvh - var(--gutter-top) - var(--gutter-bottom));display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-3),var(--paper-highlight),0 0 0 6px #fff9ee59;overflow:hidden;animation:modal-in var(--dur-4) var(--ease-out) .12s both;transition:width var(--dur-3) var(--ease-out)}.winner-card.is-wide{width:min(940px,100%)}.winner-hero{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 24px 6px;background:radial-gradient(70% 90% at 50% 0%,#fbefc9f2,#fbefc900 70%)}.winner-trophy{position:relative;display:grid;place-items:center;width:118px;height:118px;margin-bottom:4px}.winner-rays{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#e8b53e57,#e8b53e57 9deg,#e8b53e00 9deg,#e8b53e00 24deg);-webkit-mask:radial-gradient(circle,#000 18%,rgba(0,0,0,.8) 42%,transparent 70%);mask:radial-gradient(circle,#000 18%,rgba(0,0,0,.8) 42%,transparent 70%);animation:spin-slow 24s linear infinite}.winner-trophy:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;background:radial-gradient(circle at 42% 34%,#FFFDF4,var(--gold-soft) 62%,#F5D988);box-shadow:0 6px 18px #c9951f47,inset 0 0 0 1px #c9951f2e}.winner-trophy-img{position:relative;z-index:1;filter:drop-shadow(0 4px 6px rgba(120,80,10,.3));animation:winner-trophy .9s var(--ease-out) .26s both,bob 3s var(--ease-in-out) 1.4s infinite}@keyframes winner-trophy{0%{opacity:0;transform:translateY(18px) scale(.3) rotate(-18deg)}45%{opacity:1;transform:translateY(-6px) scale(1.14) rotate(6deg)}70%{transform:translateY(1px) scale(.96) rotate(-2deg)}to{opacity:1;transform:none}}.winner-title{margin-top:4px;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-36);font-weight:800;line-height:1.05;letter-spacing:-.02em;animation:rise-in var(--dur-4) var(--ease-out) .36s both}.winner-sub{margin-top:4px;font-size:var(--fs-14);font-weight:700;color:var(--ink-2);animation:rise-in var(--dur-4) var(--ease-out) .44s both}.winner-hero .eyebrow{animation:rise-in var(--dur-4) var(--ease-out) .3s both}.winner-card.is-wide .winner-hero{padding-top:12px}.winner-card.is-wide .winner-trophy{width:64px;height:64px;margin-bottom:0}.winner-card.is-wide .winner-trophy:before{top:6px;right:6px;bottom:6px;left:6px}.winner-card.is-wide .winner-rays{top:-8px;right:-8px;bottom:-8px;left:-8px}.winner-card.is-wide .winner-trophy-img{width:44px!important;height:44px!important;animation:none}.winner-card.is-wide .winner-title{font-size:var(--fs-28)}.winner-tabs{align-self:center;flex:none;margin:12px auto 2px}.winner-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 22px 16px}.winner-body.is-stats{display:flex;flex-direction:column;overflow:hidden;padding-bottom:12px}.winner-standings{display:flex;flex-direction:column;gap:14px;animation:fade-in var(--dur-3) var(--ease-out) both}.podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding-top:18px}.podium-col{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:132px;min-width:0;animation:podium-rise var(--dur-5) var(--ease-out) both}.podium-col.place-1{animation-delay:.52s}.podium-col.place-2{animation-delay:.64s}.podium-col.place-3{animation-delay:.74s}@keyframes podium-rise{0%{opacity:0;transform:translateY(30px)}60%{opacity:1;transform:translateY(-4px)}to{opacity:1;transform:none}}.podium-crown{position:absolute;top:-20px;color:var(--gold);filter:drop-shadow(0 1px 1px rgba(120,80,10,.35));animation:bob 2.4s var(--ease-in-out) infinite}.podium-crown path{stroke:#b8881a;stroke-width:1.2}.podium-name{max-width:100%;font-size:var(--fs-13);font-weight:800;color:var(--ink)}.podium-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;padding:4px 0 2px;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#efe3cb,#e3d4b6);box-shadow:inset 0 1px #fff9,inset 0 -3px #3a2e2414,0 4px 10px #143c461f}.place-1 .podium-block{height:98px;background:linear-gradient(180deg,#FFE69A,var(--gold) 70%,#D9A12B)}.place-2 .podium-block{height:78px;background:linear-gradient(180deg,#f1eee8,#d5d9de)}.place-3 .podium-block{height:64px;background:linear-gradient(180deg,#f8d9bf,#e5a778)}.place-3 .podium-rank{font-size:var(--fs-22)}.podium-rank{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-28);font-weight:800;line-height:1;color:#3a2e24b8}.place-1 .podium-rank{color:#6a4a08;font-size:var(--fs-36)}.podium-vp{font-size:var(--fs-12);font-weight:800;color:#3a2e24b3}.podium-vp b{font-family:var(--font-display);font-size:var(--fs-14);color:var(--ink)}.podium-1 .podium-col{width:160px}.standings-scroll{border-radius:var(--r-lg);background:var(--paper-2);padding:4px 8px;overflow-x:auto}.standings-table{width:100%;border-collapse:collapse;font-size:var(--fs-14)}.standings-table th{padding:8px 8px 6px;font-size:var(--fs-11);font-weight:900;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-3);text-align:center;white-space:nowrap}.standings-table td{padding:7px 8px;text-align:center;border-top:1px solid rgba(58,46,36,.07);white-space:nowrap}.standings-table .st-player{text-align:left;width:100%;max-width:0}.st-player-in{display:flex;align-items:center;gap:9px;min-width:0;font-weight:800}.st-rank{width:40px}.st-rank-dot{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:800;font-size:var(--fs-13)!important}.st-vp{font-size:var(--fs-18)}.standings-table tr.is-winner td{background:#fbefc9b3}.standings-table tr.is-winner td:first-child{border-radius:12px 0 0 12px}.standings-table tr.is-winner td:last-child{border-radius:0 12px 12px 0}.standings-table tr.is-me .st-player-in>.truncate:after{content:" (you)";color:var(--ink-3);font-weight:700}.award-icons{display:inline-flex;gap:6px;justify-content:center}.award-chip{display:inline-flex;align-items:center;gap:3px;height:26px;padding:0 8px 0 4px;border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--shadow-1);font-family:var(--font-display);font-size:var(--fs-13);font-weight:800}.winner-actions{flex:none;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:14px 22px calc(16px + var(--safe-bottom) * .5);border-top:1px solid var(--paper-3);background:linear-gradient(180deg,rgba(246,238,221,.4),var(--paper))}.winner-actions .btn>svg{width:18px;height:18px}.winner-actions .btn-ghost{margin-right:auto}.winner-wait{font-size:var(--fs-13);font-weight:700;color:var(--ink-3);text-align:right}@media (max-height: 820px){.winner-trophy{width:96px;height:96px}.winner-trophy-img{width:66px!important;height:66px!important}.winner-hero{padding-top:16px}.winner-title{font-size:var(--fs-28)}.place-1 .podium-block{height:84px}.place-2 .podium-block{height:68px}.place-3 .podium-block{height:56px}}@media (max-height: 790px){.winner-hero{padding-top:10px}.winner-trophy{width:76px;height:76px}.winner-trophy:before{top:10px;right:10px;bottom:10px;left:10px}.winner-trophy-img{width:52px!important;height:52px!important}.winner-title{font-size:var(--fs-28);margin-top:0}.winner-tabs{margin-top:8px}.winner-body{padding-top:8px}.winner-standings{gap:10px}.podium{padding-top:14px}.podium-col .pavatar{--size: 42px !important}.podium-col.place-1 .pavatar{--size: 50px !important}.place-1 .podium-block{height:72px}.place-2 .podium-block{height:58px}.place-3 .podium-block{height:48px}.place-1 .podium-rank{font-size:var(--fs-28)}.podium-rank{font-size:var(--fs-22)}.standings-table td{padding:5px 8px}.winner-actions{padding-top:10px;padding-bottom:12px}}@media (max-width: 600px){.winner-backdrop{padding:var(--gutter-top) 0 0;place-items:end center}.winner-card,.winner-card.is-wide{width:100%;max-height:calc(100dvh - var(--gutter-top) - 8px);border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;animation:sheet-up var(--dur-4) var(--ease-out) .12s both}.winner-body{padding:10px 14px 14px}.winner-hero{padding-top:10px}.winner-trophy{width:76px;height:76px}.winner-trophy:before{top:10px;right:10px;bottom:10px;left:10px}.winner-trophy-img{width:52px!important;height:52px!important}.winner-title{font-size:var(--fs-28);margin-top:0}.winner-tabs{margin-top:8px}.podium-col .pavatar{--size: 42px !important}.podium-col.place-1 .pavatar{--size: 50px !important}.place-1 .podium-block{height:72px}.place-2 .podium-block{height:58px}.place-3 .podium-block{height:48px}.place-1 .podium-rank{font-size:var(--fs-28)}.podium-rank{font-size:var(--fs-22)}.podium{gap:8px}.podium-col{width:104px}.standings-table th:nth-child(4),.standings-table td:nth-child(4),.standings-table th:nth-child(5),.standings-table td:nth-child(5){display:none}.winner-actions{padding:12px 14px calc(12px + var(--safe-bottom))}.winner-actions .btn{flex:1 1 0;padding:0 12px}.winner-actions .btn-primary{order:-1;flex-basis:100%}.winner-actions .btn-ghost{margin-right:0}.winner-wait{flex-basis:100%;text-align:center}}.stats-scroll{flex:1 1 auto;min-height:0;max-height:min(60dvh,560px);overflow:auto;overscroll-behavior:contain;border-radius:var(--r-lg);background:var(--paper-2);box-shadow:inset 0 1px 3px #3a2e2412;animation:fade-in var(--dur-3) var(--ease-out) both}.winner-body .stats-scroll{max-height:none}.stats-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-14)}.stats-table thead th{position:sticky;top:0;z-index:2;padding:10px 6px 8px;background:var(--paper-2);box-shadow:inset 0 -1px #3a2e241a;vertical-align:bottom}.stats-table .stats-corner{left:0;z-index:3;text-align:left;padding-left:14px}.stats-player{min-width:76px}.stats-player .pavatar{margin:0 auto;display:grid}.stats-player-name{display:block;max-width:84px;margin:4px auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12);font-weight:800;color:var(--ink-2)}.stats-player.is-winner .stats-player-name{color:var(--gold-2)}.stats-player.is-me .stats-player-name{color:var(--ink)}.stats-group th{padding:12px 14px 4px;text-align:left;font-size:var(--fs-11);font-weight:900;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent)}.stats-group th>span{position:sticky;left:14px}.stats-label{position:sticky;left:0;z-index:1;padding:5px 10px 5px 12px;background:var(--paper-2);text-align:left;font-weight:700;font-size:var(--fs-13);color:var(--ink);white-space:nowrap}.stats-label-in{display:flex;align-items:center;gap:10px}.stat-icon{flex:none}.stat-icon>svg{width:62%;height:62%}.stat-icon>img{width:80%;height:80%;object-fit:contain}.stats-table td{padding:5px 6px;text-align:center;font-size:var(--fs-16);color:var(--ink-2);border-top:1px solid rgba(58,46,36,.05)}.stats-table td.col-winner{background:#fbefc973}.stats-table td>span{display:inline-grid;place-items:center;min-width:30px;height:26px;padding:0 6px;border-radius:var(--r-pill)}.stats-table td.best>span{background:var(--paper);color:var(--ink);font-weight:800;box-shadow:inset 0 0 0 2px var(--gold),0 1px 3px #78500a2e}@media (hover: hover) and (pointer: fine){.stats-table tbody tr:not(.stats-group):hover td,.stats-table tbody tr:not(.stats-group):hover th{background-color:#fff9eef2}}@media (max-width: 600px){.stats-table .stats-corner{padding-left:8px}.stats-label{font-size:var(--fs-12);padding:5px 6px 5px 8px;max-width:128px;white-space:normal;line-height:1.15}.stats-label-in{gap:6px}.stats-table .stat-icon{width:24px!important;height:24px!important}.stats-player{min-width:46px;padding-left:2px!important;padding-right:2px!important}.stats-player .pavatar{--size: 26px !important}.stats-player-name{width:0;min-width:100%;max-width:none;font-size:var(--fs-11)}.stats-table td{padding:4px 2px;font-size:var(--fs-14)}.stats-table td>span{min-width:28px;height:24px;padding:0 4px}.stats-group th{padding-left:8px}.stats-group th>span{left:8px}}.perk-draft-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--gutter-top) var(--gutter-right) var(--gutter-bottom) var(--gutter-left);background:radial-gradient(120% 90% at 50% 40%,#8fd3e038,#1c5c6875);animation:fade-in var(--dur-3) var(--ease-out) both}.perk-draft{position:relative;width:min(1180px,100%);max-width:100%;max-height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;padding:22px 24px 18px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-3),var(--paper-highlight);animation:modal-in var(--dur-4) var(--ease-out) both}.perk-draft-head{flex:none;display:flex;align-items:flex-end;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;margin-bottom:16px}.perk-draft-titles{min-width:0;flex:1 1 360px}.perk-draft-title{margin-top:3px;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-36);font-weight:800;line-height:1.05;letter-spacing:-.015em}.perk-draft-lede{margin-top:6px;font-size:var(--fs-14);color:var(--ink-2);font-weight:600;max-width:560px}.perk-draft-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:0}.perk-draft-pills{display:flex;align-items:center;gap:6px}.perk-draft-clock{gap:5px;font-variant-numeric:tabular-nums lining-nums}.perk-draft-clock>svg{width:13px;height:13px}.perk-draft-clock.is-mine{background:var(--accent-soft);color:var(--accent-2)}.perk-draft-clock.is-low{background:var(--danger-soft);color:var(--danger-2);animation:timer-tick 1s var(--ease-in-out) infinite}.perk-draft-table{display:flex;align-items:center;padding:4px 10px 4px 6px;border-radius:var(--r-pill);background:var(--paper-2)}.perk-seat{position:relative;margin-right:-6px}.perk-draft-table.is-crowded .perk-seat{margin-right:-10px}.perk-seat .pavatar{transition:filter var(--dur-2) var(--ease-out)}.perk-seat:not(.is-done) .pavatar{filter:saturate(.5) opacity(.65)}.perk-seat.is-up{z-index:3}.perk-seat.is-up .pavatar{filter:none}.perk-seat-check{position:absolute;right:-2px;bottom:-2px;z-index:4;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--leaf);color:#fff;box-shadow:0 0 0 2px var(--paper-2);animation:badge-pop var(--dur-3) var(--ease-spring) both}.perk-draft-count{margin-left:16px;font-size:var(--fs-14);color:var(--ink-2)}.perk-draft-exit{position:relative;flex:none;margin-left:2px}.perk-draft-exit-btn{width:32px;height:32px;color:var(--ink-2);box-shadow:var(--shadow-1),var(--paper-highlight)}.perk-draft-exit-btn>svg{width:18px;height:18px}.perk-draft-exit-pop{top:calc(100% + 12px);right:-6px;width:280px;display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;text-align:left}.perk-draft-exit-pop:after{left:auto;right:16px}.perk-draft-vote{flex:none;display:flex;margin:-4px 0 12px;container:endvote / inline-size}.perk-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;overflow-y:auto;overscroll-behavior:contain;padding:10px 4px 14px;margin:-6px -4px 0;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent)}.perk-card{position:relative;display:flex;align-items:center;gap:14px;min-height:96px;padding:12px 14px 12px 12px;border-radius:var(--r-lg);background:var(--paper-2);border:1.5px solid transparent;text-align:left;color:var(--ink);touch-action:manipulation;transition:transform var(--dur-2) var(--ease-spring),background-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out);animation:rise-in var(--dur-3) var(--ease-out) both}.perk-card:active:not(:disabled){transform:scale(.97)}.perk-card:disabled{cursor:default;opacity:.62}.perk-card.owned{opacity:1;background:var(--leaf-soft);border-color:var(--leaf)}.perk-draft.is-unique .perk-card:disabled:not(.owned,.taken){opacity:.9}.perk-card.taken{opacity:1;background:transparent;border-color:var(--paper-3)}.perk-card.taken .perk-card-copy{opacity:.5}.perk-card.taken .perk-art{background:var(--paper-2);box-shadow:none}.perk-card.taken .perk-art img{filter:grayscale(.85) opacity(.55)}.perk-card.taken .perk-card-title{padding-right:64px}.perk-card.is-confirming{background:var(--paper);border-color:var(--accent);box-shadow:var(--shadow-2),var(--ring)}.perk-card.is-confirming .perk-art{box-shadow:inset 0 0 0 1px #3a2e240f,0 0 0 3px var(--accent-soft),0 2px 6px #143c461a}.perk-card-confirm{position:absolute;top:-10px;right:12px;z-index:1;display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 9px 0 7px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:var(--fs-11);font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 0 2px var(--paper),var(--shadow-1);pointer-events:none;animation:badge-pop var(--dur-3) var(--ease-spring) both}.perk-art{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#FFFDF6,var(--paper) 55%,#EFE2C8);box-shadow:inset 0 0 0 1px #3a2e240f,0 2px 6px #143c461a}.perk-art img{width:80%;height:80%;object-fit:contain}.perk-art{position:relative}.perk-art-owner{position:absolute;right:-6px;bottom:-4px;z-index:1}.perk-art-text{font-family:var(--font-display);font-weight:800;font-size:var(--fs-18);color:var(--accent-2)}.perk-card-copy{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.perk-card-title{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-18);font-weight:700;line-height:1.1}.perk-card-desc{font-size:var(--fs-13);line-height:1.32;color:var(--ink-2);font-weight:600;overflow-wrap:anywhere}.perk-card-note{font-size:var(--fs-12);line-height:1.25;color:var(--gold-2);font-weight:800;text-wrap:balance}.perk-card-tag{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 8px 0 6px;border-radius:var(--r-pill);background:var(--leaf);color:#fff;font-size:var(--fs-11);font-weight:900;letter-spacing:.04em;text-transform:uppercase;animation:badge-pop var(--dur-3) var(--ease-spring) both}.perk-card.owned .perk-card-title{padding-right:64px}.perk-card-tag.is-taken{background:var(--paper-3);color:var(--ink-2);padding:0 8px}@media (hover: hover) and (pointer: fine){.perk-card:not(:disabled):hover{transform:translateY(-2px);background:var(--paper);border-color:#e0773a80;box-shadow:var(--shadow-2),0 0 0 3px #e0773a24}.perk-card.is-confirming:not(:disabled):hover{border-color:var(--accent);box-shadow:var(--shadow-2),var(--ring-strong)}}@media (max-width: 900px){.perk-draft{padding:18px 16px 14px}.perk-draft-title{font-size:var(--fs-28)}.perk-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.perk-card{gap:11px;min-height:88px;padding:10px 12px 10px 10px}.perk-art{width:48px;height:48px}.perk-card-title{font-size:var(--fs-16)}.perk-card-desc{font-size:var(--fs-12)}.perk-card-note{font-size:var(--fs-11)}}@media (max-width: 600px){.perk-draft-backdrop{padding:var(--gutter-top) 0 0;place-items:end center}.perk-draft{max-height:100%;border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;padding:16px max(14px,var(--safe-right)) calc(10px + var(--safe-bottom)) max(14px,var(--safe-left));animation:sheet-up var(--dur-4) var(--ease-out) both}.perk-draft-head{margin-bottom:12px;align-items:flex-start}.perk-draft-titles{flex-basis:100%;padding-right:40px}.perk-draft-exit{position:absolute;top:12px;right:max(12px,var(--safe-right));margin:0}.perk-draft-vote{margin:-2px 0 10px}.perk-draft-vote>.endvote-pill{flex:1 1 auto;max-width:none}.perk-draft-title{font-size:var(--fs-22)}.perk-draft-lede{font-size:var(--fs-13)}.perk-draft-status{flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;justify-content:space-between}.perk-grid{grid-template-columns:minmax(0,1fr)}.perk-card{min-height:0}}@media (hover: hover) and (pointer: fine){.dlg-backdrop{background:radial-gradient(120% 90% at 50% 40%,#8fd3e029,#1c5c685c);-webkit-backdrop-filter:blur(5px) saturate(1.1);backdrop-filter:blur(5px) saturate(1.1)}.winner-backdrop{background:radial-gradient(60% 50% at 50% 30%,#ffe29652,#ffe29600 70%),radial-gradient(120% 90% at 50% 40%,#8fd3e024,#16505e75);-webkit-backdrop-filter:blur(6px) saturate(1.15);backdrop-filter:blur(6px) saturate(1.15)}.perk-draft-backdrop{background:radial-gradient(120% 90% at 50% 40%,#8fd3e01f,#1c5c6857);-webkit-backdrop-filter:blur(4px) saturate(1.1);backdrop-filter:blur(4px) saturate(1.1)}}@media (prefers-reduced-motion: reduce){.winner-rays,.winner-trophy-img,.podium-crown,.pick-slot-empty.is-next,.perk-draft-clock.is-low{animation:none}}.winner-share{position:absolute;top:14px;left:14px;z-index:3;animation:rise-in var(--dur-4) var(--ease-out) .7s both}.winner-share>svg{width:17px;height:17px}.winner-share[aria-busy=true]{opacity:1;filter:none;cursor:progress}.winner-share-spin{width:15px;height:15px;flex:none;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}.series-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;max-width:100%;margin-top:9px;padding:5px 14px 5px 12px;border-radius:var(--r-pill);background:#fff9eed9;box-shadow:inset 0 0 0 1px #3a2e2414;font-size:var(--fs-13);font-weight:800;color:var(--ink-2);animation:rise-in var(--dur-4) var(--ease-out) .52s both}.series-label{font-size:var(--fs-11);font-weight:900;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--gold-2)}.series-entry{display:inline-flex;align-items:center;gap:5px;min-width:0}.series-name{max-width:120px}.series-entry b{font-size:var(--fs-16);font-weight:800;color:var(--ink);line-height:1}.series-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--ink-4);box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #3a2e2438}.series-more{color:var(--ink-3)}.winner-card.is-wide .series-line{margin-top:6px}.winner-hero:has(.series-line) .winner-trophy{width:100px;height:100px;margin-bottom:0}.winner-hero:has(.series-line) .winner-trophy:before{top:13px;right:13px;bottom:13px;left:13px}.winner-hero:has(.series-line) .winner-trophy-img{width:70px!important;height:70px!important}.winner-card.is-wide .winner-hero:has(.series-line) .winner-trophy{width:64px;height:64px}.winner-card.is-wide .winner-hero:has(.series-line) .winner-trophy-img{width:44px!important;height:44px!important}@media (max-height: 820px),(max-width: 600px){.winner-hero:has(.series-line) .winner-trophy{width:68px;height:68px}.winner-hero:has(.series-line) .winner-trophy:before{top:8px;right:8px;bottom:8px;left:8px}.winner-hero:has(.series-line) .winner-trophy-img{width:48px!important;height:48px!important}}.new-stamp{position:absolute;top:8px;right:12px;z-index:3;display:flex;flex-direction:column;align-items:center;padding:4px 4px 2px;border:0;border-radius:20px;background:none;color:inherit;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-2) var(--ease-spring)}.new-stamp .stamp.is-fresh{animation-delay:1.35s}.new-stamp-label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:4px;margin-top:-9px;padding:3px 9px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent-3),var(--accent));color:var(--on-accent);font-size:var(--fs-11);font-weight:900;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 0 rgba(120,44,10,.25);box-shadow:0 2px 6px #c95f284d;animation:badge-pop var(--dur-4) var(--ease-bounce) 1.9s both}.new-stamp-label b{padding:0 5px;border-radius:var(--r-pill);background:#ffffff47;font-weight:900}@media (hover: hover) and (pointer: fine){.new-stamp:hover{transform:scale(1.06) rotate(-2deg)}}.new-stamp:active{transform:scale(.95)}@media (max-width: 600px){.series-line{gap:3px 9px;margin-top:7px;padding:4px 12px}.series-name{max-width:84px}.fun-awards{gap:3px}.fun-award{height:21px;padding:0 8px 0 2px;font-size:11.5px;gap:3px}.fun-award img{width:17px;height:17px}.st-name-wrap{gap:1px 6px}.winner-share{top:12px;left:12px}.new-stamp{top:4px;right:6px}.new-stamp .stamp{--stamp-size: 56px !important}}.st-name-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;min-width:0}.st-name-wrap>.truncate{min-width:0;max-width:100%}.standings-table tr.is-me .st-name-wrap>.truncate:after{content:" (you)";color:var(--ink-3);font-weight:700}.fun-awards{display:inline-flex;flex-wrap:wrap;gap:4px;min-width:0}.fun-award{position:relative;display:inline-flex;align-items:center;gap:4px;max-width:100%;height:24px;padding:0 9px 0 3px;border:1px solid rgba(58,46,36,.08);border-radius:var(--r-pill);background:var(--paper);box-shadow:0 1px 2px #3a2e2414;color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-12);font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;touch-action:manipulation;animation:badge-pop var(--dur-4) var(--ease-bounce) .9s both}.fun-award img{width:20px;height:20px;flex:none;object-fit:contain}.fun-award-title{color:var(--ink)}.fun-award-detail{color:var(--ink-3);font-weight:700;overflow:hidden;text-overflow:ellipsis}.fun-award.is-open .fun-award-detail:before{content:"· "}.fun-award.is-open{background:var(--gold-soft);border-color:#c9951f40}@media (hover: hover) and (pointer: fine){.fun-award:hover{background:var(--gold-soft)}}@media (pointer: coarse){.fun-award:before{content:"";position:absolute;top:-10px;right:-3px;bottom:-10px;left:-3px}}.series-strip-wrap{container-type:inline-size;margin:0 0 8px}.series-strip{display:flex;align-items:center;gap:8px;min-width:0;min-height:32px;padding:4px 12px 4px 10px;border-radius:var(--r-md);background:linear-gradient(180deg,#FDF5DA,var(--gold-soft));box-shadow:inset 0 0 0 1px #c9951f2e;color:var(--ink-2);font-size:var(--fs-13);font-weight:800;animation:rise-in var(--dur-4) var(--ease-out) .2s both}.series-strip .series-label{display:inline-flex;flex:none;align-items:center;gap:5px}.series-strip .series-label img{width:18px;height:18px}.series-headline{flex:0 1 auto;min-width:0;color:var(--ink)}.series-entries{display:none;flex:0 1 auto;min-width:0;align-items:center;gap:4px 12px;overflow:hidden}.series-strip-next{flex:none;margin-left:auto;color:var(--ink-3);font-weight:700;white-space:nowrap}@container (max-width: 320px){.series-strip .series-strip-next{display:none}}@container (min-width: 480px){.series-strip .series-headline{display:none}.series-strip .series-entries{display:inline-flex}}.passport-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 8px 0 10px;border:var(--border);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-14);font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;touch-action:manipulation;box-shadow:var(--shadow-1),inset 0 -2px #3a2e2412,var(--paper-highlight);transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out)}.passport-chip .passport-glyph{flex:none;filter:drop-shadow(0 1px 1px rgba(14,95,104,.25))}.passport-chip-count{padding:4px 8px;border-radius:var(--r-pill);background:var(--teal-soft);color:var(--teal-2);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-variant-numeric:tabular-nums;font-size:var(--fs-13);font-weight:800}.passport-chip:active{transform:scale(.95)}.passport-chip:focus-visible{box-shadow:var(--shadow-1),var(--ring-strong)}@media (hover: hover) and (pointer: fine){.passport-chip:hover{transform:translateY(-1.5px);box-shadow:var(--shadow-lift)}}@media (pointer: coarse){.passport-chip{min-height:44px}}.passport-dlg{width:min(660px,100%)}.passport{display:flex;flex-direction:column;min-width:0}.passport-hero{display:flex;align-items:center;gap:18px;padding-right:40px;margin-bottom:18px}.passport-cover{flex:none;display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:radial-gradient(circle at 40% 30%,#F2FBFA,var(--teal-soft) 65%,#BFE6E6);box-shadow:inset 0 0 0 1px #157f8a1f,0 4px 12px #143c461f;rotate:-5deg;animation:pop-in var(--dur-4) var(--ease-out) 80ms both}.passport-cover .passport-glyph{filter:drop-shadow(0 4px 6px rgba(14,95,104,.3))}.passport-hero-text{min-width:0;flex:1 1 auto}.passport-meter{display:block;max-width:300px;height:8px;margin-top:10px;border-radius:var(--r-pill);background:var(--paper-3);overflow:hidden}.passport-meter>span{display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,var(--teal-3),var(--teal));transform-origin:left center;animation:meter-fill var(--dur-5) var(--ease-out) .2s both}@keyframes meter-fill{0%{transform:scaleX(0)}}.passport-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}.passport-stat{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:3px;min-width:0;padding:10px 12px 9px;border-radius:var(--r-md);background:var(--paper-2)}.passport-stat dt{font-size:var(--fs-11);font-weight:800;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.passport-stat dd{display:flex;align-items:baseline;gap:3px;margin:0;min-width:0;white-space:nowrap}.passport-stat dd .num{font-size:var(--fs-22);font-weight:800;line-height:1.1;color:var(--ink)}.passport-unit{font-size:var(--fs-12);font-weight:800;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}.passport-stat.is-empty .num{color:var(--ink-4)}.passport-fav{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:8px 16px 8px 10px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--teal-soft),#EAF7F3 70%);box-shadow:inset 0 0 0 1px #157f8a1a}.passport-fav-thumb{flex:none;display:block;width:148px;height:92px}.passport-fav-thumb .map-thumb{display:block}.passport-fav-text{display:flex;flex-direction:column;gap:1px;min-width:0}.passport-fav-text b{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-18);font-weight:700;color:var(--ink)}.passport-fav-text .faint{font-size:var(--fs-13);font-weight:700}.passport-stamps .dlg-section-label{justify-content:space-between;margin-bottom:12px}.passport-stamps-count{color:var(--teal-2);letter-spacing:.04em}.stamp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 10px;margin:0;padding:0;list-style:none}.stamp-cell{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;text-align:center}.stamp-wrap{position:relative;display:inline-grid;margin-bottom:6px}.stamp-new{position:absolute;top:-4px;right:-10px;z-index:3;padding:3px 7px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent-3),var(--accent));color:var(--on-accent);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 2px 5px #c95f284d;animation:badge-pop var(--dur-4) var(--ease-bounce) .7s both}.stamp-title{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;font-size:var(--fs-13);font-weight:900;line-height:1.2;color:var(--ink)}.stamp-hint{font-size:var(--fs-12);font-weight:700;line-height:1.3;color:var(--ink-3)}.stamp-cell.is-locked .stamp-title,.stamp-cell.is-earned .stamp-hint{color:var(--ink-2)}.passport-foot{margin-top:18px;font-size:var(--fs-12);font-weight:700;color:var(--ink-3);text-align:center}@media (max-width: 600px){.passport-hero{gap:14px;margin-bottom:14px}.passport-cover{width:66px;height:66px;border-radius:20px}.passport-cover .passport-glyph{width:46px;height:46px}.passport-fav-thumb{width:112px;height:72px}.passport-stats{gap:6px}.passport-stat{padding:8px 9px 7px}.passport-stat dt{font-size:10px;letter-spacing:.02em}.passport-stat dd .num{font-size:var(--fs-18)}.passport-unit{font-size:11px}.stamp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}}@media (max-width: 400px){.passport-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stamp{--stamp-size: 84px;--stamp-ink: var(--teal-2);--stamp-tilt: 0deg;position:relative;display:inline-grid;place-items:center;flex:none;width:var(--stamp-size);height:var(--stamp-size);rotate:var(--stamp-tilt)}.stamp-ring{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%}.stamp-art{position:relative;z-index:1;width:68%;height:68%;object-fit:contain}.stamp-art-blank{display:block;border-radius:50%;background:var(--paper-3)}.stamp.is-earned .stamp-ring{background:radial-gradient(circle at 50% 38%,#fffdf7,#fbf2df 75%);border:max(2px,calc(var(--stamp-size) * .036)) solid var(--stamp-ink);box-shadow:0 3px 8px #3a2e2424,inset 0 1px #ffffffb3}.stamp.is-earned .stamp-ring:before{content:"";position:absolute;inset:max(3px,calc(var(--stamp-size) * .05));border-radius:50%;border:1.5px dashed var(--stamp-ink);opacity:.55}.stamp.is-earned .stamp-art{filter:drop-shadow(0 2px 2px rgba(58,46,36,.18))}.stamp.is-locked .stamp-ring{background:var(--paper-2);border:2px dashed var(--paper-4)}.stamp.is-locked .stamp-art{filter:brightness(0);opacity:.12}.stamp-date{position:absolute;bottom:-3px;left:50%;z-index:2;translate:-50% 0;padding:2px 7px;border-radius:6px;background:var(--stamp-ink);color:#fff9ee;font-size:9.5px;font-weight:900;letter-spacing:.08em;line-height:1.3;white-space:nowrap;box-shadow:0 1px 3px #3a2e2433}.stamp.is-fresh{animation:stamp-slam .64s var(--ease-out) .12s both}@keyframes stamp-slam{0%{opacity:0;transform:scale(2.2) rotate(-20deg)}55%{opacity:1;transform:scale(.9) rotate(3deg)}78%{transform:scale(1.05) rotate(-1deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){@keyframes stamp-slam{0%{opacity:0}to{opacity:1}}@keyframes meter-fill{0%{transform:none}to{transform:none}}}.toast-viewport{position:fixed;left:var(--toast-lane-left, 12px);width:var(--toast-lane-w, calc(100% - 24px) );top:max(var(--gutter-top),var(--toast-top, 0px),var(--toast-y, 0px));z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 max(0px,calc(var(--safe-right) - 12px)) 0 max(0px,calc(var(--safe-left) - 12px));pointer-events:none;transition:top var(--dur-3) var(--ease-out)}.toast-viewport.is-placing{transition:none}.toast-viewport:empty{display:none}.toast-viewport>*{pointer-events:auto}.toast-viewport>.conn-pill{order:0}.toast-viewport>.endvote-lane{order:1}.toast-viewport>.event-toast{order:2}.toast-viewport>.app-toast{order:3}.toast-viewport .toast-card{position:relative;width:max-content;min-width:min(300px,100%);max-width:min(460px,100%);padding:12px 24px 12px 12px;gap:14px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-origin:50% 0%;box-shadow:0 2px 4px #143c4614,0 12px 32px #143c462e,var(--paper-highlight)}.toast-viewport .toast-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(120% 90% at 30% 0%,#ffffffb3,#fff0 70%),#faf4e8db;box-shadow:inset 0 0 0 1px #ffffff8c;opacity:0;pointer-events:none}.toast-viewport .toast-card .toast-body{gap:1px;padding-top:1px}.toast-viewport .toast-card .eyebrow{font-size:10.5px;letter-spacing:.15em}.toast-viewport .toast-card .toast-title{font-size:var(--fs-22);font-weight:700;line-height:1.14;text-wrap:pretty;overflow-wrap:anywhere}.toast-viewport .toast-card .toast-sub{margin-top:2px;font-size:var(--fs-13);font-weight:700;line-height:1.3;color:var(--ink-2);text-wrap:pretty}.toast-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.toast-chips .res-chip{background:var(--paper-2)}.toast-chips .res-chip.is-gain .res-chip-count{color:var(--leaf-2)}.toast-chips .res-chip.is-loss .res-chip-count{color:var(--danger)}.toast-chips .res-chip.is-loss{background:var(--danger-soft)}.toast-viewport .toast-icon{position:relative;width:52px;height:52px;align-self:center}.toast-icon.is-tinted{box-shadow:inset 0 0 0 1.5px var(--ic-ring, rgba(58, 46, 36, .08))}.toast-icon>.game-icon,.toast-icon>.piece-icon,.toast-icon>svg{width:68%;height:68%}.toast-icon>.piece-icon{width:74%;height:74%;filter:drop-shadow(0 1px 1px rgba(58,46,36,.18))}.toast-glyph{font-size:27px;line-height:1;transform:translateY(1px)}.toast-icon>.game-icon.is-terrain{width:76%;height:76%;filter:drop-shadow(0 1px 1px rgba(58,46,36,.16))}.toast-icon .toast-terrain-glyph{width:100%;height:100%}.toast-icon>.toast-art{position:relative;display:block;width:78%;height:78%}.toast-art>*{position:absolute}.toast-harvest>svg{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.toast-harvest-good{top:8%;width:60%;height:60%;object-fit:contain;filter:drop-shadow(0 1px .5px rgba(58,46,36,.18))}.toast-harvest.n-1 .toast-harvest-good{left:18%;width:64%;height:64%;top:2%}.toast-harvest.n-2 .i-0{left:4%;transform:rotate(-10deg)}.toast-harvest.n-2 .i-1{left:36%;transform:rotate(9deg)}.toast-harvest.n-3 .i-0{left:21%;top:3%}.toast-harvest.n-3 .i-1{left:0%;top:15%;width:54%;height:54%;transform:rotate(-14deg)}.toast-harvest.n-3 .i-2{left:46%;top:15%;width:54%;height:54%;transform:rotate(12deg)}.toast-flag{position:absolute;top:-2px;right:-3px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff9ee;font-family:var(--font-ui);font-size:10.5px;font-weight:900;line-height:1;letter-spacing:-.02em;box-shadow:0 0 0 2.5px var(--paper),0 1px 3px #3a2e2447}.toast-flag.is-ban{width:19px;padding:0}.toast-flag.is-ban:before{content:"";width:11px;height:11px;border-radius:50%;border:2px solid #FFF9EE;box-sizing:border-box;background:linear-gradient(-45deg,transparent calc(50% - 1px),#FFF9EE calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}.toast-mark{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:800;font-size:26px;line-height:1;color:var(--ic-fg)}.toast-by{position:absolute;right:-1px;bottom:-1px;width:15px;height:15px;border-radius:50%;box-shadow:0 0 0 2.5px var(--paper),0 0 0 3.5px #3a2e2433}.toast-viewport .toast-card.is-entering{animation:toast-drop var(--dur-3) var(--ease-spring) both,toast-frost var(--dur-3) var(--ease-out) both}.toast-viewport .toast-card.is-entering:after{animation:frost-lift .38s var(--ease-out) both}.toast-viewport .toast-card.is-leaving{animation:toast-out var(--dur-2) var(--ease-in) both;pointer-events:none}.toast-viewport .toast-card.is-leaving:after{animation:frost-settle var(--dur-2) var(--ease-in) both}.toast-viewport .toast-card.is-entering .toast-icon>:first-child{animation:pop-in var(--dur-4) var(--ease-out) 90ms both}.toast-viewport .toast-card.is-entering .toast-by,.toast-viewport .toast-card.is-entering .toast-flag{animation:badge-pop var(--dur-3) var(--ease-spring) .26s both}.toast-viewport .toast-card.is-entering .toast-body>*{animation:toast-text-in .34s var(--ease-out) both}.toast-viewport .toast-card.is-entering .toast-body>:nth-child(1){animation-delay:60ms}.toast-viewport .toast-card.is-entering .toast-body>:nth-child(2){animation-delay:.1s}.toast-viewport .toast-card.is-entering .toast-body>:nth-child(3){animation-delay:.15s}.toast-viewport .toast-card.is-entering .toast-body>:nth-child(4){animation-delay:.19s}.toast-viewport .app-toast.is-danger.is-entering .toast-icon{animation:shake .36s var(--ease-out) .26s both}@media (hover: hover) and (pointer: fine){.toast-viewport .toast-card:hover{box-shadow:0 3px 6px #143c461a,0 16px 38px #143c4638,var(--paper-highlight)}}.toast-viewport .app-toast{min-width:min(280px,100%);padding:10px 20px 10px 10px;gap:12px}.toast-viewport .app-toast .toast-icon{width:44px;height:44px}.toast-viewport .app-toast .toast-title{font-size:var(--fs-18);font-weight:650;line-height:1.2}.conn-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 10px;border-radius:var(--r-pill);background:var(--paper-glass-strong);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:var(--border);box-shadow:var(--shadow-2);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-13);font-weight:800;letter-spacing:.01em;white-space:nowrap;animation:toast-drop var(--dur-3) var(--ease-spring) .6s both,toast-frost var(--dur-3) var(--ease-out) .6s both}.conn-pill.has-note{max-width:min(440px,100%);white-space:normal;line-height:1.3;border-radius:18px}@media (hover: none),(pointer: coarse){.conn-pill{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}.conn-spinner{width:14px;height:14px;flex:none;border-radius:50%;border:2.5px solid var(--danger-soft);border-top-color:var(--danger);animation:spin .9s linear infinite}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-flight);pointer-events:none;overflow:hidden;contain:strict}.fx-flight{position:absolute;left:0;top:0;width:32px;height:43px;will-change:transform,opacity}.fx-flight-inner{width:100%;height:100%;transform-origin:50% 100%}.fx-flight .gcard{--w: 32px;box-shadow:0 1px 2px #3a2e2424,0 6px 14px #143c4642}.fx-float{position:absolute;left:0;top:0;padding:2px 8px;border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--shadow-1);font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:800;font-size:var(--fs-16);line-height:1.2;color:var(--ink);white-space:nowrap;will-change:transform,opacity}.fx-float.is-gain{color:var(--leaf-2)}.fx-float.is-loss{color:var(--danger)}.fx-float.is-gold{color:var(--gold-2)}.endvote-lane{align-self:stretch;display:flex;justify-content:center;container:endvote / inline-size}.toast-viewport>.endvote-lane,.hud-top>.endvote-lane{pointer-events:none}.endvote-lane>.endvote-pill{pointer-events:auto}.endvote-pill{display:flex;align-items:center;gap:10px;min-width:0;max-width:min(460px,100%);padding:6px 6px 6px 10px;border-radius:var(--r-pill);background:var(--paper);border:var(--border);box-shadow:var(--shadow-2),var(--paper-highlight);color:var(--ink);font-family:var(--font-ui);animation:toast-drop var(--dur-3) var(--ease-spring) both,toast-frost var(--dur-3) var(--ease-out) both}.endvote-pill:not(:has(.endvote-btn)){padding-right:18px}.endvote-voters{display:flex;flex:none}.endvote-voter{position:relative;display:grid}.endvote-voter+.endvote-voter{margin-left:-6px}.endvote-voter .pavatar{box-shadow:0 0 0 2px var(--paper);border-radius:50%}.endvote-voter:not(.is-voted) .pavatar{opacity:.42;filter:grayscale(.7)}.endvote-tick{position:absolute;right:-4px;bottom:-3px;width:14px;height:14px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 1.5px var(--paper);fill:none;stroke:var(--on-accent);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.endvote-text{display:flex;flex-direction:column;gap:1px}.endvote-count{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:16px;font-weight:700;line-height:1.15;white-space:nowrap}.endvote-detail{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--fs-12);font-weight:700;line-height:1.25;color:var(--ink-2)}.endvote-btn{flex:none;margin-left:auto}.endvote-more{place-items:center;width:24px;height:24px;border-radius:50%;background:var(--paper-2);box-shadow:0 0 0 2px var(--paper);color:var(--ink-2);font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}@container endvote (max-width: 360px){.endvote-voters{display:none}.endvote-text{padding-left:6px}}html[data-fc-modal] .endvote-pill:not(.is-in-draft),body:has(.log-drawer.is-open,.hud-utils.is-compact>.hud-settings) .endvote-pill:not(.is-in-draft){visibility:hidden}@media (min-width: 1600px){.toast-viewport .toast-card{max-width:500px;padding:14px 28px 14px 14px;gap:16px}.toast-viewport .event-toast .toast-icon{width:56px;height:56px}.toast-viewport .event-toast .toast-title{font-size:24px}}@media (max-width: 520px){.toast-viewport{gap:6px}.toast-viewport .toast-card{min-width:0;padding:9px 16px 9px 9px;gap:11px;border-radius:20px}.toast-viewport .toast-icon{width:44px;height:44px}.toast-viewport .toast-card .toast-title{font-size:var(--fs-18)}.toast-viewport .app-toast .toast-title{font-size:var(--fs-16)}.toast-viewport .toast-card .toast-sub{font-size:var(--fs-12)}.toast-glyph{font-size:23px}}@media (prefers-reduced-motion: reduce){.toast-viewport{transition:none}.toast-viewport .toast-card.is-entering{animation:fade-in var(--dur-2) linear both}.toast-viewport .toast-card.is-leaving{animation:fade-out var(--dur-2) linear both}.toast-viewport .toast-card:after{animation:none!important;opacity:0}.conn-pill{animation:fade-in var(--dur-2) linear .6s both}.endvote-pill{animation:fade-in var(--dur-2) linear both}.conn-pill.motion-fade{animation-delay:.6s!important}.conn-spinner{border-color:var(--danger);border-top-color:var(--danger-soft)}}.island-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .9s var(--ease-out)}.island-backdrop.is-ready{opacity:1}.island-backdrop canvas{position:absolute;top:0;right:0;bottom:0;left:0}.island-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#d6eeec29;opacity:0;transition:opacity .48s var(--ease-out)}.island-backdrop.is-dim:after{opacity:1}.island-backdrop.is-dim.is-ready{opacity:.9}.board-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-board);overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 38%,var(--sea-shallow) 62%,var(--sea) 100%)}.board-surface-2d{background:var(--sea)}.board3d,.board3d-host{position:absolute;top:0;right:0;bottom:0;left:0}.board3d-host canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:grab;opacity:0;transition:opacity .42s var(--ease-out)}.board3d.is-ready .board3d-host canvas{opacity:1}.board3d-host canvas.is-over-target{cursor:pointer}.board3d-host canvas.is-dragging{cursor:grabbing}.board3d-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.board-loading{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 34% 26% at 50% 54%,#f2fffb8c,#f2fffb00 70%),linear-gradient(180deg,var(--sea-shallow) 0%,var(--sea) 55%,var(--sea-deep) 100%);overflow:hidden}.board-loading-island{position:absolute;left:50%;top:54%;width:min(46vw,46vh);aspect-ratio:1.15;transform:translate(-50%,-50%);border-radius:46% 54% 50% 50%/52% 46% 54% 48%;background:radial-gradient(circle at 50% 40%,#f0dca88c,#f0dca800 68%);animation:board-breathe 2.4s var(--ease-in-out) infinite}.board-loading-shimmer{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%);animation:board-shimmer 1.8s linear infinite}@keyframes board-shimmer{0%{transform:translate(-45%)}to{transform:translate(45%)}}@keyframes board-breathe{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}.board-zoom{position:absolute;z-index:var(--z-hud);left:max(var(--gutter-left),calc(var(--hud-left, 0px) + 10px));top:calc(var(--hud-top, 0px) + (100% - var(--hud-top, 0px) - var(--hud-bottom, 0px)) / 2);transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none;transition:opacity var(--dur-2, .18s) var(--ease-out)}.game-stage.hud-tall .board-zoom,.game-stage.hud-phone .board-zoom{flex-direction:row-reverse;left:auto;right:max(var(--gutter-right),calc(var(--hud-right, 0px) + 10px));top:calc(var(--hud-top, 0px) + 4px);transform:none}.board-zoom .board-zoom-reset{position:absolute;left:0;top:calc(100% + 8px)}.game-stage.hud-tall .board-zoom .board-zoom-reset,.game-stage.hud-phone .board-zoom .board-zoom-reset{position:static}.game-stage.is-discarding .board-zoom,.game-stage.hud-phone.trading .board-zoom,html[data-fc-modal] .board-zoom{opacity:0;visibility:hidden;transition:opacity var(--dur-2, .18s) var(--ease-out),visibility 0s linear var(--dur-2, .18s)}.game-stage.is-discarding .board-zoom,.game-stage.hud-phone.trading .board-zoom{--board-zoom-hidden: 1}@media (orientation: landscape) and (max-height: 560px){.game-stage.is-composing .board-zoom{opacity:0;visibility:hidden;--board-zoom-hidden: 1}}.board-zoom .board-zoom-btn{pointer-events:auto;width:40px;height:40px;box-shadow:var(--shadow-2),inset 0 1px #ffffffb3;touch-action:manipulation}.board-zoom .board-zoom-btn svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.board-zoom .board-zoom-reset{animation:pop-in var(--dur-4) var(--ease-spring) both}@media (pointer: coarse){.board-zoom .board-zoom-btn{width:44px;height:44px}}@media (max-width: 600px){.board-zoom{gap:6px}.board-zoom .board-zoom-btn{background:var(--paper-glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-1)}}.board-vp-ribbon{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;will-change:transform}.board-vp-pill{position:absolute;left:0;top:0;display:inline-flex;white-space:nowrap}.board-vp-pill .board-vp-plus,.board-vp-pill .board-vp-star{pointer-events:none}.board-vp-pill>.board-vp-plus{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:800;font-size:17px;line-height:1;color:var(--ink)}.board-vp-pill>.board-vp-star{color:var(--gold);font-size:15px;line-height:1;margin-left:3px;text-shadow:0 1px 0 rgba(160,110,20,.45)}.board-vp-pill{align-items:center;padding:5px 10px 5px 11px;margin:0;translate:-50% -100%;transform-origin:50% 100%;background:var(--paper);border-radius:var(--r-pill);box-shadow:var(--shadow-2),inset 0 1px #fffc;border:1px solid rgba(232,181,62,.55);animation:board-vp-rise 1.8s var(--ease-out) both}@keyframes board-vp-rise{0%{opacity:0;scale:.6;transform:translateY(10px)}14%{opacity:1;scale:1.08;transform:translateY(0)}24%{scale:1}74%{opacity:1;transform:translateY(-14px)}to{opacity:0;transform:translateY(-26px);scale:.96}}@media (prefers-reduced-motion: reduce){.board-vp-pill{animation:fade-in .22s linear both}.board-loading-island,.board-loading-shimmer{animation:none}}.board-surface .board-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.board-surface .board-svg:active{cursor:grabbing}.board-svg .spot{cursor:pointer;opacity:.86}.board-svg .spot-attention{animation:board-spot-pulse 1.6s var(--ease-in-out) infinite}.board-svg .spot:hover{opacity:1;animation:none}.board-svg .spot-halo{opacity:.3;transform-box:fill-box;transform-origin:center}.board-svg .spot-attention .spot-halo{animation:board-halo-pulse 1.5s var(--ease-in-out) infinite}@keyframes board-spot-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes board-halo-pulse{0%,to{transform:scale(.82);opacity:.18}50%{transform:scale(1.06);opacity:.36}}.board-svg .ghost-spot{cursor:pointer}.board-svg .ghost-spot .ghost-piece{opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease-out)}.board-svg .target-piece-preview{opacity:0;pointer-events:none}@media (hover: hover) and (pointer: fine){.board-svg .ghost-spot:hover .ghost-piece{opacity:.78}.board-svg .target-piece-preview{transition:opacity var(--dur-1) var(--ease-out)}.board-svg .spot .spot-halo{transition:opacity var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.board-svg .spot:hover .target-piece-preview{opacity:.7}.board-svg .spot:hover .spot-halo{animation:none;opacity:.44;transform:scale(1.14)}}.board-svg .road-drop,.board-svg .piece-drop,.board-svg .build-vp-toast{transform-box:fill-box;will-change:transform,opacity}.board-svg .road-drop{transform-origin:center;animation:board-road-drop .48s var(--ease-out) both}.board-svg .piece-drop{transform-origin:center bottom;animation:board-piece-drop .52s var(--ease-spring) both}.board-svg .city-drop{animation-duration:.62s}@keyframes board-road-drop{0%{opacity:0;transform:translateY(-18px) scale(.82)}58%{opacity:1;transform:translateY(2px) scale(1.04)}to{opacity:1;transform:none}}@keyframes board-piece-drop{0%{opacity:0;transform:scale(.2)}45%{opacity:1;transform:scale(1.15,1.2)}70%{transform:scale(.96,.9)}to{opacity:1;transform:none}}.board-svg .build-vp-toast{transform-origin:center;animation:board-vp-toast 1.45s var(--ease-out) both}.board-svg .build-vp-ribbon,.board-svg .build-vp-ribbon-tail{fill:var(--paper);stroke:#e8b53eb3;stroke-width:1.4;filter:drop-shadow(0 2px 2px rgba(20,60,70,.22))}.board-svg .build-vp-ribbon-tail{fill:var(--gold-soft)}.board-svg .build-vp-text{fill:var(--ink);font:800 17px var(--font-display)}.board-svg .build-vp-trophy{font:700 15px var(--font-ui)}@keyframes board-vp-toast{0%{opacity:0;transform:translateY(8px) scale(.82)}14%{opacity:1;transform:translateY(0) scale(1.06)}72%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.96)}}@media (prefers-reduced-motion: reduce){.board-svg .spot-attention,.board-svg .spot-attention .spot-halo,.board-svg .road-drop,.board-svg .piece-drop{animation:none}.board-svg .build-vp-toast{animation:fade-in .22s linear both}.board-svg .spot .spot-halo,.board-svg .target-piece-preview{transition:none}.board-svg .spot:hover .spot-halo{transform:none}}.costs-card{display:flex;flex-direction:column;gap:8px;min-width:0}.costs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.costs-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:44px;padding:4px 10px 4px 6px;border-radius:var(--r-sm);background:var(--paper);box-shadow:var(--shadow-1)}.costs-art{display:grid;place-items:center;width:36px;height:36px}.costs-art img{filter:drop-shadow(0 2px 2px rgba(20,60,70,.18))}.costs-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.costs-name{font-size:var(--fs-14);font-weight:900;color:var(--ink);white-space:nowrap}.costs-note{font-size:var(--fs-12);font-weight:700;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.costs-chips{display:flex;align-items:center;gap:2px;justify-self:end}.costs-chips .res-chip{--d: 22px}.costs-chips .res-chip-disc{box-shadow:0 0 0 1.5px var(--paper),0 1px 2px #3a2e2433}.hud-tl:has(>.hud-utils .popover),.hud-top:has(.hud-utils .popover){z-index:var(--z-popover)}.hud-settings.hud-help{width:320px;padding:0}.hud-help-body{display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - 132px);padding:14px 16px;overflow-y:auto;overscroll-behavior:contain}.hud-help .costs-chips .res-chip{--d: 20px}.hud-help.is-own-btn:after{left:172px}@media (orientation: landscape) and (max-height: 560px){.hud-help.is-own-btn:after{left:151px}}.hud-help .costs-row{background:var(--paper-2);box-shadow:none}.hud-help-tip{font-size:var(--fs-13);font-weight:600;line-height:1.4;color:var(--ink-2)}.hud-help-tip b{color:var(--ink);font-weight:900}.hud-help-row{min-height:44px;padding:0 6px 0 4px;margin:0 -4px;width:calc(100% + 8px);border:0;border-radius:var(--r-sm);background:var(--paper-2);justify-content:flex-start;gap:10px;text-align:left;cursor:pointer;touch-action:manipulation}.hud-help-row .hud-setting-label{flex:1}.hud-help-row-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--paper);color:var(--ink-2);box-shadow:var(--shadow-1)}.hud-help-row-icon svg{width:20px;height:20px}.hud-help-row-chev{display:grid;place-items:center;color:var(--ink-3);transform:rotate(-90deg)}.hud-help-row-chev svg{width:18px;height:18px}.hud-help-row:focus-visible{outline:none;box-shadow:var(--ring-strong)}@media (hover: hover) and (pointer: fine){.hud-help-row:hover{background:var(--paper-3)}}.notify-toggle{align-items:center}.notify-toggle-text{display:flex;flex-direction:column;gap:1px;min-width:0}.notify-toggle-hint{font-size:var(--fs-12);font-weight:600;line-height:1.3;color:var(--ink-2)}.notify-toggle-hint.is-warn{color:var(--danger-2)}.htp-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 8px;border:1px solid rgba(58,46,36,.08);border-radius:var(--r-pill);background:var(--paper-glass-strong);color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-14);font-weight:700;line-height:1.1;white-space:nowrap;cursor:pointer;touch-action:manipulation;box-shadow:var(--shadow-1),var(--paper-highlight);transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out)}.htp-link:active{transform:scale(.95)}.htp-link:focus-visible{outline:none;box-shadow:var(--shadow-1),var(--ring-strong)}.htp-link[aria-busy=true]{cursor:progress}.htp-link-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--teal-soft);color:var(--teal-2)}.htp-link-icon svg{width:18px;height:18px}.htp-link-label{color:var(--teal-2);font-weight:900}@media (hover: hover) and (pointer: fine){.htp-link:hover{transform:translateY(-1.5px);box-shadow:var(--shadow-lift),var(--paper-highlight)}.htp-link:hover .htp-link-label{text-decoration:underline;text-underline-offset:3px}}.install-pill{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--paper-glass-strong);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-2),var(--paper-highlight);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);animation:pop-in var(--dur-4) var(--ease-out) both}.install-pill-main{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px 0 4px;border:0;border-radius:var(--r-pill);background:none;color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-14);font-weight:900;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-1) var(--ease-spring),background-color var(--dur-2) var(--ease-out)}.install-pill-main:active{transform:scale(.95)}.install-pill-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,var(--accent-3),var(--accent));color:var(--on-accent);box-shadow:0 2px 6px #e0773a59}.install-pill-icon svg{width:18px;height:18px}.install-pill-x{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-3);cursor:pointer;touch-action:manipulation}.install-pill-x svg{width:16px;height:16px}.install-pill-main:focus-visible,.install-pill-x:focus-visible{outline:none;box-shadow:var(--ring-strong)}@media (hover: hover) and (pointer: fine){.install-pill-main:hover{background:#fff9}.install-pill-x:hover{background:#3a2e240f;color:var(--ink)}}@media (pointer: coarse){.install-pill-main{min-height:44px}.install-pill-x{width:44px;height:44px}}.dlg.install-sheet{width:min(460px,100%)}.install-sheet-head{display:flex;align-items:center;gap:14px;padding-right:8px;margin-bottom:16px}.install-sheet-icon{flex:none;width:56px;height:56px;border-radius:14px;box-shadow:var(--shadow-1)}.install-sheet-title{margin-top:3px;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:var(--fs-22);font-weight:700;line-height:1.12;text-wrap:balance}.install-steps{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:install}.install-steps li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--paper-2);font-size:var(--fs-14);font-weight:600;line-height:1.4;color:var(--ink-2)}.install-steps b{color:var(--ink);font-weight:900}.install-step-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:var(--paper);color:#1f7ae0;box-shadow:var(--shadow-1)}.install-step-icon svg{width:22px;height:22px}.install-step-icon.is-app img{width:26px;height:26px;border-radius:7px}.install-sheet-ok{margin-top:2px}@media (max-width: 900px),(max-height: 560px) and (pointer: coarse){.dlg.install-sheet{width:100%}}@media (max-width: 520px){.costs-row{column-gap:8px;padding-right:8px}.costs-chips .res-chip{--d: 20px}}@media (max-width: 380px){.costs-note{display:none}}.home{--home-corner-h: 46px}@media (pointer: coarse){.home{--home-corner-h: 52px}}@media (max-width: 480px){.home{--home-corner-h: 44px}}.home-corner{position:absolute;top:var(--gutter-top);right:var(--gutter-right);left:var(--gutter-left);z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;container:home-corner / inline-size}@media (min-aspect-ratio: 23/20) and (min-width: 700px){.home-corner{left:calc(var(--home-col-x) + var(--home-col-w) + 12px)}}.home-corner .htp-link,.home-corner .passport-chip{min-height:44px;border:1px solid rgba(255,255,255,.6);background:var(--paper-glass-strong);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-2),var(--paper-highlight);font-size:var(--fs-14)}.home-corner .htp-link{padding:0 16px 0 7px}.home-corner .passport-chip{gap:7px;padding:0 7px 0 9px}.home-corner .htp-link:focus-visible,.home-corner .passport-chip:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 5px var(--accent),var(--shadow-2)}@media (hover: hover) and (pointer: fine){.home-corner .htp-link:hover,.home-corner .passport-chip:hover{box-shadow:var(--shadow-lift),var(--paper-highlight)}}.home-corner .passport-chip-label,.home-corner .install-pill-label,.home-corner .htp-link-label{white-space:nowrap}@container home-corner (max-width: 431px){.home-corner .htp-link-prompt{display:none}}@container home-corner (max-width: 329px){.home-corner .passport-chip-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@container home-corner (max-width: 261px){.home-corner .htp-link{padding:0 6px}.home-corner .htp-link-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@container home-corner (max-width: 689px){.home-corner:has(.install-pill) .htp-link-prompt{display:none}}@container home-corner (max-width: 589px){.home-corner .install-pill-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-corner .install-pill-main{padding-right:4px}}@container home-corner (max-width: 429px){.home-corner:has(.install-pill) .passport-chip-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@container home-corner (max-width: 359px){.home-corner:has(.install-pill) .htp-link{padding:0 6px}.home-corner:has(.install-pill) .htp-link-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.home-foot{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 12px}.privacy-note{max-width:46ch;margin:0 auto;text-align:center;text-wrap:balance;color:#ffffffeb;font-size:var(--fs-12);font-weight:700;line-height:1.45;text-shadow:0 1px 2px rgba(6,50,66,.55)}@media (max-width: 480px){.home-foot{padding:2px 8px 0}}.daily-card{position:relative;flex:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px 12px 12px;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--r-xl);box-shadow:0 4px 10px #143c461a,0 30px 70px #0a3c4b4d,var(--paper-highlight);container-type:inline-size;overflow:hidden}.daily-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 140% at 0% 50%,#e8b53e29,#e8b53e00 55%);pointer-events:none}.daily-card>*{position:relative}.daily-thumb{display:block;width:92px;height:70px;padding:4px 5px 5px;border-radius:16px;background:radial-gradient(70% 70% at 50% 46%,#7fdcd3,#7fdcd300),linear-gradient(180deg,#4cc2cb,#2ba6ba);box-shadow:inset 0 0 0 1px #0a506424,inset 0 -8px 16px #0a50641f,0 2px 6px #143c4624}.daily-thumb .map-thumb{display:block}.daily-card.is-done .daily-thumb .map-thumb{filter:saturate(.85)}.daily-seal{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--paper);color:var(--on-accent);background:var(--leaf);box-shadow:0 2px 5px #143c463d;animation:daily-seal-in .52s var(--ease-bounce) .26s both}.daily-seal svg{width:15px;height:15px}.daily-seal b{font-size:13px;font-weight:900;line-height:1}.daily-seal.is-lost{background:var(--teal)}@keyframes daily-seal-in{0%{opacity:0;transform:scale(.3) rotate(-25deg)}to{opacity:1;transform:none}}.daily-text{display:flex;flex-direction:column;gap:2px;min-width:0}.daily-head{display:flex;align-items:center;gap:7px;min-width:0}.daily-eyebrow{flex:0 1 auto;min-width:0;color:var(--gold-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-no{letter-spacing:.06em}.daily-tag{display:inline-block;margin-right:2px;padding:1px 7px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-2);font-size:10.5px;font-weight:800;line-height:1.3}.daily-title{margin:1px 0 0;font-family:var(--font-display);font-variation-settings:var(--display-soft);font-size:19px;font-weight:700;line-height:1.15;color:var(--ink)}.daily-sub{margin:0;font-size:12.5px;font-weight:700;line-height:1.3;color:var(--ink-2);text-wrap:balance}.daily-streak{flex:none;display:inline-flex;align-items:center;gap:2px;height:20px;padding:0 7px 0 5px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-2);box-shadow:inset 0 0 0 1px #e0773a2e;font-size:12px;line-height:1}.daily-streak svg{width:13px;height:13px;color:var(--accent)}.daily-streak b{font-weight:900}.daily-cta{display:flex;flex-direction:column;align-items:center;gap:4px}.daily-btn{min-height:42px;padding:0 16px 0 14px;gap:6px;font-size:15px}.daily-btn>svg{width:17px;height:17px}.daily-btn.is-copied{--btn-edge: rgba(36, 80, 20, .2)}.daily-replay{padding:2px 6px;border:0;border-radius:var(--r-pill);background:none;color:var(--ink-3);font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-decoration:underline;text-decoration-color:#3a2e2438;text-underline-offset:2px;touch-action:manipulation}.daily-replay:focus-visible{outline:none;box-shadow:var(--ring-teal)}@media (hover: hover) and (pointer: fine){.daily-replay:hover{color:var(--ink-2)}}@media (pointer: coarse){.daily-replay{position:relative}.daily-replay:before{content:"";position:absolute;top:-8px;right:-6px;bottom:-8px;left:-6px}}@container (max-width: 380px){.daily-card{gap:11px}.daily-thumb{width:68px;height:56px;border-radius:14px;padding:4px 5px 5px}.daily-title{font-size:17.5px}.daily-sub{font-size:12px}.daily-btn{min-height:40px;padding:0 13px 0 11px;font-size:14.5px}}@media (max-width: 480px){.daily-card{border-radius:var(--r-lg);padding:11px 13px 11px 11px}}@container (min-width: 600px){.daily-card{gap:18px}.daily-thumb{width:104px;height:76px}.daily-title{font-size:21px}.daily-sub{font-size:13.5px}.daily-cta{flex-direction:row;gap:10px}.daily-cta .daily-replay{order:-1}}@media (min-aspect-ratio: 23/20) and (min-width: 700px) and (max-height: 860px){.daily-card{gap:12px;padding:8px 14px 8px 8px}.daily-thumb{width:70px;height:54px;border-radius:14px;padding:4px}.daily-title{font-size:17px}.daily-sub{font-size:12px}.daily-btn{min-height:38px}.daily-cta{gap:2px}.home-stack .daily-card~.tables-card:not(.is-folded){min-height:124px}}@media (max-height: 620px){.daily-card{padding-block:7px}.daily-thumb{height:50px}}.daily-line{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px 8px;max-width:100%;margin:8px auto 0;padding:5px 12px 5px 8px;border-radius:var(--r-pill);background:var(--gold-soft);box-shadow:inset 0 0 0 1px #c9951f3d;color:var(--ink-2);font-size:12.5px;font-weight:700;line-height:1.25;animation:pop-in var(--dur-3) var(--ease-spring) .3s both}.daily-line-badge{display:inline-flex;align-items:center;gap:5px;color:var(--gold-2);font-size:11px;font-weight:900;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.daily-line-badge svg{width:16px;height:16px}.daily-line b{color:var(--ink);font-weight:800}.daily-line .daily-streak{height:19px}.daily-line-note{color:var(--ink-3)}