@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@600;700;800;900&display=swap";:root{--color-bg-primary: #f5f7ff;--color-bg-secondary: #eef4ff;--color-bg-warm: #fff6e8;--color-bg-lavender: #f4eeff;--color-bg-atmos: linear-gradient(145deg, #fff6e8 0%, #f5f7ff 48%, #eef4ff 100%);--color-surface-primary: #fff8ea;--color-surface-secondary: #fff4df;--color-surface-soft: #f9f4ea;--color-surface-elevated: #ffffff;--color-surface-answer: #fffdf7;--color-ink-primary: #1f2947;--color-ink-strong: #25314f;--color-ink-secondary: #44557d;--color-ink-muted: #5d6e96;--color-ink-muted-lg: #7182a8;--color-ink-inverse: #ffffff;--color-outline-strong: #25314f;--color-outline-soft: #b8c5dd;--color-outline-subtle: #d5dded;--shadow-1: 0 3px 0 rgba(31, 41, 71, .15);--shadow-2: 0 5px 0 rgba(31, 41, 71, .17), 0 8px 18px rgba(31, 41, 71, .1);--shadow-3: 0 7px 0 rgba(31, 41, 71, .2), 0 13px 28px rgba(31, 41, 71, .14);--gloss: linear-gradient( 180deg, rgba(255, 255, 255, .42), rgba(255, 255, 255, .06) 46%, rgba(31, 41, 71, .1) );--color-action-primary: #1ed78a;--color-action-primary-light: #65e8ae;--color-action-primary-dark: #0daa68;--color-action-primary-deep: #087f51;--color-action-secondary: #ffc93d;--color-action-secondary-light: #ffe17f;--color-action-secondary-dark: #e4ab17;--color-gold: #ffd95a;--color-gold-light: #fff0a8;--color-gold-dark: #d7a931;--color-category-science: #2ed47a;--color-category-science-light: #8af0b5;--color-category-science-dark: #17995a;--color-category-science-ink: #116b42;--color-category-history: #ffbf3c;--color-category-history-light: #ffe08a;--color-category-history-dark: #cc8e0d;--color-category-history-ink: #885e08;--color-category-geography: #4aa8ff;--color-category-geography-light: #9ed2ff;--color-category-geography-dark: #1d74cc;--color-category-geography-ink: #17569b;--color-category-arts: #ae8aff;--color-category-arts-light: #c8aeff;--color-category-arts-dark: #6e43cf;--color-category-arts-ink: #4b2a9e;--color-category-entertainment: #ff5e86;--color-category-entertainment-light: #ffaac1;--color-category-entertainment-dark: #d63c61;--color-category-entertainment-ink: #9a2948;--color-category-sports: #ff8a45;--color-category-sports-light: #ffbc8f;--color-category-sports-dark: #d96422;--color-category-sports-ink: #994618;--color-special-boost: #ff8a45;--color-special-challenge: #ff6885;--color-special-extra: #ae8aff;--color-special-choice: #4aa8ff;--color-special-knowledge: #ffd95a;--color-gate-primary: #403a92;--color-gate-secondary: #6e5de7;--color-grand-primary: #222a63;--color-grand-secondary: #453fa5;--color-board-frame: #24385b;--color-board-frame-deep: #182742;--color-board-path: #8fa3c6;--color-board-past: #e6e9f5;--color-player-1: #3c86f7;--color-player-2: #ff5e7c;--color-player-3: #20bf83;--color-player-4: #f4a621;--color-success: #25d889;--color-success-dark: #0daa68;--color-success-ink: #102a22;--color-error: #ffb5bf;--color-error-line: #d8475a;--color-error-ink: #702635;--color-warning: #ffc93d;--color-info: #4aa8ff;--color-info-soft: #e9f3ff;--color-info-ink: #2464b5;--color-disabled-bg: #e8ecf4;--color-disabled-ink: #5b6a8a;--color-disabled-line: #c8d2e4;--color-scrim-event: rgba(24, 32, 66, .84);--color-scrim-soft: rgba(22, 31, 60, .3);--cat-science_nature: var(--color-category-science);--cat-science_nature-tint: var(--color-category-science-light);--cat-science_nature-dark: var(--color-category-science-dark);--cat-science_nature-ink: var(--color-category-science-ink);--cat-history: var(--color-category-history);--cat-history-tint: var(--color-category-history-light);--cat-history-dark: var(--color-category-history-dark);--cat-history-ink: var(--color-category-history-ink);--cat-geography: var(--color-category-geography);--cat-geography-tint: var(--color-category-geography-light);--cat-geography-dark: var(--color-category-geography-dark);--cat-geography-ink: var(--color-category-geography-ink);--cat-arts_culture: var(--color-category-arts);--cat-arts_culture-tint: var(--color-category-arts-light);--cat-arts_culture-dark: var(--color-category-arts-dark);--cat-arts_culture-ink: var(--color-category-arts-ink);--cat-entertainment: var(--color-category-entertainment);--cat-entertainment-tint: var(--color-category-entertainment-light);--cat-entertainment-dark: var(--color-category-entertainment-dark);--cat-entertainment-ink: var(--color-category-entertainment-ink);--cat-sports_society: var(--color-category-sports);--cat-sports_society-tint: var(--color-category-sports-light);--cat-sports_society-dark: var(--color-category-sports-dark);--cat-sports_society-ink: var(--color-category-sports-ink);--special-boost: var(--color-special-boost);--special-boost-tint: #ffbc8f;--special-boost-dark: #d96422;--special-boost-ink: #994618;--special-challenge: var(--color-special-challenge);--special-challenge-tint: #ffb0bf;--special-challenge-dark: #d93a5a;--special-challenge-ink: #9a2948;--special-extra_turn: var(--color-special-extra);--special-extra_turn-tint: #c8aeff;--special-extra_turn-dark: #6e43cf;--special-extra_turn-ink: #4b2a9e;--special-choice: var(--color-special-choice);--special-choice-tint: #9ed2ff;--special-choice-dark: #1d74cc;--special-choice-ink: #17569b;--special-knowledge: var(--color-special-knowledge);--special-knowledge-tint: var(--color-gold-light);--special-knowledge-dark: var(--color-gold-dark);--special-knowledge-ink: #6d5210;--special-final_gate: var(--color-gate-secondary);--special-final_gate-tint: #b9b1f6;--special-final_gate-dark: var(--color-gate-primary);--special-final_gate-ink: #2c2770;--special-start: #7182a8;--special-start-tint: #d5dded;--special-start-dark: #44557d;--special-start-ink: #44557d;--special-normal: var(--color-outline-soft);--special-normal-tint: var(--color-bg-secondary);--special-normal-dark: var(--color-ink-muted);--special-normal-ink: var(--color-ink-primary);--seat-emerald: var(--color-player-3);--seat-emerald-light: #a9edcf;--seat-emerald-deep: #12915f;--seat-amber: var(--color-player-4);--seat-amber-light: #fbe1aa;--seat-amber-deep: #c07d0c;--seat-azure: var(--color-player-1);--seat-azure-light: #b9d3fd;--seat-azure-deep: #1e5fc0;--seat-rose: var(--color-player-2);--seat-rose-light: #ffc0cd;--seat-rose-deep: #c93a57;--font-display: "Baloo 2", "Nunito", "Avenir Next", system-ui, sans-serif;--font-ui: "Nunito", "Avenir Next", "Segoe UI", system-ui, sans-serif;--text-hero: 42px;--text-3xl: 33px;--text-2xl: 30px;--text-xl: 25px;--text-lg: 19px;--text-md: 16px;--text-sm: 13px;--text-xs: 11.5px;--text-2xs: 10px;--tracking-eyebrow: .16em;--radius-sheet: 30px;--radius-card: 20px;--radius-cell: 15px;--radius-field: 16px;--radius-chip: 12px;--radius-pill: 999px;--tile: 52px;--tile-h: 46px;--tile-gap: 7px;--tile-step: calc(var(--tile) + var(--tile-gap));--track-cols: 5;--track-w: calc(var(--track-cols) * var(--tile-step) - var(--tile-gap));--gap-xs: 6px;--gap-sm: 9px;--gap-md: 14px;--gap-lg: 20px;--gap-xl: 28px;--page-pad: 12px;--tap-min: 44px;--tap-comfortable: 52px;--cta-hero: 66px;--cta-secondary: 62px;--cta-quiet: 50px;--dur-fast: .14s;--dur-base: .28s;--dur-slow: .4s;--dur-reward: .56s;--dur-roll: .62s;--ease: cubic-bezier(.2, .8, .2, 1)}@media(max-width:369px){:root{--tile: 46px;--tile-gap: 6px;--page-pad: 10px}}@media(min-width:420px){:root{--tile: 56px;--tile-h: 50px}}@media(min-width:900px){:root{--page-pad: 24px}}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-reward: 1ms;--dur-roll: 1ms}}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light;font-family:var(--font-ui);color:var(--color-ink-primary);-webkit-font-smoothing:antialiased;text-size-adjust:100%}body{margin:0;min-height:100dvh;background-color:var(--color-bg-primary);background-image:var(--color-bg-atmos);background-attachment:fixed;font-weight:700}button,a,label,select,summary,input[type=checkbox],input[type=radio],input[type=range],[role=button]{touch-action:manipulation}a{color:var(--color-info-ink)}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:800;line-height:1.05;color:var(--color-ink-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{margin:0;line-height:1.45}ul,ol{margin:0;padding:0;list-style:none}.glyph{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.13em;stroke:currentColor;stroke-width:2}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--color-ink-primary);outline-offset:2px;border-radius:6px}.app-shell,.shell{min-height:100dvh;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) var(--page-pad) calc(14px + env(safe-area-inset-bottom));margin:0 auto;width:100%;max-width:480px}.stack{display:flex;flex-direction:column;gap:var(--gap-md)}.hero-card,.panel,.lobby-card,.board-card{display:flex;flex-direction:column;gap:var(--gap-md);border-radius:22px;padding:15px;background:var(--color-surface-primary);border:2.5px solid var(--color-outline-strong);box-shadow:var(--shadow-2)}.panel{border-width:2px;border-color:var(--color-outline-subtle);background:var(--color-surface-elevated);box-shadow:var(--shadow-1)}.lobby-card,.board-card{flex:1;background:transparent;border:0;box-shadow:none;padding:0}.eyebrow{margin:0;font-size:var(--text-2xs);font-weight:800;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-ink-muted)}.lede{font-size:var(--text-sm);font-weight:700;line-height:1.45;color:var(--color-ink-secondary);text-wrap:pretty}.compact{font-size:12.5px;font-weight:700;color:var(--color-ink-secondary);text-wrap:pretty}.muted{font-size:var(--text-xs);font-weight:700;color:var(--color-ink-muted)}.button-link,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--cta-quiet);padding:0 18px;border-radius:var(--radius-field);border:2px solid var(--color-outline-soft);background:var(--color-surface-elevated);color:var(--color-ink-primary);font-family:var(--font-ui);font-size:13.5px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);box-shadow:var(--shadow-1)}.btn:active:not(:disabled),.button-link:active:not(:disabled){transform:translateY(2px) scale(.99);box-shadow:none}.btn:disabled,.button-link:disabled{cursor:not-allowed;background:var(--color-disabled-bg);border-color:var(--color-disabled-line);color:var(--color-disabled-ink);box-shadow:none}.btn.primary-hero{min-height:var(--cta-hero);border-radius:22px;background-color:var(--color-action-primary);background-image:var(--gloss);border:3px solid var(--color-outline-strong);box-shadow:0 6px 0 var(--color-action-primary-dark),0 12px 22px #1f294729;font-family:var(--font-display);font-size:21px;letter-spacing:.02em}.btn.primary-hero:active:not(:disabled){transform:translateY(2px) scale(.99);box-shadow:0 3px 0 var(--color-action-primary-dark)}.btn.warm{min-height:var(--cta-secondary);border-radius:20px;background-color:var(--color-action-secondary);background-image:var(--gloss);border:3px solid var(--color-outline-strong);box-shadow:0 6px 0 var(--color-action-secondary-dark);font-family:var(--font-display);font-size:var(--text-lg)}.btn.ghost,.button-link.ghost{background:var(--color-surface-elevated);border:2px solid var(--color-outline-soft);color:var(--color-ink-secondary)}.btn.block{width:100%}.button-link.inline,.btn.small{min-height:var(--tap-min);padding:0 14px;font-size:12.5px}.secondary-action{align-self:stretch;min-height:var(--tap-min);border-radius:var(--radius-chip);border:2px solid var(--color-gold-dark);background-color:var(--color-gold);background-image:var(--gloss);color:var(--color-ink-primary);font-family:var(--font-ui);font-size:12.5px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--color-gold-dark)}.secondary-action:active{transform:translateY(2px);box-shadow:0 1px 0 var(--color-gold-dark)}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-ink-secondary)}input{min-height:62px;padding:0 15px;border-radius:20px;border:2.5px solid var(--color-outline-strong);background:var(--color-surface-elevated);box-shadow:var(--shadow-1);font-family:var(--font-ui);font-size:var(--text-md);font-weight:800;color:var(--color-ink-primary)}input::placeholder{color:var(--color-ink-muted-lg);font-weight:700}.status-cluster,.player-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:var(--radius-pill);border:1.5px solid transparent;background:var(--color-disabled-bg);color:var(--color-ink-secondary);font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;white-space:nowrap}.status-pill.warm{background:var(--color-action-secondary-light);border-color:var(--color-action-secondary-dark);color:var(--color-ink-primary)}.status-pill.connected,.status-pill.info{background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info-ink)}.status-pill.reconnecting,.status-pill.connecting,.status-pill.warning{background:var(--color-action-secondary-light);border-color:var(--color-action-secondary-dark);color:var(--color-ink-primary)}.status-pill.success{background:var(--color-action-primary-light);border-color:var(--color-action-primary-dark);color:var(--color-success-ink)}.status-pill.danger{background:var(--color-error);border-color:var(--color-error-line);color:var(--color-error-ink)}.status-pill.neutral,.status-pill.disconnected{background:var(--color-disabled-bg);border-color:var(--color-disabled-line);color:var(--color-disabled-ink)}.error-copy{border-radius:var(--radius-field);padding:11px 13px;background:var(--color-error);border:2px solid var(--color-error-line);color:var(--color-error-ink);font-size:12.5px;font-weight:800}.piece-token,.seat-chip{position:relative;width:46px;height:46px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--seat-light, var(--color-bg-secondary));background-image:var(--gloss);border:2.5px solid var(--seat-color, var(--color-outline-strong));box-shadow:0 3px 0 var(--seat-deep, rgba(31, 41, 71, .28));font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-ink-primary)}.piece-token.emerald,.seat-chip.emerald{--seat-color: var(--seat-emerald);--seat-light: var(--seat-emerald-light);--seat-deep: var(--seat-emerald-deep)}.piece-token.amber,.seat-chip.amber{--seat-color: var(--seat-amber);--seat-light: var(--seat-amber-light);--seat-deep: var(--seat-amber-deep)}.piece-token.azure,.seat-chip.azure{--seat-color: var(--seat-azure);--seat-light: var(--seat-azure-light);--seat-deep: var(--seat-azure-deep)}.piece-token.rose,.seat-chip.rose{--seat-color: var(--seat-rose);--seat-light: var(--seat-rose-light);--seat-deep: var(--seat-rose-deep)}.piece-token.is-active{outline:3px solid var(--color-ink-primary);outline-offset:2px;animation:kppulse 1.6s ease-in-out infinite}.piece-token.small{width:30px;height:30px;font-size:13px;border-width:2px;box-shadow:0 2px 0 var(--seat-deep, rgba(31, 41, 71, .28))}@keyframes kppulse{0%,to{box-shadow:0 3px 0 var(--seat-deep, rgba(31, 41, 71, .28)),0 0 #1f294747}50%{box-shadow:0 3px 0 var(--seat-deep, rgba(31, 41, 71, .28)),0 0 0 7px #1f294700}}@keyframes kppop{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}@keyframes kplift{0%{transform:translateY(26px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes kpshine{0%{transform:translate(-120%)}to{transform:translate(1200%)}}@keyframes kpdice{0%{transform:rotate(0) scale(1)}35%{transform:rotate(-14deg) scale(1.06)}70%{transform:rotate(12deg) scale(1.04)}to{transform:rotate(0) scale(1)}}.player-list{display:flex;flex-direction:column;gap:8px}.player-row,.seat-slot{display:flex;align-items:center;gap:11px;border-radius:18px;padding:9px 11px;background:var(--color-surface-elevated);box-shadow:var(--shadow-1);border:2px solid var(--color-outline-subtle)}.player-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.player-meta strong{font-size:var(--text-md);font-weight:800;color:var(--color-ink-primary)}.player-meta span{font-size:var(--text-xs);font-weight:700;color:var(--color-ink-muted)}.game-shell{display:flex;flex-direction:column;gap:var(--gap-sm);flex:1;min-height:0}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-topbar .turn-line{font-size:var(--text-2xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted)}.player-hud{display:flex;flex-direction:column;gap:7px}.hud-you{display:flex;align-items:center;gap:7px}.hud-chip{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:6px 11px 6px 6px;border-radius:18px;background:var(--color-surface-elevated);border:2px solid var(--color-outline-soft);box-shadow:var(--shadow-1)}.hud-chip.is-active{border-color:var(--color-ink-primary)}.hud-chip.is-inactive{opacity:.62}.hud-body{display:flex;flex-direction:column;min-width:0;gap:2px}.hud-name{font-size:13.5px;font-weight:800;line-height:1.1;color:var(--color-ink-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-meta{display:flex;align-items:center;gap:5px;font-size:var(--text-2xs);font-weight:800;color:var(--color-ink-muted)}.hud-state{font-size:var(--text-2xs);font-weight:800;color:var(--color-info-ink)}.hud-state.warn{color:var(--color-error-ink)}.hud-state.gone{color:var(--color-disabled-ink)}.hud-round{flex:none;padding:6px 12px;border-radius:var(--radius-field);background:var(--color-ink-primary);text-align:center}.hud-round span{display:block;font-size:var(--text-2xs);font-weight:800;letter-spacing:.12em;color:var(--color-gold)}.hud-round strong{display:block;font-family:var(--font-display);font-size:18px;font-weight:800;line-height:1;color:var(--color-ink-inverse)}.opp-rail{display:flex;gap:6px}.opp-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:6px 7px;border-radius:14px;background:var(--color-surface-elevated);border:2px solid transparent;box-shadow:var(--shadow-1)}.opp-card.is-active{border-color:var(--color-ink-primary)}.opp-card.is-inactive{opacity:.55}.opp-head{display:flex;align-items:center;gap:5px;min-width:0}.opp-name{flex:1;min-width:0;font-size:var(--text-xs);font-weight:800;color:var(--color-ink-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-count{flex:none;font-size:10.5px;font-weight:800;color:var(--color-ink-muted)}.opp-bar{height:8px;border-radius:5px;background:var(--color-bg-secondary);border:1.5px solid var(--color-outline-soft);overflow:hidden}.opp-bar>i{display:block;height:100%;background:var(--seat-color, var(--color-ink-muted))}.presence-dot{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:50%;border:2px solid var(--color-surface-elevated);background:var(--color-action-primary)}.presence-dot.is-away{background:var(--color-action-secondary)}.presence-dot.is-gone{background:var(--color-disabled-line)}.token-strip{display:inline-flex;align-items:center;gap:3px}.token-dot{width:15px;height:15px;border-radius:50%;background:var(--color-disabled-bg);border:1.5px solid var(--color-disabled-line)}.token-dot.is-held{background-color:var(--color-gold);background-image:var(--gloss);border-color:var(--color-gold-dark);box-shadow:0 2px 0 var(--color-gold-dark)}.app-shell:has(.board-stage){height:100dvh;min-height:0;overflow:hidden}.board-stage{flex:1;min-height:0;display:flex;--w-path-shadow: #1b2a52;--w-path-rim: #e8a93c;--w-path-body: #fff3d6;--w-path-mid: #ffffff}.world-viewport{flex:1;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;border-radius:26px;border:3px solid var(--color-outline-strong);box-shadow:inset 0 0 0 2px #fff6,0 8px #17204229,0 16px 30px #17204238;background:#8fd7f5}.world-viewport::-webkit-scrollbar{width:0;height:0;display:none}.world-canvas{position:relative;width:100%;overflow:hidden;background-color:#8fd7f5}.world-scenery{position:absolute;inset:0;pointer-events:none;z-index:0}.world-defs{position:absolute;width:0;height:0;overflow:hidden}.world-band{position:absolute;left:0;right:0;display:block;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 120px),transparent 100%);mask-image:linear-gradient(180deg,#000 calc(100% - 120px),transparent 100%)}.world-hill{position:absolute;left:0;width:100%;height:150px;display:block}.world-hill[data-depth="0"]{opacity:.55}.world-hill[data-depth="1"]{opacity:.85}.world-prop{position:absolute;display:block;filter:drop-shadow(0 4px 3px rgba(23,32,66,.22))}.world-prop svg{width:100%;height:100%;display:block}.world-prop.is-swaying{animation:worldsway 5.6s ease-in-out infinite;transform-origin:50% 90%}.world-prop.is-floating{animation:worldfloat 6.4s ease-in-out infinite}@keyframes worldsway{0%,to{transform:rotate(-2.4deg)}50%{transform:rotate(2.4deg)}}@keyframes worldfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.world-spark{position:absolute;display:block;opacity:0;clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);animation:worldspark 3.6s ease-in-out infinite}@keyframes worldspark{0%,to{opacity:0;transform:scale(.5) rotate(0)}45%{opacity:.95;transform:scale(1) rotate(45deg)}}.world-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.world-path-bed{stroke:var(--w-path-shadow);stroke-width:48;stroke-linecap:round;opacity:.2}.world-path-top{stroke:var(--w-path-rim);stroke-width:44;stroke-linecap:round}.world-path-dash{stroke:var(--w-path-body);stroke-width:36;stroke-linecap:round}.world-path-mid{stroke:var(--w-path-mid);stroke-width:5;stroke-linecap:round;stroke-dasharray:2 20;opacity:.85}.world-stops{position:relative;z-index:2}.board-cell{position:absolute;width:58px;height:58px;border-radius:20px;transform:translate(-50%,-50%) scale(var(--stop-scale, 1));background-color:var(--cell-color, var(--color-bg-secondary));background-image:linear-gradient(180deg,#ffffff80,#ffffff14 44%,#00000029);border:3px solid var(--color-outline-strong);box-shadow:inset 0 3px #ffffff80,inset 0 -4px 0 var(--cell-dark, rgba(23, 32, 66, .3)),0 5px 0 var(--cell-dark, rgba(23, 32, 66, .3)),0 11px 16px #17204252;display:flex;align-items:center;justify-content:center;color:var(--color-ink-primary);transition:left var(--dur-base) var(--ease),top var(--dur-base) var(--ease)}.board-cell:before{content:"";position:absolute;left:15%;right:15%;top:8%;height:24%;border-radius:999px;background:#fff9;pointer-events:none}.board-cell .cell-icon{position:relative;display:flex;font-size:25px;line-height:1}.board-cell .cell-index,.board-cell .cell-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.board-cell.is-special{width:78px;height:78px;border-radius:27px;z-index:3;box-shadow:inset 0 4px #ffffff8c,inset 0 -5px 0 var(--cell-dark, rgba(23, 32, 66, .3)),0 0 0 4px #ffffffeb,0 0 0 7px var(--color-gold),0 6px 0 var(--cell-dark, rgba(23, 32, 66, .3)),0 14px 22px #1720425c;animation:stopidle 3.6s ease-in-out infinite}.board-cell.is-special .cell-icon{font-size:33px}@keyframes stopidle{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.055)}}.board-cell.is-gate{width:94px;height:94px;border-radius:34px 34px 28px 28px;z-index:4;color:var(--color-ink-inverse);border-color:var(--color-gate-primary);box-shadow:inset 0 4px #fff6,0 0 0 5px var(--color-gold),0 0 0 9px #ffd95a66,0 7px 0 var(--color-gate-primary),0 18px 28px #17204266;animation:gateidle 4.2s ease-in-out infinite}.board-cell.is-gate .cell-icon{font-size:42px}@keyframes gateidle{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:inset 0 4px #fff6,0 0 0 5px var(--color-gold),0 0 0 9px #ffd95a66,0 7px 0 var(--color-gate-primary),0 18px 28px #17204266}50%{transform:translate(-50%,-50%) scale(1.03);box-shadow:inset 0 4px #fff6,0 0 0 5px var(--color-gold),0 0 0 15px #ffd95a38,0 7px 0 var(--color-gate-primary),0 18px 28px #17204266}}.board-cell.is-passed{--stop-scale: .88;animation:none;background-color:var(--cell-past, var(--color-board-past));background-image:none;border-width:2.5px;border-color:#17204266;box-shadow:inset 0 2px 5px #17204233;color:var(--cell-ink, var(--color-ink-secondary));opacity:.72}.board-cell.is-passed:before{opacity:.35}.board-cell.is-current{z-index:6;opacity:1;border:3px solid var(--color-ink-primary);animation:curbounce 2.2s ease-in-out infinite;box-shadow:inset 0 3px #ffffff8c,0 0 0 5px var(--color-gold),0 0 0 10px #ffd95a57,0 7px 0 var(--cell-dark, rgba(23, 32, 66, .3)),0 16px 26px #17204266}@keyframes curbounce{0%,to{transform:translate(-50%,-50%) scale(1.12)}50%{transform:translate(-50%,-52%) scale(1.17)}}.board-cell.is-candidate:after{content:"";position:absolute;inset:-9px;border-radius:28px;border:3.5px dashed var(--color-ink-primary);animation:kppulse 1.4s ease-in-out infinite}.you-pill{position:absolute;top:-16px;left:50%;transform:translate(-50%);padding:3px 9px;border-radius:var(--radius-pill);background:var(--color-ink-primary);border:2px solid var(--color-gold);font-size:var(--text-2xs);font-weight:800;letter-spacing:.08em;color:var(--color-ink-inverse);white-space:nowrap;z-index:7}.piece-cluster{position:absolute;bottom:-17px;left:50%;transform:translate(-50%);display:flex;z-index:7}.piece-cluster .piece-token{width:42px;height:42px;font-size:18px;border-width:3px;box-shadow:inset 0 2px #ffffff80,0 4px 9px #1720426b}.piece-cluster .piece-token+.piece-token{margin-left:-14px}.world-start{position:absolute;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center}.world-start-plinth{position:absolute;width:168px;height:82px;border-radius:50% 50% 46% 46%/62% 62% 38% 38%;background-image:linear-gradient(180deg,#a8f5b8,#33c46a);border:3px solid var(--color-outline-strong);box-shadow:inset 0 4px #ffffff80,0 6px #1d9c4e,0 14px 20px #1720424d}.world-start .start-pill{position:relative;padding:7px 16px;border-radius:var(--radius-pill);background:var(--color-ink-primary);border:2px solid var(--color-gold);font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--color-ink-inverse);white-space:nowrap;box-shadow:0 3px #17204273}.world-gate-plate{position:absolute;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 14px;border-radius:var(--radius-chip);background:var(--color-surface-elevated);border:2.5px solid var(--color-outline-strong);box-shadow:inset 0 2px #fffc,0 4px #17204240;white-space:nowrap}.world-gate-plate strong{font-family:var(--font-display);font-size:14px;color:var(--color-ink-primary);line-height:1.1}.world-gate-plate span{font-size:10.5px;font-weight:700;color:var(--color-ink-muted)}.world-grand{position:absolute;transform:translate(-50%,-50%);z-index:5;width:min(82%,310px);padding:18px 16px 16px;border-radius:30px;background-color:var(--color-grand-primary);background-image:linear-gradient(180deg,#4a44c4,#1b1f63);border:4px solid var(--color-gold);box-shadow:inset 0 4px #ffffff3d,0 10px #1720426b,0 22px 38px #17204266;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.world-grand-halo{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,217,90,.55),transparent 68%);z-index:-1;animation:grandhalo 4.6s ease-in-out infinite}@keyframes grandhalo{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.world-grand-plinth{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);width:64%;height:28px;border-radius:0 0 24px 24px;background:var(--color-gate-primary);border:3px solid var(--color-gold);border-top:0;z-index:-1}.world-grand-crest{width:58px;height:58px;border-radius:var(--radius-cell);background-image:linear-gradient(180deg,#ffe89c,#e0901a);border:3px solid var(--color-ink-inverse);display:flex;align-items:center;justify-content:center;color:var(--color-ink-primary);font-size:30px;margin-bottom:9px;box-shadow:inset 0 3px #fff9,0 4px #b3700d}.world-grand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.world-grand-eyebrow{font-size:var(--text-2xs);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold)}.world-grand-copy strong{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;line-height:1;color:var(--color-ink-inverse)}.world-grand-detail{font-size:var(--text-xs);font-weight:700;color:#ffffffe6;text-wrap:pretty}@media(prefers-reduced-motion:reduce){.board-cell,.board-cell.is-special,.board-cell.is-gate,.board-cell.is-current,.board-cell.is-candidate:after,.world-prop.is-swaying,.world-prop.is-floating,.world-spark,.world-grand-halo{animation:none;transition:none}.board-cell.is-special{transform:translate(-50%,-50%) scale(1.04)}.board-cell.is-current{transform:translate(-50%,-50%) scale(1.14)}.world-spark{opacity:.65}.world-grand-halo{opacity:.75}}.turn-dock{flex:none;display:flex;flex-direction:column;gap:8px;padding-top:9px}.turn-dock .turn-copy{display:flex;flex-direction:column}.turn-dock .turn-copy strong{font-family:var(--font-display);font-size:var(--text-md);font-weight:800;color:var(--color-ink-primary)}.turn-dock .turn-copy span{font-size:var(--text-xs);font-weight:700;color:var(--color-ink-muted)}.dice-row{display:flex;align-items:center;gap:10px}.die{width:72px;height:72px;flex:none;border-radius:20px;background:var(--color-surface-elevated);border:3px solid var(--color-outline-strong);box-shadow:0 5px #1f294747;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:11px}.die .pip{width:13px;height:13px;border-radius:50%;background:var(--color-ink-primary);align-self:center;justify-self:center}.die.is-empty{border-style:dashed;border-color:var(--color-outline-soft)}.die.is-rolling{animation:kpdice var(--dur-roll) var(--ease)}.roll-btn{flex:1;height:72px;border-radius:22px;background-color:var(--color-action-primary);background-image:var(--gloss);border:3px solid var(--color-outline-strong);box-shadow:0 6px 0 var(--color-action-primary-dark),0 12px 22px #1f294729;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.02em;color:var(--color-ink-primary)}.roll-btn .roll-sub{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;color:var(--color-success-ink)}.roll-btn:disabled{background:var(--color-disabled-bg);background-image:none;border-color:var(--color-disabled-line);box-shadow:none;color:var(--color-disabled-ink)}.roll-btn:disabled .roll-sub{color:var(--color-disabled-ink)}.opp-turn-card{height:72px;border-radius:22px;background:var(--color-surface-elevated);border:2.5px solid var(--color-info);box-shadow:var(--shadow-2);display:flex;align-items:center;gap:12px;padding:0 14px}.opp-turn-card .opp-turn-copy{display:flex;flex-direction:column;min-width:0}.opp-turn-card .opp-turn-copy strong{font-family:var(--font-display);font-size:var(--text-md);font-weight:800;color:var(--color-ink-primary)}.opp-turn-card .opp-turn-copy span{font-size:var(--text-xs);font-weight:700;color:var(--color-ink-muted)}.question-scrim{position:fixed;inset:0;z-index:30;background:linear-gradient(180deg,#453fa51a,#1f294733);pointer-events:none}.question-sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0 8px;max-height:88dvh;overflow:auto;overscroll-behavior:contain;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--color-surface-primary);padding:0 13px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -12px 34px #1f294747;animation:kplift var(--dur-base) var(--ease) both}.sheet-grip{display:block;width:44px;height:4px;margin:7px auto 0;border-radius:var(--radius-pill);background:var(--color-outline-soft)}.question-head{margin:0 -13px;padding:11px 13px;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background-color:var(--cat-tint, var(--color-bg-secondary));background-image:var(--gloss);display:flex;align-items:center;gap:9px}.category-badge{display:flex;align-items:center;gap:9px;flex:1;min-width:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;line-height:1;color:var(--color-ink-primary)}.category-badge .glyph{width:46px;height:46px;flex:none;padding:11px;border-radius:14px;background:var(--color-surface-elevated);border:2.5px solid var(--color-outline-strong);box-shadow:0 3px #1f294740;color:var(--cat-color, var(--color-ink-primary))}.difficulty-tag{padding:3px 9px;border-radius:var(--radius-pill);background:var(--color-ink-primary);font-size:var(--text-2xs);font-weight:800;letter-spacing:.1em;color:var(--color-ink-inverse)}.question-timer{position:relative;width:48px;height:48px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(var(--timer-color, var(--color-info)) calc(var(--timer-progress, 1) * 360deg),var(--color-disabled-bg) 0)}.question-timer>span{position:absolute;inset:4px;border-radius:50%;background:var(--color-surface-elevated);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--color-ink-primary)}.question-timer.is-warning{--timer-color: var(--color-warning)}.question-timer.is-urgent{--timer-color: var(--color-error-line)}.question-body{display:flex;flex-direction:column;gap:11px;padding-top:11px}.question-text{font-family:var(--font-ui);font-size:18px;font-weight:800;line-height:1.3;color:var(--color-ink-primary);text-wrap:pretty}.answer-grid{display:flex;flex-direction:column;gap:8px}.answer-option{min-height:58px;display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:18px;background:var(--color-surface-answer);border:2.5px solid var(--color-outline-strong);box-shadow:var(--shadow-1);font-family:var(--font-ui);font-size:var(--text-md);font-weight:800;text-align:left;color:var(--color-ink-primary);cursor:pointer}.answer-option:active:not(:disabled){transform:translateY(2px);box-shadow:none}.answer-option .key{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-chip);background:var(--color-bg-secondary);border:2px solid var(--color-outline-soft);font-family:var(--font-display);font-size:var(--text-md);font-weight:800;color:var(--color-ink-primary)}.answer-option .text{flex:1;line-height:1.2;text-wrap:pretty}.answer-option:disabled{cursor:not-allowed}.answer-option.is-selected{border-color:var(--color-info);background:var(--color-info-soft)}.answer-option.is-selected .key{background:var(--color-info);border-color:var(--color-info-ink);color:var(--color-ink-inverse)}.answer-option.is-correct{background-color:var(--color-success);background-image:var(--gloss);border-color:var(--color-outline-strong);box-shadow:0 4px 0 var(--color-success-dark);color:var(--color-success-ink)}.answer-option.is-correct .key{background:var(--color-surface-elevated);border-color:var(--color-outline-strong);color:var(--color-ink-primary)}.answer-option.is-wrong{background:var(--color-error);border-color:var(--color-error-line);color:var(--color-error-ink)}.answer-option.is-wrong .key{background:var(--color-surface-elevated);border-color:var(--color-error-line);color:var(--color-error-ink)}.answer-option.is-eliminated{opacity:.42;background:var(--color-disabled-bg);border-color:var(--color-disabled-line);border-style:dashed;color:var(--color-disabled-ink);box-shadow:none}.answer-mark{flex:none;font-size:var(--text-xs);font-weight:800;letter-spacing:.06em}.answer-mark.good{color:var(--color-success-ink)}.answer-mark.bad{color:var(--color-error-ink)}.resolution-note{border-radius:var(--radius-field);padding:11px 13px;background:var(--color-bg-secondary);border:2px solid var(--color-outline-subtle);display:flex;flex-direction:column;gap:3px}.resolution-note strong{font-family:var(--font-display);font-size:21px;font-weight:800;letter-spacing:.02em}.resolution-note p{font-size:13.5px;font-weight:700;color:var(--color-ink-secondary);text-wrap:pretty}.resolution-note.good{background-color:var(--color-action-primary-light);border-color:var(--color-action-primary-dark)}.resolution-note.good strong{color:var(--color-success-ink)}.resolution-note.bad{background:var(--color-error);border-color:var(--color-error-line)}.resolution-note.bad strong{color:var(--color-error-ink)}.resolution-note.neutral{background:var(--color-action-secondary-light);border-color:var(--color-action-secondary-dark)}.assist-note{display:flex;align-items:center;gap:9px;border-radius:var(--radius-field);padding:9px 12px;background:var(--color-gold-light);border:2px solid var(--color-gold-dark);font-size:12.5px;font-weight:800;color:var(--color-ink-primary);text-wrap:pretty}.effect-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:22px;background:var(--color-scrim-event);animation:kpfade var(--dur-base) var(--ease) both}@keyframes kpfade{0%{opacity:0}to{opacity:1}}.effect-card{width:100%;max-width:320px;max-height:88dvh;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:11px;border-radius:26px;padding:22px 18px;background:var(--color-surface-primary);border:3px solid var(--color-outline-strong);box-shadow:var(--shadow-3);animation:kplift var(--dur-slow) var(--ease) both}.effect-crest{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:26px;padding:22px;background-color:var(--crest-color, var(--color-gold));background-image:var(--gloss);border:3px solid var(--color-outline-strong);box-shadow:0 6px 0 var(--crest-deep, var(--color-gold-dark));color:var(--color-ink-primary)}.effect-crest .glyph{width:100%;height:100%}.effect-card h2{font-size:25px;text-align:center;text-wrap:pretty}.effect-card>p{text-align:center}.choice-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-tile{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:18px;padding:10px 8px;background-color:var(--cat-tint, var(--color-surface-elevated));background-image:var(--gloss);border:2.5px solid var(--color-outline-strong);box-shadow:0 4px 0 var(--cat-dark, rgba(31, 41, 71, .2));font-family:var(--font-ui);font-size:12.5px;font-weight:800;color:var(--color-ink-primary);text-align:center;cursor:pointer}.choice-tile:active{transform:translateY(2px);box-shadow:0 2px 0 var(--cat-dark, rgba(31, 41, 71, .2))}.choice-tile .glyph{width:46px;height:46px;padding:11px;border-radius:14px;background:var(--color-surface-elevated);border:2.5px solid var(--color-outline-strong);color:var(--cat-color, var(--color-ink-primary))}.target-grid{width:100%;display:flex;flex-direction:column;gap:10px}.target-option{display:flex;align-items:center;gap:12px;border-radius:20px;padding:12px;background:var(--color-surface-elevated);border:2.5px solid var(--color-outline-strong);box-shadow:var(--shadow-2);font-family:var(--font-ui);font-size:var(--text-md);font-weight:800;text-align:left;color:var(--color-ink-primary);cursor:pointer}.target-option:active{transform:translateY(2px) scale(.99);box-shadow:var(--shadow-1)}.target-option>span{flex:1;min-width:0}.versus-row{display:flex;align-items:center;justify-content:center;gap:13px}.versus-side{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:var(--color-ink-primary)}.versus-mark{font-family:var(--font-display);font-size:25px;font-weight:800;color:var(--color-ink-primary)}.grand-banner{margin:0 -13px;padding:12px 13px;display:flex;flex-direction:column;gap:5px;background-color:var(--color-grand-primary);background-image:linear-gradient(165deg,var(--color-grand-secondary),var(--color-grand-primary));border-bottom:3px solid var(--color-gold)}.grand-banner strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-ink-inverse)}.grand-banner span{font-size:var(--text-xs);font-weight:700;color:#dce0fa}.grand-banner.is-gate{background-color:var(--color-gate-primary);background-image:linear-gradient(165deg,var(--color-gate-secondary),var(--color-gate-primary))}.grand-progress{display:flex;gap:6px}.grand-pip{width:20px;height:24px;border-radius:8px;background:#ffffff2e;border:2px solid rgba(255,255,255,.4)}.grand-pip.is-correct{background:var(--color-action-primary);border-color:var(--color-action-primary-dark)}.grand-pip.is-done{background:var(--color-error);border-color:var(--color-error-line)}.victory-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;border-radius:26px;padding:22px 19px;background:var(--color-surface-primary);border:3px solid var(--color-gold);box-shadow:0 8px 0 var(--color-gold-dark),0 18px 32px #1f294733;text-align:center;animation:kppop var(--dur-slow) var(--ease) both}.victory-crown{width:88px;height:88px;display:flex;align-items:center;justify-content:center;padding:20px;border-radius:50%;background-color:var(--color-gold);background-image:var(--gloss);border:3px solid var(--color-outline-strong);box-shadow:0 6px 0 var(--color-gold-dark);color:var(--color-ink-primary)}.victory-crown .glyph{width:100%;height:100%}.results-grid{display:flex;flex-direction:column;gap:9px}.result-card{display:flex;flex-direction:column;gap:9px;border-radius:18px;padding:11px 12px;background:var(--color-surface-elevated);border:2px solid var(--color-outline-subtle);box-shadow:var(--shadow-1)}.result-card.is-winner{background:var(--color-surface-primary);border-color:var(--color-gold-dark);box-shadow:0 5px 0 var(--color-gold-dark)}.result-head{display:flex;align-items:center;gap:10px}.result-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.result-name strong{font-size:14px;font-weight:800;color:var(--color-ink-primary)}.result-name span{font-size:var(--text-2xs);font-weight:700;color:var(--color-ink-muted)}.accuracy-bar{height:9px;border-radius:5px;background:var(--color-disabled-bg);border:1.5px solid var(--color-outline-soft);overflow:hidden}.accuracy-bar>i{display:block;height:100%;background-color:var(--color-action-primary);background-image:var(--gloss)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:flex;flex-direction:column;align-items:center;gap:1px;border-radius:var(--radius-chip);padding:8px 6px;background:var(--color-bg-secondary);border:1.5px solid var(--color-outline-subtle)}.stat b{font-family:var(--font-display);font-size:var(--text-md);font-weight:800;color:var(--color-ink-primary)}.stat span{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);text-align:center}.cat-chips{display:flex;flex-wrap:wrap;gap:6px}.cat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-pill);background:var(--cat-tint, var(--color-bg-secondary));border:1.5px solid var(--cat-color, var(--color-outline-soft));font-size:var(--text-xs);font-weight:800;color:var(--color-ink-primary)}.cat-chip .glyph{width:16px;height:16px;color:var(--cat-ink, var(--color-ink-primary))}.home-hero{flex:1;display:flex;flex-direction:column;gap:var(--gap-md)}.card-fan{position:relative;margin-top:26px;height:128px;display:flex;align-items:center;justify-content:center}.card-fan i{position:absolute;width:62px;height:86px;border-radius:var(--radius-field);background-color:var(--fan-color, var(--color-bg-secondary));background-image:var(--gloss);border:2.5px solid var(--color-outline-strong);box-shadow:var(--shadow-2);transform:rotate(var(--fan-rot, 0deg)) translate(var(--fan-x, 0))}.home-title{text-align:center}.home-title .kicker{display:inline-block;padding:4px 14px;border-radius:var(--radius-pill);background:var(--color-ink-primary);font-size:var(--text-xs);font-weight:800;letter-spacing:.3em;color:var(--color-gold)}.home-title h1{margin-top:8px;font-size:var(--text-hero);letter-spacing:.01em;text-shadow:0 3px 0 var(--color-gold-dark),0 6px 0 rgba(31,41,71,.18)}.home-mark{width:64px;height:64px;display:flex;align-items:center;justify-content:center;padding:14px;border-radius:20px;background-color:var(--color-gold);background-image:var(--gloss);border:3px solid var(--color-outline-strong);box-shadow:0 5px 0 var(--color-gold-dark);color:var(--color-ink-primary)}.home-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.home-actions h2{font-size:var(--text-2xl)}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.icon-btn{width:var(--tap-min);height:var(--tap-min);flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--color-surface-elevated);border:2px solid var(--color-outline-soft);box-shadow:var(--shadow-1);font-family:var(--font-ui);font-size:20px;font-weight:800;color:var(--color-ink-primary);cursor:pointer}.screen-title{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--color-ink-primary)}.room-code-card{border-radius:22px;padding:15px;background:var(--color-surface-primary);border:2.5px solid var(--color-outline-strong);box-shadow:var(--shadow-2);text-align:center}.room-code-badge{display:block;font-family:var(--font-display);font-size:38px;font-weight:800;line-height:1.1;letter-spacing:.05em;color:var(--color-ink-primary)}.seat-slots{display:flex;flex-direction:column;gap:8px}.seat-slot.is-empty{background:transparent;border-style:dashed;box-shadow:none;color:var(--color-ink-muted)}.steps{display:flex;flex-direction:column;gap:8px}.step{display:flex;align-items:center;gap:12px;border-radius:18px;padding:11px 12px;background:var(--color-surface-elevated);border:2px solid var(--color-outline-subtle);box-shadow:var(--shadow-1)}.step-num{width:48px;height:48px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:14px;background-color:var(--step-color, var(--color-bg-secondary));background-image:var(--gloss);border:2.5px solid var(--color-outline-strong);box-shadow:0 3px #1f294738;font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--color-ink-primary)}.step-body{display:flex;flex-direction:column;gap:2px;min-width:0}.step-body strong{font-size:15px;font-weight:800;color:var(--color-ink-primary)}.step-body span{font-size:12.5px;font-weight:700;line-height:1.35;color:var(--color-ink-muted);text-wrap:pretty}.banner{display:flex;align-items:center;gap:9px;border-radius:var(--radius-field);padding:10px 13px;font-size:12.5px;font-weight:800}.banner.warn{background:var(--color-action-secondary-light);border:2px solid var(--color-action-secondary-dark);color:var(--color-ink-primary)}.banner.good{background:var(--color-action-primary-light);border:2px solid var(--color-action-primary-dark);color:var(--color-success-ink)}.banner.info{background:var(--color-info-soft);border:2px solid var(--color-info);color:var(--color-info-ink)}.spinner{width:16px;height:16px;flex:none;display:inline-block;border-radius:50%;border:3px solid currentColor;border-top-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-card{flex:1;align-items:center;justify-content:center;text-align:center;gap:12px}.skeleton{display:block;height:14px;width:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-disabled-bg),var(--color-bg-secondary),var(--color-disabled-bg));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.empty-note{border-radius:var(--radius-field);padding:13px;background:var(--color-bg-secondary);border:2px dashed var(--color-outline-soft);font-size:12.5px;font-weight:700;color:var(--color-ink-muted);text-align:center}@supports not (height: 100dvh){.app-shell,.shell{min-height:100vh}}@media(min-width:720px){.app-shell,.shell{max-width:520px}.question-sheet{left:50%;right:auto;transform:translate(-50%);width:min(504px,100vw - 16px);margin:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.piece-token.tiny{width:24px;height:24px;font-size:var(--text-xs);border-width:2px;box-shadow:0 2px 0 var(--seat-deep, rgba(31, 41, 71, .28))}.piece-token.large{width:62px;height:62px;font-size:27px;border-width:3px;box-shadow:0 5px 0 var(--seat-deep, rgba(31, 41, 71, .28))}.opp-avatar{position:relative;flex:none;display:flex}.turn-dock .turn-copy{flex-direction:row;align-items:center;gap:9px}.turn-copy-text{display:flex;flex-direction:column;min-width:0}.turn-dock.is-waiting .dice-row{border-radius:22px;padding:8px 12px;background:var(--color-surface-elevated);border:2.5px solid var(--color-info);box-shadow:var(--shadow-2)}.turn-dock.is-waiting .die{width:54px;height:54px;padding:8px;border-width:2.5px;box-shadow:0 3px #1f294738}.turn-dock.is-waiting .die .pip{width:10px;height:10px}.turn-dock.is-waiting .roll-btn{height:54px;border:0;background:transparent;box-shadow:none;font-size:var(--text-md);color:var(--color-ink-muted)}.roll-label{display:block;line-height:1.05}.secondary-action.fifty{width:48px;height:48px;flex:none;align-self:center;border-radius:50%;padding:0;font-size:11.5px;line-height:1}.resolution-note .why{font-size:var(--text-2xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted)}.challenge-tag{flex:none;padding:9px 13px;border-radius:var(--radius-pill);background:var(--color-ink-primary);font-size:var(--text-xs);font-weight:800;color:var(--color-gold)}.btn.primary-hero{flex-direction:column;gap:1px}.cta-label{display:block;line-height:1.05}.cta-sub{display:block;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;color:var(--color-success-ink)}.btn.primary-hero:disabled .cta-sub{color:var(--color-disabled-ink)}.btn.ink{background:var(--color-ink-primary);border-color:var(--color-ink-primary);color:var(--color-ink-inverse);min-height:var(--tap-min)}.host-tag{margin-left:6px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-gold);border:1.5px solid var(--color-gold-dark);font-size:var(--text-2xs);font-weight:800;letter-spacing:.08em;color:var(--color-ink-primary);vertical-align:1px}.code-input{letter-spacing:.22em;text-transform:uppercase;text-align:center;font-family:var(--font-display);font-size:25px}.victory-card.is-quiet{border-color:var(--color-outline-soft);box-shadow:var(--shadow-2)}.victory-crown.is-quiet{background-color:var(--color-bg-secondary);box-shadow:0 5px 0 var(--color-outline-soft)}.board-layout,.route-grid{display:flex;flex-direction:column;gap:var(--gap-md)}.route-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.board-cells{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.board-cells .board-cell{position:static;width:auto;height:auto;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:var(--radius-chip);border-width:1.5px;box-shadow:none;background-image:none;background:var(--color-surface-elevated);font-size:var(--text-2xs);font-weight:800}.board-cells .cell-position,.board-cells .cell-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.final-challenge-card{display:flex;flex-direction:column;gap:8px;border-radius:18px;padding:13px;background:var(--color-surface-primary);border:2px solid var(--color-outline-soft);box-shadow:var(--shadow-1)}.entry-head{display:flex;flex-direction:column;gap:5px}.entry-head .icon-btn{align-self:flex-start;margin-bottom:13px}.entry-head h1{font-size:32px}.entry-form{flex:1;display:flex;flex-direction:column;gap:11px}.entry-form .btn.primary-hero{margin-top:auto}.language-selector{display:flex;flex-direction:column;gap:7px}.language-label{font-size:var(--text-2xs);font-weight:800;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-ink-muted)}.language-options{display:flex;gap:7px}.language-option{flex:1;min-width:0;min-height:var(--tap-min);padding:0 8px;border-radius:14px;background:var(--color-surface-elevated);border:2px solid var(--color-outline-soft);box-shadow:var(--shadow-1);font-family:var(--font-ui);font-size:13px;font-weight:800;color:var(--color-ink-secondary);cursor:pointer;text-wrap:balance}.language-option.is-active{background-color:var(--color-action-secondary);background-image:var(--gloss);border-color:var(--color-outline-strong);box-shadow:0 3px 0 var(--color-action-secondary-dark);color:var(--color-ink-primary)}.language-option:active{transform:translateY(2px);box-shadow:none}.language-selector.compact .language-label{display:none}.language-selector.compact .language-option{min-height:var(--tap-min);font-size:12px;padding:0 6px}.language-hint{text-wrap:pretty}.room-code-line{display:flex;align-items:center;justify-content:center;gap:10px}.share-btn{width:var(--tap-min);height:var(--tap-min);flex:none;display:inline-flex;align-items:center;justify-content:center;padding:11px;border-radius:14px;background:var(--color-surface-elevated);border:2px solid var(--color-outline-soft);box-shadow:var(--shadow-1);color:var(--color-ink-primary);cursor:pointer}.share-btn:active{transform:translateY(2px);box-shadow:none}.room-meta{margin-top:7px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--text-xs);font-weight:800;color:var(--color-ink-muted)}.room-meta-copied{color:var(--color-action-primary-deep)}.status-dot-wrap{display:inline-flex;align-items:center;gap:5px}.status-dot{width:10px;height:10px;flex:none;border-radius:50%;border:1.5px solid rgba(31,41,71,.22)}.status-dot.is-connected{background:var(--color-action-primary)}.status-dot.is-pending{background:var(--color-action-secondary)}.status-dot.is-offline{background:var(--color-error-line)}.status-dot-label{font-size:var(--text-xs);font-weight:800;color:var(--color-ink-muted)}.host-crown{display:inline-flex;width:18px;height:18px;margin-left:6px;vertical-align:-3px;color:var(--color-gold-dark)}.host-crown .glyph{width:100%;height:100%}.host-legend{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:800;color:var(--color-ink-muted)}.host-legend .host-crown{margin-left:0}.exit-btn{font-size:22px;line-height:1}.confirm-scrim{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:22px;background:var(--color-scrim-event);animation:kpfade var(--dur-base) var(--ease) both}.confirm-sheet{width:100%;max-width:320px;display:flex;flex-direction:column;gap:11px;border-radius:26px;padding:20px 18px;background:var(--color-surface-primary);border:3px solid var(--color-outline-strong);box-shadow:var(--shadow-3);animation:kplift var(--dur-slow) var(--ease) both}.confirm-sheet h2{font-size:21px;text-wrap:pretty}.btn.danger{min-height:var(--tap-comfortable);border-radius:18px;background:var(--color-error);border:2.5px solid var(--color-error-line);box-shadow:0 4px 0 var(--color-error-line);color:var(--color-error-ink);font-size:var(--text-md)}.btn.danger:active:not(:disabled){transform:translateY(2px);box-shadow:none}.end-reason{padding:5px 12px;border-radius:var(--radius-pill);background:var(--color-bg-secondary);border:1.5px solid var(--color-outline-soft);font-size:var(--text-xs);font-weight:800;color:var(--color-ink-secondary);text-wrap:pretty}.die-result{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:18px;background:var(--color-surface-elevated);border:2px solid var(--color-outline-soft);box-shadow:var(--shadow-1)}.die.compact{width:46px;height:46px;padding:7px;gap:3px;border-width:2.5px;border-radius:14px;box-shadow:0 3px #1f294738}.die.compact .pip{width:8px;height:8px}.die-result-copy{display:flex;flex-direction:column;min-width:0}.die-result-copy strong{font-family:var(--font-display);font-size:var(--text-md);font-weight:800;color:var(--color-ink-primary)}.die-result-copy span{font-size:var(--text-xs);font-weight:700;color:var(--color-ink-muted)}.question-sheet .die-result{margin:8px 0 0}.question-hero{margin:8px 0 0;height:clamp(132px,24dvh,210px);border-radius:20px;overflow:hidden;background-color:var(--cat-tint, var(--color-bg-secondary));border:2.5px solid var(--color-outline-strong);box-shadow:0 4px 0 var(--cat-dark, rgba(31, 41, 71, .2));display:flex;align-items:center;justify-content:center}.question-hero img{width:100%;height:100%;object-fit:cover;display:block}.question-hero.is-placeholder{background-image:var(--gloss);color:var(--cat-color, var(--color-ink-primary))}.question-hero.is-placeholder .glyph{width:64px;height:64px;stroke-width:1.6;opacity:.9}@media(max-height:700px){.question-hero{height:110px}}.audio-controls{position:relative;display:inline-flex}.audio-controls:not(.compact){width:100%}.audio-controls:not(.compact) .audio-btn{width:100%;border-radius:var(--radius-field)}.audio-btn{font-size:18px}.audio-scrim{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:22px;background:var(--color-scrim-event);animation:kpfade var(--dur-base) var(--ease) both}.audio-panel{width:100%;max-width:320px;display:flex;flex-direction:column;gap:9px;padding:18px;border-radius:26px;background:var(--color-surface-primary);border:3px solid var(--color-outline-strong);box-shadow:var(--shadow-3);animation:kplift var(--dur-slow) var(--ease) both}.audio-panel-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:4px}.audio-panel-head h2{font-size:var(--text-lg)}.audio-row{display:flex;align-items:center;gap:9px;font-size:var(--text-xs);font-weight:800;color:var(--color-ink-primary)}.audio-row input[type=range]{flex:1;min-height:0;accent-color:var(--color-action-primary)}.audio-row input[type=checkbox]{width:20px;height:20px;min-height:0;padding:0;accent-color:var(--color-action-primary)}.topbar-actions{display:inline-flex;align-items:center;gap:7px}