:root{--color-primary: #7c3aed;--color-primary-strong: #6d28d9;--color-secondary: #06b6d4;--color-accent: #f472b6;--color-text: #1f2937;--color-text-muted: #6b7280;--color-card: #ffffff;--color-card-border: rgba(17, 24, 39, .08);--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow: 0 10px 30px rgba(31, 41, 55, .18);--shadow-soft: 0 4px 14px rgba(31, 41, 55, .12);--max-width: 960px;--font-display: "Fredoka", "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Tajawal", "Fredoka", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[lang=ar]{--font-display: "Tajawal", system-ui, sans-serif;--font-body: "Tajawal", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:radial-gradient(1200px 600px at 50% -10%,#a78bfa 0%,transparent 60%),linear-gradient(160deg,#6d28d9,#4c1d95 45%,#1e1b4b);background-attachment:fixed;min-height:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;max-width:var(--max-width);margin-inline:auto;padding:var(--space-3) var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:#fff;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.1rem}.brand-emoji{font-size:1.4rem}.app-main{flex:1;width:100%;max-width:var(--max-width);margin-inline:auto;padding:var(--space-4)}.app-footer{text-align:center;color:#ffffffb3;font-size:.8rem;padding:var(--space-4)}.lang-switcher{display:inline-flex;background:#ffffff26;border-radius:999px;padding:4px;gap:4px}.lang-switcher button{border:0;background:transparent;color:#fff;padding:8px 14px;border-radius:999px;font-size:.9rem;cursor:pointer;font-family:var(--font-body);min-height:36px}.lang-switcher button.active{background:#fff;color:var(--color-primary-strong);font-weight:700}.page{display:flex;flex-direction:column;gap:var(--space-4);animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-title{color:#fff;font-family:var(--font-display);font-size:1.6rem;margin:0}.page-subtitle{color:#ffffffd9;margin:0}.card{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow);border:1px solid var(--color-card-border)}.card-title{font-family:var(--font-display);font-weight:600;font-size:1.1rem}.muted{color:var(--color-text-muted);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius);font-family:var(--font-display);font-weight:600;font-size:1rem;padding:14px 20px;min-height:52px;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,background .2s ease;text-decoration:none;color:var(--color-text)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.6;cursor:default}.btn-large{min-height:60px;font-size:1.15rem;padding:16px 24px}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-primary));color:#fff;box-shadow:var(--shadow-soft)}.btn-primary:hover{box-shadow:0 8px 22px #7c3aed73}.btn-secondary{background:#fff;color:var(--color-primary-strong);box-shadow:var(--shadow-soft)}.btn-ghost{background:#7c3aed14;color:var(--color-primary-strong);min-height:44px}.back-link{align-self:flex-start;background:transparent;border:0;color:#ffffffe6;font-size:.95rem;cursor:pointer;padding:6px 0;font-family:var(--font-body)}.form{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-weight:600;font-size:.95rem;color:var(--color-text)}.field-hint{font-size:.85rem;color:var(--color-text-muted)}.input{width:100%;padding:14px 16px;font-size:1.05rem;border:2px solid #e5e7eb;border-radius:var(--radius);font-family:var(--font-body);background:#fff;color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #7c3aed26}.room-code-input{letter-spacing:.2em;text-transform:uppercase;font-weight:700}.demo-hint{font-size:.85rem;background:#fef9c3;color:#854d0e;padding:10px 12px;border-radius:var(--radius-sm);margin:0}.error{background:#fee2e2;color:#991b1b;padding:12px 14px;border-radius:var(--radius-sm);margin:0;font-size:.95rem}.landing{text-align:center;gap:var(--space-6);padding-top:var(--space-5)}.hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.hero-emoji{font-size:3.5rem}.hero-title{color:#fff;font-family:var(--font-display);font-size:clamp(2.05rem,9vw,2.7rem);line-height:1.1;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.25);text-wrap:balance}.hero-tagline{color:#ffffffd9;margin:0;font-size:1.05rem}.cta-stack{display:flex;flex-direction:column;gap:var(--space-2)}.cta-stack .btn{width:100%}.cta-hint{color:#ffffffb3;font-size:.85rem;margin:0 0 var(--space-3)}.lobby-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.join-card{text-align:center}.qr-wrap{display:inline-flex;background:#fff;padding:16px;border-radius:var(--radius);box-shadow:var(--shadow-soft);margin:var(--space-3) auto}.scan-hint{color:var(--color-text-muted);font-size:.9rem;margin:0}.room-code-block{margin-top:var(--space-4);display:flex;flex-direction:column;gap:6px;align-items:center}.room-code{font-family:Fredoka,monospace;font-size:2.4rem;font-weight:700;letter-spacing:.25em;background:#f3f0ff;color:var(--color-primary-strong);padding:10px 22px;border-radius:var(--radius);display:inline-block}.join-link-block{margin-top:var(--space-4);display:flex;flex-direction:column;gap:8px;align-items:center}.join-link{background:#f3f4f6;padding:8px 12px;border-radius:var(--radius-sm);font-size:.9rem;word-break:break-all;color:var(--color-text)}.player-list{list-style:none;padding:0;margin:var(--space-3) 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.player-item{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;background:#f9fafb;border-radius:var(--radius)}.player-avatar{font-size:1.4rem}.player-name{font-weight:600}.badge{margin-inline-start:auto;background:var(--color-primary);color:#fff;font-size:.7rem;padding:3px 8px;border-radius:999px;white-space:nowrap}.challenge-chips,.skin-row{list-style:none;padding:0;margin:var(--space-3) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.challenge-chip{background:#f3f0ff;color:var(--color-primary-strong);padding:8px 14px;border-radius:999px;font-size:.9rem;font-weight:600}.skin-chip{display:inline-flex;align-items:center;gap:8px;color:#fff;padding:8px 12px;border-radius:999px;font-size:.85rem;font-weight:600;box-shadow:var(--shadow-soft)}.skin-emoji{font-size:1.1rem}.skin-status{font-size:.7rem;padding:2px 8px;border-radius:999px;background:#00000040}.skin-status.unlocked{background:#ffffff4d}.empty-state{text-align:center;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.waiting{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.waiting-emoji{font-size:3rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.7}}.game-meta{display:flex;gap:var(--space-3);flex-wrap:wrap}.meta-pill{background:#ffffff29;border:1px solid rgba(255,255,255,.22);color:#fff;padding:6px 16px;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:84px}.meta-pill .muted{color:#ffffffd1;font-size:.72rem;font-weight:600}.meta-pill strong{font-size:1.35rem;line-height:1.1}.banner{background:#ffffff1f;color:#fff;text-align:center;padding:var(--space-4);border-radius:var(--radius);font-family:var(--font-display);font-size:1.2rem}.challenge-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.minigame-placeholder{text-align:center;padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.minigame-placeholder h3{margin:0;font-family:var(--font-display)}.minigame-placeholder p{margin:0}.minigame-emoji{font-size:3rem}.minigame-note{color:var(--color-text-muted);font-size:.9rem;margin-top:var(--space-2)}.challenge-card .btn-ghost{margin-top:var(--space-3)}.results{text-align:center}.winner-card{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.winner-name{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-primary-strong)}.thanks{color:var(--color-text-muted);margin:0}@media (min-width: 640px){.hero-title{font-size:3.2rem}.cta-stack{max-width:420px;margin-inline:auto;width:100%}}@media (min-width: 900px){.app-main{padding:var(--space-6) var(--space-4)}.page-title{font-size:2rem}.lobby-grid{grid-template-columns:1.1fr 1fr;align-items:start}.form,.winner-card,.empty-state{max-width:520px;margin-inline:auto;width:100%}}.header-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.streamer-toggle{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:#ffffff26;color:#fff;padding:8px 12px;min-height:36px;cursor:pointer;font-family:var(--font-body);font-size:.85rem}.streamer-toggle.on{background:#fee2e2;color:#b91c1c;font-weight:700}@media (max-width: 420px){.streamer-toggle-label{display:none}}.btn-sm{min-height:40px;padding:8px 14px;font-size:.9rem}.run-type-cards{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.run-type-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-soft);text-align:center}.run-type-icon{font-size:2rem}.run-type-name{font-family:var(--font-display);font-weight:700;margin-top:4px}.run-type-price{display:inline-block;margin:6px 0;background:#f3f0ff;color:var(--color-primary-strong);font-weight:700;padding:4px 12px;border-radius:999px}.run-type-pill{align-self:flex-start;background:#ffffff26;color:#fff;padding:6px 14px;border-radius:999px;font-weight:600;font-size:.9rem}.select-list{list-style:none;padding:0;margin:0 0 var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.select-chip{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:12px 14px;border:2px solid #e5e7eb;border-radius:var(--radius);background:#fff;cursor:pointer;font-family:var(--font-body);font-size:1rem;color:var(--color-text);transition:border-color .12s ease,background .12s ease}.select-chip.selected{border-color:var(--color-primary);background:#f3f0ff}.select-icon{font-size:1.4rem}.select-name{font-weight:600}.select-check{margin-inline-start:auto;font-weight:700;color:var(--color-primary-strong)}.lineup-list{list-style:none;padding:0;margin:var(--space-3) 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.lineup-item{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;background:#f9fafb;border-radius:var(--radius)}.lineup-index{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--color-primary);color:#fff;font-weight:700;font-size:.85rem;flex:0 0 auto}.lineup-name{font-weight:600}.role-marker{margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}.role-marker.small{padding:2px 6px;margin-inline-start:6px}.stream-hidden-panel{background:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#eef2ff 10px,#eef2ff 20px);border:2px dashed #c7d2fe;border-radius:var(--radius);padding:var(--space-5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.stream-hidden-emoji{font-size:2.4rem}.stream-revealed{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.mode-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.mode-toggle{display:inline-flex;align-items:center;gap:8px;border:2px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 16px;min-height:44px;cursor:pointer;font-family:var(--font-body);font-weight:600;color:var(--color-text)}.mode-toggle.on{border-color:var(--color-primary);background:#f3f0ff;color:var(--color-primary-strong)}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.round-pill{background:#ffffff2e;color:#fff;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.9rem}.minigame-secret{background:#fff7ed;color:#9a3412;padding:8px 12px;border-radius:var(--radius-sm);font-size:.9rem}.standings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);counter-reset:rank}.standing-row{display:flex;align-items:center;gap:var(--space-3);padding:12px 14px;background:#f9fafb;border-radius:var(--radius)}.standing-row.leader{background:linear-gradient(135deg,#fef9c3,#fde68a)}.standing-rank{font-size:1.3rem;min-width:36px;text-align:center}.standing-name{font-weight:600;display:inline-flex;align-items:center}.standing-points{margin-inline-start:auto;font-family:var(--font-display);font-weight:700;color:var(--color-primary-strong);white-space:nowrap}@media (min-width: 640px){.run-type-cards{grid-template-columns:1fr 1fr}}.brand-titles{display:inline-flex;flex-direction:column;justify-content:center;gap:1px;line-height:1.15;min-width:0}.brand-studio{display:inline-flex;align-items:center;gap:5px}.studio-logo{display:block;width:auto;object-fit:contain;-webkit-user-select:none;user-select:none}.brand-studio-logo{height:17px}.brand-studio-label{font-family:var(--font-body);font-weight:500;font-size:.62rem;letter-spacing:.01em;color:#ffffffb8;white-space:nowrap}@media (max-width: 340px){.brand-studio{display:none}}.footer-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;max-width:var(--max-width);margin-inline:auto}.footer-studio-logo{height:38px;margin-bottom:4px}.footer-tagline{margin:0;font-family:var(--font-display);font-weight:600;font-size:.95rem;line-height:1.4;color:#ffffffeb;text-wrap:balance}.footer-game-by{margin:0;font-weight:500;font-size:.85rem;color:#ffffffb8}.footer-rights{margin:0;font-size:.78rem;color:#ffffff8c}.footer-support{margin:0;font-size:.76rem;color:#fff9}.footer-support-link{color:#fff;text-decoration:underline;text-underline-offset:2px}.footer-support-link:hover{color:var(--color-accent)}.payment-trust{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:var(--radius-sm);padding:10px 14px;margin:0;font-size:.9rem;line-height:1.4}.payment-trust-icon{font-size:1rem;flex:0 0 auto}@media (max-width: 480px){.app-header{padding:var(--space-3);gap:var(--space-2)}.brand{font-size:1rem;gap:6px}.brand-emoji{font-size:1.3rem}.brand-text{white-space:nowrap}.brand-studio{gap:4px}.brand-studio-logo{height:13px}.brand-studio-label{font-size:.56rem}.lang-switcher{padding:3px;gap:2px;background:#ffffff1f}.lang-switcher button{padding:5px 9px;font-size:.76rem;min-height:30px}.streamer-toggle{padding:7px 9px;min-height:30px}.app-main{padding-bottom:var(--space-6)}.hero{gap:var(--space-3)}.hero-emoji{font-size:3rem}.hero-tagline{font-size:1rem;text-wrap:balance}.cta-hint{margin:0 0 var(--space-4);font-size:.82rem}.app-footer{padding:var(--space-5) var(--space-4) var(--space-6)}.footer-inner{gap:11px}.footer-studio-logo{height:34px;margin-bottom:4px}.footer-tagline{font-size:.9rem}.footer-game-by{font-size:.82rem}.footer-rights{font-size:.74rem}}.oddshape{display:flex;flex-direction:column;gap:var(--space-3)}.oddshape-instruction{margin:0;text-align:center;font-weight:600;color:var(--color-text)}.oddshape-timer{display:flex;align-items:center;gap:10px}.oddshape-timer-icon{font-size:1.1rem}.oddshape-timer-bar{flex:1;height:10px;background:#ece9fe;border-radius:999px;overflow:hidden}.oddshape-timer-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));border-radius:999px;transition:width .1s linear}.oddshape-timer-fill.low{background:linear-gradient(90deg,#f97316,#ef4444)}.oddshape-timer-secs{font-family:var(--font-display);font-weight:700;min-width:2ch;text-align:center;color:var(--color-primary-strong)}.oddshape-grid{display:grid;--os-cols: var(--os-cols-base, 4);--os-hcap: 12vh;--os-max: 72px;--os-gap: clamp(6px, 1.3vmin, 10px);--os-tile: clamp(46px, min(15.5vw, var(--os-hcap)), var(--os-max));grid-template-columns:repeat(var(--os-cols),var(--os-tile));justify-content:center;align-content:center;gap:var(--os-gap);max-width:min(100%,640px);margin-inline:auto}.oddshape-grid[data-difficulty=easy]{--os-hcap: 16vh}.oddshape-grid[data-difficulty=medium]{--os-hcap: 12vh}.oddshape-grid[data-difficulty=hard]{--os-hcap: 9.5vh}@media (min-width: 640px){.oddshape-grid{--os-max: 78px}}@media (min-width: 1024px){.oddshape-grid{--os-max: 84px}}.oddshape-cell{width:var(--os-tile);height:var(--os-tile);display:flex;align-items:center;justify-content:center;font-size:calc(var(--os-tile) * .48);background:#f5f3ff;border:2px solid #ece9fe;border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .06s ease,background .15s ease,border-color .15s ease}.oddshape-cell:hover{background:#ede9fe;border-color:var(--color-primary)}.oddshape-cell:active{transform:scale(.94)}.oddshape-result{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) 0}.oddshape-result-emoji{font-size:3rem}.oddshape-result-title{margin:0;font-family:var(--font-display)}.oddshape-result-points{margin:0;font-weight:700;font-size:1.1rem;color:var(--color-primary-strong)}.demo-entry{align-self:center;background:#ffffff1f;color:#fff;font-size:.95rem;min-height:48px;padding:10px 18px}.demo-entry:hover{background:#fff3}.oddshape-progress{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.oddshape-progress-label{font-family:var(--font-display);font-weight:700;color:var(--color-primary-strong)}.oddshape-diff{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}.oddshape-diff.diff-easy{background:#dcfce7;color:#166534}.oddshape-diff.diff-medium{background:#fef9c3;color:#854d0e}.oddshape-diff.diff-hard{background:#fee2e2;color:#991b1b}.oddshape-summary{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.oddshape-summary-note{margin:0;max-width:38ch;font-size:.85rem;color:var(--color-text-muted)}.oddshape-stats{margin:0;width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.oddshape-stat{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 14px;background:#f9fafb;border-radius:var(--radius)}.oddshape-stat dt{margin:0;color:var(--color-text-muted);font-size:.92rem}.oddshape-stat dd{margin:0;font-weight:700;color:var(--color-text)}.oddshape-stat-strong{color:var(--color-primary-strong)!important;font-family:var(--font-display);font-size:1.1rem}.waiting-screen{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-2)}.waiting-message{margin:0;color:#fff;font-family:var(--font-display);font-weight:600;font-size:1.2rem;max-width:320px;text-wrap:balance}.ready-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.ready-count{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--color-primary-strong)}.ready-card .btn{width:100%}.ready-waiting{display:flex;justify-content:center}.ready-waiting-dot{font-size:1.6rem;animation:pulse 1.5s ease-in-out infinite}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.chart-toggle{flex:0 0 auto}.chart-bars{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.chart-bar-row{display:flex;align-items:center;gap:var(--space-2)}.chart-bar-name{flex:0 0 64px;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-bar-track{flex:1;height:16px;background:#f1f5f9;border-radius:999px;overflow:hidden}.chart-bar-fill{height:100%;min-width:4px;border-radius:999px;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));transition:width .4s ease}.chart-bar-fill.leader{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.chart-bar-value{flex:0 0 44px;text-align:end;font-weight:700;font-size:.9rem;color:var(--color-primary-strong)}.app-main--game{padding-top:var(--space-3);padding-bottom:var(--space-3)}.page.game{gap:var(--space-2)}.page.game .game-topbar{margin:0}.page.game .page-title{font-size:1.25rem}.page.game .challenge-card{padding:var(--space-3) var(--space-4);max-width:680px;width:100%;margin-inline:auto}.page.game .challenge-card-header{margin-bottom:var(--space-2)}.page.game .oddshape{gap:var(--space-2)}.page.game .oddshape-instruction{font-size:.95rem}.page.game .game-meta{gap:var(--space-2)}.page.game .meta-pill{padding:4px 14px}.page.game .meta-pill strong{font-size:1.15rem}.page.game .oddshape-timer{gap:8px}.landing-extra{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.store-entry{align-self:center;background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.28);font-size:1rem;min-height:50px;padding:12px 22px}.store-entry:hover{background:#ffffff42}.store-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.store-pill{display:inline-block;background:#f3f0ff;color:var(--color-primary-strong);font-weight:700;font-size:.85rem;padding:4px 12px;border-radius:999px}.store-card-desc{flex:1;margin:0}.store-card .btn{margin-top:var(--space-1)}.store-note{text-align:center;color:#ffffffd9;font-size:.9rem;margin:0}.store-skins{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.skins-title{color:#fff;font-family:var(--font-display);font-size:1.3rem;margin:0}.skins-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-2)}.skin-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.skin-swatch{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;box-shadow:var(--shadow-soft)}.skin-card-name{font-family:var(--font-display);font-weight:700}.skin-soon{display:inline-block;background:#f3f0ff;color:var(--color-primary-strong);font-weight:700;font-size:.72rem;padding:3px 10px;border-radius:999px}@media (min-width: 640px){.skins-grid{grid-template-columns:repeat(4,1fr)}}.text-link{align-self:center;background:transparent;border:0;color:#fff;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-family:var(--font-body);font-size:.95rem;padding:8px 6px}.text-link:hover{color:#ffffffd9}.host-upsell{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.host-upsell-text{margin:0}.host-upsell-text--light{color:#ffffffd9}.host-upsell--subtle{border-top:1px solid rgba(255,255,255,.16);padding-top:var(--space-4)}.host-upsell--strong{gap:var(--space-3)}.host-upsell--strong .host-upsell-text{font-weight:600;font-size:1.05rem;color:var(--color-text)}.host-upsell-emoji{font-size:2rem}.host-upsell--strong .btn{width:100%}.diffcolor-grid{display:grid;--dc-cols: var(--dc-cols-base, 4);--dc-hcap: 12vh;--dc-max: 72px;--dc-gap: clamp(6px, 1.3vmin, 10px);--dc-tile: clamp(46px, min(15.5vw, var(--dc-hcap)), var(--dc-max));grid-template-columns:repeat(var(--dc-cols),var(--dc-tile));justify-content:center;align-content:center;gap:var(--dc-gap);max-width:min(100%,640px);margin-inline:auto}.diffcolor-grid[data-difficulty=easy]{--dc-hcap: 16vh}.diffcolor-grid[data-difficulty=medium]{--dc-hcap: 12vh}.diffcolor-grid[data-difficulty=hard]{--dc-hcap: 9.5vh}@media (min-width: 640px){.diffcolor-grid{--dc-max: 78px}}@media (min-width: 1024px){.diffcolor-grid{--dc-max: 84px}}.diffcolor-cell{width:var(--dc-tile);height:var(--dc-tile);padding:0;border:2px solid rgba(255,255,255,.65);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #1118270f;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .06s ease,box-shadow .15s ease}.diffcolor-cell:hover{box-shadow:inset 0 0 0 1px #1118270f,0 0 0 3px #7c3aed4d}.diffcolor-cell:active{transform:scale(.94)}.ctime-tag{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#e0f2fe;color:#075985;white-space:nowrap}.ctime-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding:var(--space-4) 0;min-height:240px}.ctime-phase-title{margin:0;font-weight:600;color:var(--color-text)}.ctime-target{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,14vw,4rem);line-height:1;color:var(--color-primary-strong)}.ctime-hint{margin:0;color:var(--color-text-muted);font-size:.95rem;max-width:32ch}.ctime-press{min-height:96px;font-size:1.3rem}.ctime-suspense{display:flex;align-items:center;justify-content:center;height:90px}.ctime-suspense-dot{width:26px;height:26px;border-radius:50%;background:var(--color-primary);animation:ctime-pulse 1s ease-out infinite}@keyframes ctime-pulse{0%{transform:scale(.9);box-shadow:0 0 #7c3aed73}70%{transform:scale(1);box-shadow:0 0 0 18px #7c3aed00}to{transform:scale(.9);box-shadow:0 0 #7c3aed00}}@media (prefers-reduced-motion: reduce){.ctime-suspense-dot{animation:none}}.findcoin-result-title{text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.findcoin-result-title .oddshape-result-emoji{font-size:1.6rem}.findcoin-timer[data-hidden=true]{visibility:hidden}.findcoin-stage{display:flex;justify-content:center;width:100%}.findcoin-cups{position:relative;width:min(100%,calc(var(--cup-count) * 92px));height:150px;margin-inline:auto}.findcoin-cup{position:absolute;left:0;bottom:0;width:calc(100% / var(--cup-count));height:96px;padding:0;border:0;background:transparent;cursor:pointer;z-index:1;-webkit-user-select:none;user-select:none;transition:transform .3s ease}.findcoin-cup:disabled{cursor:default}.findcoin-cup.is-correct{z-index:3}.findcoin-cup-body{position:absolute;top:0;right:12%;bottom:0;left:12%;clip-path:polygon(16% 0%,84% 0%,100% 100%,0% 100%);background:linear-gradient(162deg,#fb7185,#e11d48 52%,#9f1239);box-shadow:0 6px 9px #00000047;transition:transform .08s ease,filter .15s ease}.findcoin-cup-body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(16% 0%,84% 0%,100% 100%,0% 100%);background:linear-gradient(102deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.08) 32%,transparent 58%)}.findcoin-cup-body:after{content:"";position:absolute;left:-4%;right:-4%;bottom:-4px;height:13px;background:radial-gradient(ellipse at center,#7f1029 0%,#5e0b1f 62%,transparent 70%);border-radius:50%}.findcoin-cup:not(:disabled):hover .findcoin-cup-body{filter:brightness(1.08)}.findcoin-cup:not(:disabled):active .findcoin-cup-body{transform:scale(.95)}.findcoin-cup.is-correct .findcoin-cup-body{filter:drop-shadow(0 0 6px rgba(34,197,94,.9))}.findcoin-cup.is-wrong .findcoin-cup-body{filter:drop-shadow(0 0 6px rgba(239,68,68,.9))}.findcoin-coin-wrap{position:absolute;left:0;bottom:6px;width:calc(100% / var(--cup-count));display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none}.findcoin-coin{width:clamp(34px,11vw,46px);aspect-ratio:1 / 1;border-radius:50%;position:relative;background:radial-gradient(circle at 36% 30%,#fffbeb,#fde68a 22%,#fbbf24 50%,#d97706 82%,#b45309);box-shadow:inset 0 0 0 3px #f59e0b,inset 0 -3px 5px #78350f8c,inset 0 3px 4px #ffffff8c,0 3px 6px #00000059;animation:findcoin-coin-in .2s ease}.findcoin-coin:before{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;box-shadow:inset 0 0 0 2px #92400e8c,inset 0 1px 1px #fff6}.findcoin-coin:after{content:"";position:absolute;top:16%;left:20%;width:26%;height:18%;background:#ffffffb3;border-radius:50%;filter:blur(1px)}@keyframes findcoin-coin-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.findcoin-coin{animation:none}}.mroster-wrap{width:100%;margin-top:var(--space-2, 8px)}.mroster-caption{margin:0 0 6px;font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-align:center}.mroster{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-height:170px;overflow-y:auto}.mroster-chip{position:relative;display:inline-flex;align-items:center;gap:5px;max-width:140px;padding:4px 10px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;font-size:.78rem;line-height:1.2}.mroster-chip.is-you{background:#ede9fe;border-color:#c4b5fd;font-weight:700}.mroster-chip.tone-ready,.mroster-chip.tone-good{background:#dcfce7;border-color:#86efac}.mroster-chip.tone-pressed{background:#dbeafe;border-color:#93c5fd}.mroster-chip.tone-stunned{background:#fef3c7;border-color:#fcd34d}.mroster-chip.tone-bad{background:#fee2e2;border-color:#fca5a5}.mroster-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:96px}.mroster-badge{font-size:.72rem;opacity:.85}.mroster-stars{position:absolute;top:-15px;left:50%;width:36px;margin-left:-18px;text-align:center;font-size:.62rem;pointer-events:none;animation:mroster-spin .9s linear infinite}.mroster-stars span:nth-child(2){font-size:.5rem}@keyframes mroster-spin{to{transform:rotate(360deg)}}.sresult-list{list-style:none;margin:0 0 var(--space-3, 12px);padding:0;display:flex;flex-direction:column;gap:5px;max-height:320px;overflow-y:auto}.sresult-head,.sresult-row{display:grid;grid-template-columns:26px minmax(56px,1fr) 58px 58px;align-items:center;gap:6px}.sresult-head{padding:0 8px 2px;font-size:.66rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted)}.sresult-row{padding:7px 8px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f7;font-size:.82rem}.sresult-row.is-top{background:#fef9c3;border-color:#fde68a}.sresult-row.is-you{outline:2px solid #c4b5fd;outline-offset:-1px}.sresult-rank{font-weight:700;text-align:center;color:var(--color-text-muted)}.sresult-name{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0;font-weight:600}.sresult-pname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sresult-tag{flex:none;font-size:.62rem;font-weight:700;padding:1px 6px;border-radius:999px;background:#fde68a;color:#92400e;white-space:nowrap}.sresult-tag-warn{background:#fed7aa;color:#9a3412}.sresult-metric{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sresult-diff{color:var(--color-text-muted)}.sresult-score{display:flex;gap:4px;align-items:center;justify-content:flex-end;text-align:end;font-weight:700;white-space:nowrap}.sresult-double{font-size:.6rem;font-weight:800;padding:1px 5px;border-radius:999px;background:var(--color-primary, #7c3aed);color:#fff}.ctime-target-chip{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;padding:4px 12px;border-radius:999px;background:#e0f2fe;color:#075985}.ctime-target-chip-center{align-self:center;margin:0 auto var(--space-2, 8px)}.ctime-target-chip strong{font-weight:800}.freact-rules{margin:0;padding-inline-start:1.1em;text-align:start;display:flex;flex-direction:column;gap:5px;font-size:.9rem;color:var(--color-text);max-width:42ch}.freact-rules li{line-height:1.35}.freact-rule-pill{display:inline-block;padding:1px 9px;margin:0 3px;border-radius:999px;color:#fff;font-family:var(--font-display);font-weight:800;font-size:.8em;line-height:1.5;white-space:nowrap;vertical-align:baseline;-webkit-user-select:none;user-select:none}.freact-rule-pill[data-state=valid]{background:linear-gradient(160deg,#22c55e,#15803d);box-shadow:0 0 0 2px #22c55e38}.freact-rule-pill[data-state=trap]{background:linear-gradient(160deg,#ef4444,#b91c1c);box-shadow:0 0 0 2px #ef444438}.freact-signal{position:relative;width:100%;min-height:150px;border:none;border-radius:16px;cursor:pointer;color:#fff;font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,7vw,2.2rem);text-align:center;display:flex;align-items:center;justify-content:center;transition:transform .06s ease,background .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.freact-signal:not(:disabled):active{transform:scale(.99)}.freact-signal:disabled{cursor:default}.freact-signal[data-state=wait]{background:linear-gradient(160deg,#64748b,#475569)}.freact-signal[data-state=valid]{background:linear-gradient(160deg,#22c55e,#15803d);box-shadow:0 0 0 6px #22c55e40}.freact-signal[data-state=trap]{background:linear-gradient(160deg,#ef4444,#b91c1c);box-shadow:0 0 0 6px #ef444440}.freact-signal[data-state=stunned]{background:linear-gradient(160deg,#f59e0b,#b45309)}.freact-signal[data-state=done]{background:linear-gradient(160deg,#6366f1,#4338ca)}.freact-signal.is-locked{opacity:.55;filter:saturate(.7);cursor:default}.freact-signal-stars{position:absolute;top:12px;left:50%;width:64px;margin-left:-32px;text-align:center;font-size:1.2rem;pointer-events:none;animation:mroster-spin .9s linear infinite}@media (prefers-reduced-motion: reduce){.mroster-stars,.freact-signal-stars{animation:none}}.invc-intro{gap:var(--space-3)}.invc-rules{margin:0;padding-inline-start:1.2em;align-self:stretch;display:flex;flex-direction:column;gap:6px;text-align:start;color:var(--color-text);font-size:.92rem;line-height:1.4}.invc-examples{display:flex;gap:var(--space-3);width:100%}.invc-example{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;background:#f8fafc;border:1px solid #eef2f7;border-radius:var(--radius);padding:var(--space-3)}.invc-example-label{margin:0;font-size:.8rem;color:var(--color-text-muted);text-align:center;line-height:1.35}.invc-stage{gap:var(--space-3)}.invc-prompt{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--color-text)}.invc-swatch{display:block;width:clamp(120px,40vw,168px);height:clamp(120px,40vw,168px);border-radius:22px;box-shadow:0 0 0 1px #0003,inset 0 0 0 2px #ffffff38,0 10px 24px #0000002e}.invc-swatch-sm{width:56px;height:56px;border-radius:50%}.invc-word{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,12vw,3.4rem);line-height:1.1}.invc-word-sm{font-size:1.5rem}.invc-ink{-webkit-text-stroke:.7px rgba(17,24,39,.5);paint-order:stroke fill;text-shadow:0 1px 1px rgba(0,0,0,.12)}.invc-options{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.invc-option{width:100%;min-height:60px;padding:14px 18px;border-radius:var(--radius);border:2px solid var(--color-card-border);background:#fff;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .06s ease,border-color .15s ease,box-shadow .15s ease}.invc-option:disabled{cursor:default}.invc-option:not(:disabled):active{transform:scale(.98)}.invc-option-text{font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--color-text)}.invc-option.is-correct{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e59}.invc-option.is-wrong{border-color:#ef4444;box-shadow:0 0 0 3px #ef444459}.invc-feedback{margin:0;min-height:1.4em;font-weight:700;font-size:.95rem}.invc-feedback[data-outcome=correct]{color:#15803d}.invc-feedback[data-outcome=wrong]{color:#b91c1c}.invc-feedback[data-outcome=timeout]{color:#b45309}.invc-sresult .sresult-head,.invc-sresult .sresult-row{grid-template-columns:28px minmax(56px,1fr) 64px}.wd-intro{gap:var(--space-3)}.wd-rules{margin:0;padding-inline-start:1.2em;align-self:stretch;display:flex;flex-direction:column;gap:6px;text-align:start;color:var(--color-text);font-size:.92rem;line-height:1.4}.wd-example{width:100%;display:flex;flex-direction:column;gap:var(--space-2);background:#f8fafc;border:1px solid #eef2f7;border-radius:var(--radius);padding:var(--space-3)}.wd-ex-step{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.wd-ex-label{font-size:.78rem;font-weight:700;color:var(--color-text-muted);white-space:nowrap}.wd-ex-row{display:flex;gap:6px;font-size:1.4rem;line-height:1}.wd-ex-row.wd-ex-options{gap:8px}.wd-ex-gap{opacity:.4}.wd-ex-answer{filter:drop-shadow(0 0 4px rgba(34,197,94,.9))}.wd-stage{gap:var(--space-3)}.wd-prompt{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--color-text);min-height:1.4em}.wd-prompt[data-outcome=correct]{color:#15803d}.wd-prompt[data-outcome=wrong]{color:#b91c1c}.wd-prompt[data-outcome=timeout]{color:#b45309}.wd-grid{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:var(--space-2);width:100%;min-height:120px}.wd-cell{width:clamp(40px,12vw,56px);height:clamp(40px,12vw,56px);display:grid;place-items:center;font-size:clamp(1.4rem,6vw,2rem);line-height:1;background:#fff;border:1px solid var(--color-card-border);border-radius:14px;box-shadow:var(--shadow-soft)}.wd-cell.is-cover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);border-color:#a5b4fc}.wd-cell.is-missing{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e59;animation:wd-pop .3s ease}@keyframes wd-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.wd-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);width:100%}.wd-option{min-height:64px;display:grid;place-items:center;border-radius:var(--radius);border:2px solid var(--color-card-border);background:#fff;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .06s ease,border-color .15s ease,box-shadow .15s ease}.wd-option:disabled{cursor:default}.wd-option:not(:disabled):active{transform:scale(.97)}.wd-option-emoji{font-size:clamp(1.8rem,8vw,2.4rem);line-height:1}.wd-option.is-correct{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e59}.wd-option.is-wrong{border-color:#ef4444;box-shadow:0 0 0 3px #ef444459}.wd-reveal-was{margin:0;font-weight:700;font-size:1rem;color:var(--color-text)}.wd-sresult .sresult-head,.wd-sresult .sresult-row{grid-template-columns:28px minmax(56px,1fr) 64px}@media (min-width: 640px){.wd-options{grid-template-columns:repeat(4,1fr)}}.ms-intro{gap:var(--space-3)}.ms-rules{margin:0;padding-inline-start:1.2em;align-self:stretch;display:flex;flex-direction:column;gap:6px;text-align:start;color:var(--color-text);font-size:.92rem;line-height:1.4}.ms-glyph{display:block;height:auto;overflow:visible}.ms-example{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:#f8fafc;border:1px solid #eef2f7;border-radius:var(--radius);padding:var(--space-3)}.ms-example-target{display:flex;flex-direction:column;align-items:center;gap:4px}.ms-example-label{font-size:.78rem;font-weight:700;color:var(--color-text-muted)}.ms-ex-target-glyph{width:clamp(56px,18vw,72px)}.ms-example-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.ms-ex-option{display:grid;place-items:center;width:clamp(44px,14vw,56px);height:clamp(44px,14vw,56px);padding:5px;background:#fff;border:1px solid var(--color-card-border);border-radius:12px}.ms-ex-option.is-match{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e59}.ms-ex-option-glyph{width:100%}.ms-example-hint{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.ms-stage{gap:var(--space-3)}.ms-prompt{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--color-text);min-height:1.4em}.ms-target{display:grid;place-items:center;width:100%;padding:var(--space-3);background:#f8fafc;border:1px solid #eef2f7;border-radius:var(--radius)}.ms-target-glyph{width:clamp(88px,28vw,120px)}.ms-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);width:100%}.ms-option{min-height:92px;display:grid;place-items:center;padding:10px;border-radius:var(--radius);border:2px solid var(--color-card-border);background:#fff;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .06s ease,border-color .15s ease,box-shadow .15s ease}.ms-option:disabled{cursor:default}.ms-option:not(:disabled):active{transform:scale(.97)}.ms-option-glyph{width:clamp(56px,17vw,78px)}.ms-option.is-correct{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e59}.ms-option.is-wrong{border-color:#ef4444;box-shadow:0 0 0 3px #ef444459}.ms-feedback{margin:0;min-height:1.4em;font-weight:700;font-size:1rem;color:var(--color-text-muted)}.ms-feedback[data-outcome=correct]{color:#15803d}.ms-feedback[data-outcome=wrong]{color:#b91c1c}.ms-feedback[data-outcome=timeout]{color:#b45309}.ms-sresult .sresult-head,.ms-sresult .sresult-row{grid-template-columns:28px minmax(56px,1fr) 64px}@media (min-width: 640px){.ms-options{grid-template-columns:repeat(4,1fr)}}.co-intro{gap:var(--space-3)}.co-rules{margin:0;padding-inline-start:1.2em;align-self:stretch;display:flex;flex-direction:column;gap:6px;text-align:start;color:var(--color-text);font-size:.92rem;line-height:1.4}.co-stage{gap:var(--space-3)}.co-prompt{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.02rem;color:var(--color-text)}.co-target-chip{display:inline-flex;align-items:center;gap:8px;padding-block:6px;padding-inline:8px 14px;background:#fff;border:2px solid var(--color-primary);border-radius:999px;box-shadow:var(--shadow-soft)}.co-chip-glyph{width:30px;height:30px;display:block}.co-target-name{font-family:var(--font-display);font-weight:700;color:var(--color-primary-strong)}.co-scene{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:clamp(6px,2.2vw,12px);width:100%;min-height:150px;padding:var(--space-3);border-radius:var(--radius);border:1px solid #eef2f7;background:#f1f5f9}.co-scene-sm{min-height:88px;padding:var(--space-2)}.co-scene[data-theme=majlis]{background:linear-gradient(180deg,#fdf6ec,#f6e7cf);border-color:#ecd9b8}.co-scene[data-theme=camping]{background:linear-gradient(180deg,#e7f0e3,#d2e4d8);border-color:#bcd6c2}.co-scene[data-theme=party]{background:linear-gradient(180deg,#fdeef6,#f6e2f0);border-color:#f0cfe6}.co-scene[data-theme=beach]{background:linear-gradient(180deg,#e6f6fd,#d3ecf7);border-color:#bfe2f1}.co-scene[data-theme=gameRoom]{background:linear-gradient(180deg,#eceaf9,#ddd9f3);border-color:#cdc7ee}.co-scene[data-theme=kitchen]{background:linear-gradient(180deg,#eef6f1,#ddeee4);border-color:#c8e2d2}.co-scene[data-theme=schoolDesk]{background:linear-gradient(180deg,#eaf2fb,#d6e6f6);border-color:#c2d8ef}.co-scene[data-theme=park]{background:linear-gradient(180deg,#eaf7ec,#d4ecd9);border-color:#bfe0c6}.co-scene[data-theme=smallMarket]{background:linear-gradient(180deg,#fdf0e3,#f7e0c8);border-color:#efd2b2}.co-scene[data-theme=birthdayCorner]{background:linear-gradient(180deg,#f6ecfb,#ecdcf6);border-color:#ddc6ee}.co-scene[data-theme=officeDesk]{background:linear-gradient(180deg,#eef1f6,#dde3ec);border-color:#ccd5e2}.co-scene[data-theme=travelBag]{background:linear-gradient(180deg,#e7f4f1,#d3e9e3);border-color:#bfdcd3}.co-item{display:grid;place-items:center}.co-item-glyph{width:clamp(34px,11vw,46px);height:auto;display:block;filter:drop-shadow(0 1px 1px rgba(15,23,42,.12))}.co-options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);width:100%}.co-option{min-height:60px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--color-text);border-radius:var(--radius);border:2px solid var(--color-card-border);background:#fff;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .06s ease,border-color .15s ease,box-shadow .15s ease}.co-option:disabled{cursor:default}.co-option:not(:disabled):active{transform:scale(.96)}.co-option.is-correct{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e59;color:#15803d}.co-option.is-wrong{border-color:#ef4444;box-shadow:0 0 0 3px #ef444459;color:#b91c1c}.co-feedback{margin:0;min-height:1.4em;font-weight:700;font-size:1rem;color:var(--color-text-muted)}.co-feedback[data-outcome=correct]{color:#15803d}.co-feedback[data-outcome=wrong]{color:#b91c1c}.co-feedback[data-outcome=timeout]{color:#b45309}.co-example{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:#f8fafc;border:1px solid #eef2f7;border-radius:var(--radius);padding:var(--space-3)}.co-ex-prompt{margin:0;font-family:var(--font-display);font-weight:700;color:var(--color-text)}.co-ex-options{display:flex;gap:var(--space-2)}.co-ex-option{min-width:34px;padding:6px 10px;border-radius:10px;border:1px solid var(--color-card-border);background:#fff;font-family:var(--font-display);font-weight:700;color:var(--color-text);text-align:center}.co-ex-option.is-match{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e59;color:#15803d}.co-example-hint{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.co-sresult .sresult-head,.co-sresult .sresult-row{grid-template-columns:28px minmax(56px,1fr) 64px}@media (min-width: 640px){.co-item-glyph{width:50px}.co-option{min-height:66px}}.wc-foundation{display:flex;flex-direction:column;gap:var(--space-4);text-align:start}.wc-headline{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.wc-badge{display:inline-block;background:#fef3c7;color:#92400e;font-weight:800;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;padding:4px 12px;border-radius:999px}.wc-title{margin:0;font-family:var(--font-display);font-size:1.4rem;color:var(--color-text)}.wc-note{margin:0;max-width:44ch;font-size:.9rem;color:var(--color-text-muted);text-wrap:balance}.wc-section{display:flex;flex-direction:column;gap:var(--space-2)}.wc-subtitle{margin:0;font-family:var(--font-display);font-size:1.05rem;color:var(--color-text)}.wc-hint{margin:0;font-size:.88rem;color:var(--color-text-muted)}.wc-rules{margin:0;padding-inline-start:1.2em;display:flex;flex-direction:column;gap:5px;font-size:.9rem;line-height:1.4;color:var(--color-text)}.wc-roles{display:flex;gap:var(--space-2);flex-wrap:wrap}.wc-role-btn{flex:1 1 0;min-width:84px;min-height:42px;padding:8px 12px;border:2px solid var(--color-card-border);border-radius:var(--radius);background:#fff;cursor:pointer;font-family:var(--font-display);font-weight:700;color:var(--color-text);transition:border-color .12s ease,background .12s ease,color .12s ease}.wc-role-btn.active{border-color:var(--color-primary);background:#f3f0ff;color:var(--color-primary-strong)}.wc-starts{margin:0;font-size:.85rem;color:var(--color-text-muted)}.wc-board{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(4px,1.4vmin,8px);max-width:520px;width:100%}.wc-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:clamp(46px,13vw,72px);padding:4px 3px;border-radius:10px;border:2px solid #e5e7eb;background:#f8fafc;text-align:center;overflow:hidden;position:relative}.wc-tile-word{font-weight:700;font-size:clamp(.5rem,2.5vw,.82rem);line-height:1.1;color:var(--color-text);overflow-wrap:anywhere}.wc-tile-cat{font-size:clamp(.42rem,1.9vw,.6rem);font-weight:700;line-height:1;opacity:.92}.wc-tile--teamA{background:#dbeafe;border-color:#60a5fa;color:#1e3a8a}.wc-tile--teamB{background:#fee2e2;border-color:#f87171;color:#991b1b}.wc-tile--neutral{background:#fef9c3;border-color:#fde047;color:#854d0e}.wc-tile--dangerous{background:#1f2937;border-color:#111827;color:#fff}.wc-tile--dangerous .wc-tile-word{color:#fff}.wc-caption{margin:0;font-size:.88rem;font-weight:600;color:var(--color-text)}.wc-caption.is-safe{color:#15803d}.wc-safe-badge{margin:0;align-self:flex-start;background:#dcfce7;border:1px solid #86efac;color:#166534;font-weight:700;font-size:.82rem;padding:6px 12px;border-radius:999px}.wc-fields{margin:0;font-size:.8rem;color:var(--color-text)}.wc-fields code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 6px;font-size:.78rem;overflow-wrap:anywhere}@media (min-width: 640px){.wc-tile{min-height:72px}}.wc-cell{display:contents}.wc-teambar{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--radius);font-family:var(--font-display);font-weight:800;color:#fff;text-align:center}.wc-teambar-dot{font-size:1.1rem}.wc-team--red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.wc-team--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.wc-youare{margin:0;text-align:center;font-weight:600;color:var(--color-text)}.wc-role{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:var(--radius);color:#fff;text-align:center}.wc-role-line{font-family:var(--font-display);font-weight:800;font-size:1.02rem}.wc-role-note{font-size:.78rem;font-weight:600;opacity:.92}.wc-setup-preview-note{margin:0;padding:8px 12px;border:1px dashed var(--color-card-border);border-radius:var(--radius);background:#faf7ff;font-size:.82rem;font-weight:600;color:var(--color-text-muted);text-align:center}.wc-mode-chip{margin:0;align-self:center;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:var(--color-primary);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.85rem}.wc-roles-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.wc-roles-list li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--color-card-border);border-radius:var(--radius);background:#fff}.wc-roles-list strong{font-family:var(--font-display);color:var(--color-text)}.wc-roles-list span{font-size:.85rem;color:var(--color-text-muted)}.wc-choice-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wc-choice{flex:1 1 auto;min-width:120px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:2px solid var(--color-card-border);border-radius:var(--radius);background:#fff;color:var(--color-text);font-family:var(--font-display);font-weight:700;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .06s ease}.wc-choice:hover{border-color:var(--color-primary)}.wc-choice:active{transform:scale(.97)}.wc-choice.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed4d}.wc-choice.wc-team--blue,.wc-choice.wc-team--red{color:#fff;border-color:transparent}.wc-choice.wc-team--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.wc-choice.wc-team--red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.wc-choice.wc-team--blue.active,.wc-choice.wc-team--red.active{border-color:#fff;box-shadow:0 0 0 3px #11182766}.wc-setup-summary{margin:0;text-align:center;font-family:var(--font-display);font-weight:800;color:var(--color-text)}.wc-ready{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--color-text);cursor:pointer}.wc-ready input{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.wc-second-note{border:1px dashed var(--color-card-border);border-radius:var(--radius);padding:8px 12px;background:#faf7ff}.wc-clue{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.05rem}.wc-clue-word{font-family:var(--font-display);font-weight:800;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}.wc-clue-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--color-primary);color:#fff;font-family:var(--font-display);font-weight:800}.wc-tile--selectable{position:relative;width:100%;cursor:pointer;font:inherit;transition:transform .06s ease,box-shadow .12s ease,border-color .12s ease}.wc-tile--selectable:hover{border-color:var(--color-primary)}.wc-tile--selectable:active{transform:scale(.96)}.wc-tile.is-marked{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa66;background:#faf5ff}.wc-tile.is-picked{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed73;background:#f3f0ff;animation:wc-pick-pop .25s ease}@keyframes wc-pick-pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}.wc-tile-mark{position:absolute;top:3px;inset-inline-end:4px;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#a78bfa;color:#fff;font-family:var(--font-display);font-weight:800;font-size:clamp(.58rem,2.3vw,.76rem);line-height:1;pointer-events:none}.wc-tile-mark.is-pick{background:var(--color-primary);box-shadow:0 0 0 2px #7c3aed59}.wc-result{margin:0;padding:10px 14px;border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;font-weight:600;text-align:center;color:var(--color-text)}.wc-result.is-correct{background:#dcfce7;border-color:#86efac;color:#166534}.wc-progress{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.wc-progress-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;color:#fff;font-weight:700;font-size:.85rem}.wc-clue-form{display:flex;gap:var(--space-2);align-items:flex-end}.wc-field{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;font-size:.85rem;font-weight:600;color:var(--color-text)}.wc-field--count{flex:0 0 84px}.wc-field input{width:100%;min-height:46px;padding:8px 12px;border:2px solid var(--color-card-border);border-radius:var(--radius);font-family:var(--font-body);font-size:1rem;color:var(--color-text);background:#fff}.wc-field input:focus{outline:none;border-color:var(--color-primary)}.wc-error{margin:0;color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:var(--radius-sm);padding:8px 12px;font-size:.9rem;font-weight:600}.wc-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.wc-actions .btn{flex:1 1 0;min-width:140px}.wc-gameover{border-radius:var(--radius);padding:var(--space-4);text-align:center;color:#fff;background:linear-gradient(135deg,#64748b,#334155)}.wc-gameover.wc-team--red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.wc-gameover.wc-team--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.wc-gameover-title{margin:0;font-family:var(--font-display);font-size:1.3rem}.wc-gameover-sub{margin:6px 0 0;font-weight:600;opacity:.95}.wc-nominations{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-card-border);border-radius:var(--radius);background:#faf7ff}.wc-nominations-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.wc-nominations-title{margin:0;font-family:var(--font-display);font-size:1rem;color:var(--color-text)}.wc-dice-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.wc-dice-optional{font-size:.72rem;font-weight:700;color:var(--color-text-muted)}.wc-dice-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border:2px solid var(--color-primary);border-radius:999px;background:#fff;color:var(--color-primary-strong);font-family:var(--font-display);font-weight:800;cursor:pointer;transition:background .12s ease,transform .06s ease}.wc-dice-btn:hover:not(:disabled){background:#f3f0ff}.wc-dice-btn:active:not(:disabled){transform:scale(.96)}.wc-dice-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-card-border);color:var(--color-text-muted)}.wc-nomination-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.wc-nomination{display:inline-flex;align-items:stretch;border:2px solid var(--color-card-border);border-radius:999px;background:#fff;overflow:hidden;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.wc-nomination.is-picked{border-color:var(--color-primary);background:#f3f0ff;box-shadow:0 0 0 2px #7c3aed4d}.wc-nomination-choose{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:5px 12px 5px 7px;border:none;background:transparent;color:var(--color-text);font-family:var(--font-body);font-weight:700;cursor:pointer}.wc-nomination-choose:active{transform:scale(.97)}.wc-nomination.is-picked .wc-nomination-choose{color:var(--color-primary-strong)}.wc-nomination-num{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#a78bfa;color:#fff;font-family:var(--font-display);font-weight:800;font-size:.8rem}.wc-nomination.is-picked .wc-nomination-num{background:var(--color-primary)}.wc-nomination-pick{font-size:.85rem}.wc-nomination-remove{display:inline-flex;align-items:center;justify-content:center;min-width:36px;border:none;border-inline-start:1px solid var(--color-card-border);background:transparent;color:var(--color-text-muted);font-size:.95rem;cursor:pointer;transition:background .12s ease,color .12s ease}.wc-nomination-remove:hover{background:#fee2e2;color:#b91c1c}.wc-reorder-hint{margin:0;font-size:.78rem;color:var(--color-text-muted)}.wc-final-pick{margin:0;font-size:.9rem;font-weight:700;color:var(--color-text)}.wc-guess-actions{display:flex;flex-direction:column;gap:var(--space-2)}.wc-pass-turn-wrap{display:flex;flex-direction:column;gap:6px;padding-top:var(--space-2);border-top:1px dashed var(--color-card-border)}.wc-pass-hint{margin:0;text-align:center}.wc-pass-turn{flex-direction:column;gap:2px;line-height:1.2}.wc-pass-turn-label{font-weight:800}.wc-pass-turn-sub{font-size:.78rem;font-weight:600;opacity:.85}.wc-actions--stacked{flex-direction:column;align-items:stretch}.wc-continue-hint{margin:0;text-align:center}.wc-end-actions{flex-wrap:wrap}.wc-end-note{margin:4px 0 0;text-align:center;font-size:.82rem;color:var(--color-text-muted)}.wc-broadcast-bar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border:1px dashed var(--color-primary);border-radius:var(--radius);background:#faf5ff}.wc-open-broadcast{align-self:stretch}.wc-broadcast-bar-hint{margin:0;font-size:.8rem;color:var(--color-text-muted);text-align:center}.broadcast-shell{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;background:linear-gradient(160deg,#f5f3ff,#eef2ff);padding:clamp(12px,3vw,32px)}.wc-broadcast{width:100%;max-width:680px;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}.wc-bc-head{display:flex;flex-direction:column;align-items:center;gap:6px}.wc-bc-badge{display:inline-block;background:#111827;color:#fff;font-weight:800;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 14px;border-radius:999px}.wc-bc-title{margin:0;font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2rem);color:var(--color-text)}.wc-bc-waiting{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-muted)}.wc-bc-noms{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;font-weight:700;color:var(--color-text)}.wc-bc-noms-count{background:#faf5ff;border:1px solid #d8b4fe;border-radius:999px;padding:4px 12px}.wc-bc-pick{color:var(--color-primary-strong)}.wc-bc-safe{margin:6px 0 0;font-size:.82rem;font-weight:600;color:#15803d}.commercial-categories{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-5)}.commercial-title{color:#fff;font-family:var(--font-display);font-size:1.3rem;margin:0}.commercial-subtitle{color:#ffffffd9;margin:0 0 var(--space-2);font-size:.92rem}.commercial-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.commercial-card{display:flex;flex-direction:column;gap:var(--space-2)}.commercial-card-head{display:flex;align-items:center;gap:var(--space-2)}.commercial-icon{font-size:1.8rem}.commercial-status{margin-inline-start:auto;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}.commercial-status.status-available{background:#dcfce7;color:#166534}.commercial-status.status-coming-soon{background:#f3f0ff;color:var(--color-primary-strong)}.commercial-card-name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;margin:0}.commercial-card-desc{margin:0}.commercial-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.commercial-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:10px 12px;background:#f9fafb;border-radius:var(--radius)}.commercial-option-name{font-weight:600}.commercial-note{margin:0}.coin-pill{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;color:#92400e;font-weight:700;font-size:.8rem;padding:4px 12px;border-radius:999px;white-space:nowrap}.coin-pill:before{content:"💰"}.coin-pill--amount:before{content:none}.store-card-sub{margin:0;text-align:center}.store-card-foot{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.store-other{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.coin-packages{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.coin-packages-summary{cursor:pointer;list-style:none;padding:var(--space-4);font-family:var(--font-display);font-weight:700;display:flex;align-items:center;gap:var(--space-2)}.coin-packages-summary::-webkit-details-marker{display:none}.coin-packages-summary:after{content:"▾";margin-inline-start:auto;transition:transform .15s ease}.coin-packages[open] .coin-packages-summary:after{transform:rotate(180deg)}.coin-cards{display:grid;grid-template-columns:1fr;gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.coin-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.coin-card-name{font-family:var(--font-display);font-weight:700;font-size:1.1rem}@media (min-width: 640px){.commercial-grid,.coin-cards{grid-template-columns:repeat(3,1fr)}}.game-touch{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.habsha-page,.maasi-page,.bb-page,.trivia-page{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.habsha{display:flex;flex-direction:column;gap:var(--space-3)}.habsha-arena{position:relative}.habsha-hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:34px}.habsha-phase-pill{padding:4px 14px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#fff;white-space:nowrap}.habsha-phase-pill.is-intro{background:linear-gradient(135deg,#7c3aed,#5b21b6);align-self:center}.habsha-phase-pill.is-hiding{background:linear-gradient(135deg,#f5a623,#d97706)}.habsha-phase-pill.is-chase{background:linear-gradient(135deg,#2f6fe4,#1d4ed8)}.habsha-phase-pill.is-caught{background:linear-gradient(135deg,#e4572e,#b91c1c)}.habsha-phase-pill.is-survived{background:linear-gradient(135deg,#22c55e,#15803d)}.habsha-phase-pill.is-lobby{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.habsha-phase-pill.is-ended{background:linear-gradient(135deg,#64748b,#475569)}.habsha-countdown-row{display:flex;justify-content:center;align-items:center;min-height:2.6rem}.habsha-countdown{display:inline-block;font-size:2.1rem;line-height:1.2;font-weight:800;color:#d97706;text-shadow:0 1px 0 rgba(255,255,255,.4);animation:habsha-count-pop .35s ease}@keyframes habsha-count-pop{0%{transform:scale(1.7);opacity:.2}to{transform:scale(1);opacity:1}}.habsha-timer{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text)}.habsha-timer.is-urgent{color:#e4572e;animation:habsha-urgent-pulse .9s ease-in-out infinite}@keyframes habsha-urgent-pulse{50%{transform:scale(1.18)}}.habsha-phase-hint{margin:0;text-align:center;font-size:.85rem}.habsha-stage{position:relative;width:100%;aspect-ratio:160 / 100;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.07),transparent 55%),linear-gradient(160deg,#2b1d4e,#1f1640);border:1px solid var(--color-card-border);border-radius:var(--radius);overflow:hidden;direction:ltr;touch-action:none;user-select:none;-webkit-user-select:none}.habsha-wall{position:absolute;background:linear-gradient(180deg,#6d5bb8,#57459c);border:1px solid rgba(255,255,255,.22);border-radius:6px;box-shadow:0 3px 8px #00000059}.habsha-player{position:absolute;left:0;top:0;background:radial-gradient(circle at 35% 30%,#ffd66e,#f5a623 70%);border:2px solid rgba(255,255,255,.85);border-radius:30%;box-shadow:0 0 12px #f5a623cc;will-change:transform}.habsha-chaser,.habsha-body-police{background:radial-gradient(circle at 35% 30%,#8fb9ff,#2f6fe4 70%);border:2px solid rgba(255,255,255,.85);border-radius:30%;box-shadow:0 0 12px #2f6fe4d9;animation:habsha-siren 1.1s steps(2,jump-none) infinite}.habsha-chaser{position:absolute;left:0;top:0;will-change:transform}@keyframes habsha-siren{0%,to{box-shadow:0 0 14px #2f6fe4e6}50%{box-shadow:0 0 14px #e42f44e6}}.habsha-sprite{position:absolute;left:0;top:0;will-change:transform}.habsha-sprite-body{width:100%;height:100%}.habsha-body-runner{background:radial-gradient(circle at 35% 30%,#9af0c0,#22a05e 70%);border:2px solid rgba(255,255,255,.85);border-radius:30%;box-shadow:0 0 10px #22a05eb3}.habsha-sprite-name{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;font-size:10px;font-weight:700;line-height:1;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.85);white-space:nowrap;pointer-events:none}.habsha-chaser.is-waiting,.habsha-sprite.is-waiting .habsha-body-police{opacity:.45;animation:none}.habsha-sprite.is-you .habsha-body-police{border-color:#ffd66e;border-width:3px}.habsha-sprite.is-caught .habsha-body-runner{opacity:.25;filter:grayscale(.8);box-shadow:none}.habsha-sprite.is-caught .habsha-sprite-name{opacity:.45}@media (prefers-reduced-motion: reduce){.habsha-chaser,.habsha-body-police,.habsha-countdown,.habsha-timer.is-urgent{animation:none}.vjoy-knob,.vjoy-knob-face{transition:none}}.habsha-end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);text-align:center;background:#120b26c7;border-radius:var(--radius)}.habsha-end.is-caught{background:#380c1acc}.habsha-end.is-survived{background:#092a1acc}.habsha-end-emoji{font-size:2rem;line-height:1}.habsha-end-title{font-size:1.6rem;font-weight:800;color:#fff}.habsha-end-hint{margin:0;font-size:.95rem;color:#ffffffd9}.habsha-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding-bottom:env(safe-area-inset-bottom,0px)}.habsha-controls .habsha-reset{margin-inline-start:auto}.vjoy{position:relative;display:flex;align-items:center;justify-content:center;width:148px;height:148px;direction:ltr;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.vjoy-base{position:relative;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#7c3aed14,#7c3aed05 72%),var(--color-card);border:1px solid var(--color-card-border);box-shadow:var(--shadow-soft),inset 0 2px 6px #1f293714}.vjoy.is-active .vjoy-base{border-color:#7c3aed73}.vjoy-hint{position:absolute;font-size:.6rem;line-height:1;color:var(--color-primary);opacity:.4;pointer-events:none}.vjoy-hint-up{top:8px;left:50%;transform:translate(-50%)}.vjoy-hint-down{bottom:8px;left:50%;transform:translate(-50%)}.vjoy-hint-left{left:8px;top:50%;transform:translateY(-50%)}.vjoy-hint-right{right:8px;top:50%;transform:translateY(-50%)}.vjoy-knob{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:46px;height:46px;transition:transform .16s ease;will-change:transform}.vjoy.is-active .vjoy-knob{transition:none}.vjoy-knob-face{width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#fff,#ebe7f8);border:1px solid var(--color-card-border);box-shadow:0 3px 8px #1f293738;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.vjoy.is-active .vjoy-knob-face{background:linear-gradient(145deg,#9f67ff,var(--color-primary));border-color:var(--color-primary-strong);box-shadow:0 4px 14px #7c3aed73;transform:scale(1.06)}.habsha-beta-pill{display:inline-block;vertical-align:middle;margin-inline-start:var(--space-2);padding:2px 10px;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#f5a623,#e4572e);border-radius:999px;white-space:nowrap}.habsha-note{text-align:center;font-size:.85rem;margin:0}.habsha-intro{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.habsha-intro-title{margin:0;font-size:1.3rem;text-align:center}.habsha-rules{margin:0;padding-inline-start:1.2em;display:flex;flex-direction:column;gap:8px;text-align:start;line-height:1.45;color:var(--color-text);max-width:52ch}.habsha-start{max-width:340px}.habsha-mode-buttons{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.habsha-online-title{margin:0;text-align:center;font-size:1.15rem}.habsha-online-you{margin:0;text-align:center;font-weight:700}.habsha-online-alive{font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text)}.habsha-online-recap{font-size:.85rem;gap:5px}.habsha-map-tag{font-size:.8rem;white-space:nowrap}.habsha-timer-wrap{display:inline-flex;align-items:center}.habsha-bonus-pop{display:inline-block;margin-inline-start:6px;font-size:.95rem;font-weight:800;color:#15803d;animation:habsha-bonus-pop 1.2s ease forwards}@keyframes habsha-bonus-pop{0%{opacity:1;transform:translateY(0) scale(1.25)}70%{opacity:1}to{opacity:0;transform:translateY(-8px) scale(1)}}.habsha-rules-btn{align-self:center}@media (max-width: 520px){.vjoy{width:200px;height:200px;margin:-18px}.vjoy-base{width:118px;height:118px}.vjoy-knob{width:52px;height:52px}}.maasi{display:flex;flex-direction:column;gap:var(--space-3)}.maasi-hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;min-height:34px}.maasi-hud-pill{padding:4px 14px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#fff;white-space:nowrap}.maasi-hud-level{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.maasi-hud-deaths{background:linear-gradient(135deg,#e4572e,#b91c1c);font-variant-numeric:tabular-nums}.maasi-hud-reversed{background:linear-gradient(135deg,#f5a623,#d97706);animation:maasi-reversed-pulse .5s ease-in-out infinite alternate}.maasi-hud-reversed.is-idle{visibility:hidden;animation:none}@keyframes maasi-reversed-pulse{0%{transform:rotate(-2deg) scale(1)}to{transform:rotate(2deg) scale(1.08)}}.maasi-arena{position:relative}.maasi-stage{border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-card-border);direction:ltr;touch-action:none;user-select:none;-webkit-user-select:none}.maasi-canvas{display:block;width:100%;aspect-ratio:960 / 540;background:#1f1640}.maasi-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);max-width:min(92%,480px);padding:8px 18px;border-radius:999px;background:#120b26eb;border:1px solid rgba(255,214,110,.6);color:#ffd66e;font-weight:800;font-size:.95rem;text-align:center;pointer-events:none;animation:maasi-toast-pop .3s ease}@keyframes maasi-toast-pop{0%{transform:translate(-50%) scale(1.4);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.maasi-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:#e42f2e47;pointer-events:none;animation:maasi-flash .75s ease forwards}@keyframes maasi-flash{0%{opacity:1}to{opacity:0}}.maasi-end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);text-align:center;border-radius:var(--radius)}.maasi-end.is-done{background:#092a1ab3}.maasi-end.is-won{background:#120b26d9}.maasi-end-emoji{font-size:2.2rem;line-height:1}.maasi-end-title{font-size:1.6rem;font-weight:800;color:#fff}.maasi-end-hint{margin:0;font-size:.95rem;color:#ffffffd9}.maasi-end-deaths{margin:0;font-weight:800;font-variant-numeric:tabular-nums;color:#ffd66e}.maasi-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-bottom:env(safe-area-inset-bottom,0px)}.maasi-pads{display:flex;align-items:center;justify-content:space-between;width:100%}.maasi-touch-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;font-size:1.25rem;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.maasi-touch-btn:active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.maasi-touch-jump{width:84px;height:72px;background:linear-gradient(135deg,#fff7e8,#ffe7c4)}.maasi-tag-pill{display:inline-block;vertical-align:middle;margin-inline-start:var(--space-2);padding:2px 10px;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#e4572e,#b91c1c);border-radius:999px;white-space:nowrap}.maasi-note{text-align:center;font-size:.85rem;margin:0}.maasi-intro{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.maasi-intro-title{margin:0;font-size:1.3rem;text-align:center}.maasi-rules{margin:0;padding-inline-start:1.2em;display:flex;flex-direction:column;gap:8px;text-align:start;line-height:1.45;color:var(--color-text);max-width:52ch}.maasi-start{max-width:340px}.maasi-chars-title{margin:0;font-size:1.05rem;text-align:center}.maasi-chars{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;width:100%}.maasi-char{flex:1 1 220px;max-width:280px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-card-border);border-radius:var(--radius);background:linear-gradient(160deg,#7c3aed0f,#f5a6230f);text-align:center}.maasi-char.is-abla{background:linear-gradient(160deg,#a855f71a,#7c3aed0d)}.maasi-char-canvas{width:110px;height:110px}.maasi-char-name{margin:0;font-size:1rem}.maasi-char-desc{margin:0;font-size:.85rem;line-height:1.5}.maasi-rules-btn{align-self:center}.commercial-status.status-custom{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.commercial-play{margin-top:auto;align-self:stretch}.commercial-maasi-title{margin-top:var(--space-6)}@media (prefers-reduced-motion: reduce){.maasi-hud-reversed,.maasi-toast,.maasi-flash{animation:none}}@media (max-width: 520px){.maasi-touch-jump{width:96px;height:80px}}.bb{display:flex;flex-direction:column;gap:var(--space-3)}.bb-hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;min-height:34px}.bb-hud-pill{padding:4px 14px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.bb-hud-wave{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.bb-hud-score{background:linear-gradient(135deg,#0ea5a4,#0f766e)}.bb-hud-saves{background:linear-gradient(135deg,#2f6fe4,#1d4ed8)}.bb-hud-streak{background:linear-gradient(135deg,#f5a623,#d97706);animation:bb-streak-pop .3s ease}.bb-hud-streak.is-idle{visibility:hidden;animation:none}@keyframes bb-streak-pop{0%{transform:scale(1.3)}to{transform:scale(1)}}.bb-balls{display:inline-flex;gap:2px;font-size:1rem;line-height:1}.bb-ball.is-lost{opacity:.22;filter:grayscale(1)}.bb-arena{position:relative}.bb-stage{border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-card-border);direction:ltr;touch-action:none;user-select:none;-webkit-user-select:none}.bb-canvas{display:block;width:100%;aspect-ratio:960 / 540;background:#2b1d4e}.bb-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);max-width:min(92%,480px);padding:8px 18px;border-radius:999px;background:#120b26eb;border:1px solid rgba(255,214,110,.6);color:#ffd66e;font-weight:800;font-size:.95rem;text-align:center;pointer-events:none;animation:bb-toast-pop .3s ease}@keyframes bb-toast-pop{0%{transform:translate(-50%) scale(1.4);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.bb-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#ffd66e;text-shadow:0 2px 10px rgba(0,0,0,.6);pointer-events:none;animation:bb-banner 1.4s ease forwards}@keyframes bb-banner{0%{transform:scale(1.6);opacity:0}20%{transform:scale(1);opacity:1}75%{opacity:1}to{opacity:0}}.bb-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:#e42f2e42;pointer-events:none;animation:bb-flash .6s ease forwards}@keyframes bb-flash{0%{opacity:1}to{opacity:0}}.bb-end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);text-align:center;border-radius:var(--radius)}.bb-end.is-over{background:#380c1ad9}.bb-end.is-won{background:#092a1ad9}.bb-end-emoji{font-size:2.2rem;line-height:1}.bb-end-title{font-size:1.5rem;font-weight:800;color:#fff}.bb-end-hint{margin:0;font-size:.95rem;color:#ffffffd9}.bb-end-stats{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-weight:700;font-variant-numeric:tabular-nums;color:#ffd66e}.bb-end-back{color:#ffffffd9}.bb-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-bottom:env(safe-area-inset-bottom,0px)}.bb-pads{display:flex;align-items:center;justify-content:space-between;width:100%}.bb-touch-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;font-size:1.25rem;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.bb-touch-btn:active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.bb-touch-dive{width:84px;height:72px;background:linear-gradient(135deg,#e8fffe,#c8f4f3)}.bb-side-controls{display:flex;align-items:center;gap:var(--space-2)}.bb-sound{padding-inline:14px}.bb-note{text-align:center;font-size:.85rem;margin:0}.bb-intro{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.bb-intro-title{margin:0;font-size:1.3rem;text-align:center}.bb-rules{margin:0;padding-inline-start:1.2em;display:flex;flex-direction:column;gap:8px;text-align:start;line-height:1.45;color:var(--color-text);max-width:52ch}.bb-start{max-width:340px}.bb-commentator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--color-card-border);border-radius:var(--radius);background:linear-gradient(160deg,#0ea5a414,#7c3aed0f)}.bb-commentator-canvas{width:90px;height:90px;flex-shrink:0}.bb-commentator-line{margin:0;font-size:.9rem;font-weight:700}.bb-rules-btn{align-self:center}@media (prefers-reduced-motion: reduce){.bb-hud-streak,.bb-toast,.bb-flash,.bb-banner{animation:none}}@media (max-width: 520px){.bb-touch-dive{width:96px;height:80px}.bb-end{gap:2px;padding:4px var(--space-2);overflow-y:auto}.bb-end-emoji{display:none}.bb-end-title{font-size:.95rem}.bb-end-hint{display:none}.bb-end-stats{display:grid;grid-template-columns:repeat(2,auto);gap:2px 16px;font-size:.72rem}.bb-end .btn{padding:6px 12px;font-size:.78rem}}@media (max-width: 520px),(orientation: landscape) and (max-height: 560px){.habsha-end,.maasi-end{gap:4px;padding:var(--space-2);overflow-y:auto}.habsha-end-emoji,.maasi-end-emoji{display:none}.habsha-end-title,.maasi-end-title{font-size:1.05rem}.habsha-end-hint,.maasi-end-hint{font-size:.8rem}.habsha-end .btn,.maasi-end .btn{padding:6px 14px;font-size:.85rem}}@media (orientation: landscape) and (max-height: 560px){.habsha-page,.maasi-page,.bb-page{gap:var(--space-2)}.habsha-page .hero,.maasi-page .hero,.bb-page .hero,.habsha-page .habsha-note,.maasi-page .maasi-note,.bb-page .bb-note{display:none}.habsha-page .card,.maasi-page .card,.bb-page .card{padding:var(--space-3)}.habsha,.maasi,.bb{gap:var(--space-2);scroll-margin-top:var(--space-2)}.habsha-arena,.maasi-arena,.bb-arena{width:fit-content;max-width:100%;margin-inline:auto}.habsha-stage{width:auto;height:46vh;height:46svh}.maasi-canvas,.bb-canvas{width:auto;height:54vh;height:54svh}.habsha-phase-hint{display:none}.habsha-countdown{font-size:1.5rem}.habsha-countdown-row{min-height:1.9rem}.habsha-arena~.mroster-wrap{display:none}.habsha-controls .vjoy{position:fixed;z-index:40;margin:0;bottom:max(4px,env(safe-area-inset-bottom,0px));left:max(8px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));opacity:.88}html[dir=rtl] .habsha-controls .vjoy{left:auto;right:max(8px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}.habsha-controls{padding-bottom:0}.habsha-controls .habsha-reset{margin-inline:auto}.maasi-pads,.bb-pads{position:fixed;z-index:40;inset-inline:0;bottom:0;width:auto;padding:0 max(10px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px));pointer-events:none}.maasi-pads>*,.bb-pads>*{pointer-events:auto}.maasi-pads .vjoy,.bb-pads .vjoy{margin:0;opacity:.85}.maasi-touch-btn,.bb-touch-btn{opacity:.85}.maasi-controls,.bb-controls{padding-bottom:0}}.trivia-intro{display:flex;flex-direction:column;gap:var(--space-3)}.trivia-intro-title{margin:0;font-family:var(--font-display);font-size:1.2rem}.trivia-rules{margin:0;padding-inline-start:1.2em;display:flex;flex-direction:column;gap:6px;color:var(--color-text)}.trivia-note{text-align:center;color:#ffffffbf}.trivia-rules-btn{align-self:center}.trivia-card{display:flex;flex-direction:column;gap:var(--space-3)}.trivia-screen-title{margin:0;font-family:var(--font-display);font-size:1.25rem}.trivia-screen-hint{margin:0}.trivia-back-btn{min-height:44px}.trivia-field-block{display:flex;flex-direction:column;gap:6px}.trivia-seg{display:flex;gap:var(--space-2);flex-wrap:wrap}.trivia-seg-btn{flex:1 1 0;min-width:84px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:8px 10px;border:2px solid #e5e7eb;border-radius:var(--radius);background:#fff;color:var(--color-text);font-family:var(--font-body);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .08s ease}.trivia-seg-btn:active{transform:scale(.98)}.trivia-seg-btn.is-active{border-color:var(--color-primary);background:#7c3aed14}.trivia-seg-main{font-family:var(--font-display);font-weight:700}.trivia-seg-sub{font-size:.78rem;color:var(--color-text-muted)}.trivia-team-editors{display:grid;gap:var(--space-2)}.trivia-team-editor{display:flex;flex-direction:column;gap:8px;padding:var(--space-3);border:2px solid #e5e7eb;border-radius:var(--radius);background:#fff}.trivia-team-editor-head{display:flex;align-items:center;gap:var(--space-2)}.trivia-team-emoji{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:1.2rem;flex:0 0 auto}.trivia-team-input{flex:1;min-width:0}.trivia-pick-row{display:flex;flex-wrap:wrap;gap:6px}.trivia-emoji-opt{width:38px;height:38px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:1.1rem;cursor:pointer;line-height:1}.trivia-emoji-opt.is-active{border-color:var(--color-primary);background:#7c3aed1a}.trivia-color-opt{width:32px;height:32px;border:3px solid transparent;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px #0000001a}.trivia-color-opt.is-active{border-color:#111}.trivia-toggle{display:flex;align-items:center;gap:var(--space-2);font-weight:600;cursor:pointer}.trivia-toggle input{width:22px;height:22px;accent-color:var(--color-primary)}.trivia-pick-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.trivia-pick-count{font-family:var(--font-display);font-weight:700;background:#7c3aed1a;color:var(--color-primary-strong);border-radius:999px;padding:8px 14px}.trivia-pick-count.is-ready{background:#dcfce7;color:#166534}.trivia-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.trivia-chip{position:relative;display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 12px;border:2px solid #e5e7eb;border-radius:var(--radius);background:#fff;color:var(--color-text);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .08s ease}.trivia-chip:active{transform:scale(.98)}.trivia-chip:disabled{opacity:.45;cursor:default}.trivia-chip.is-selected{border-color:var(--color-primary);background:#7c3aed14}.trivia-chip-icon{font-size:1.2rem}.trivia-chip-name{flex:1;text-align:start}.trivia-chip-order{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.8rem;font-weight:700}.trivia-board-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.trivia-scorebar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.trivia-score-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-family:var(--font-display);font-weight:700;background:#fff;box-shadow:var(--shadow-soft)}.trivia-score-value{font-size:1.05rem;font-variant-numeric:tabular-nums}.trivia-used-pill{margin-inline-start:auto;color:#ffffffd9;font-size:.85rem}.trivia-board-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.trivia-board-hint{margin:0;color:#ffffffbf}.trivia-undo-btn{min-height:40px;background:#ffffff29;color:#fff}.trivia-results-btn{margin-top:var(--space-2)}.trivia-board-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-block-end:var(--space-2)}.trivia-board{display:grid;grid-template-columns:repeat(var(--trivia-cols, 6),minmax(92px,1fr));gap:var(--space-2);min-width:calc(var(--trivia-cols, 6) * 100px)}.trivia-col{display:flex;flex-direction:column;gap:var(--space-2)}.trivia-col-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:6px 4px;border-radius:var(--radius-sm);background:#ffffff24;color:#fff;font-family:var(--font-display);font-weight:700;font-size:.85rem;text-align:center;line-height:1.25}.trivia-tile{border:0;border-radius:var(--radius-sm);min-height:54px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));color:#fff;font-family:var(--font-display);font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease}.trivia-tile:not(:disabled):hover{box-shadow:0 8px 22px #7c3aed73}.trivia-tile:not(:disabled):active{transform:scale(.97)}.trivia-tile.diff-easy{background:linear-gradient(135deg,#34d399,#059669)}.trivia-tile.diff-medium{background:linear-gradient(135deg,#fbbf24,#d97706)}.trivia-tile.diff-hard{background:linear-gradient(135deg,#f472b6,#be185d)}.trivia-tile.is-used{background:#ffffff29;color:#ffffff8c;box-shadow:none;cursor:default}.trivia-tile.is-used.is-won{font-size:1.3rem}.trivia-question-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.trivia-question-cat{font-family:var(--font-display);font-weight:700;color:var(--color-primary-strong)}.trivia-points-pill{background:linear-gradient(135deg,var(--color-accent),var(--color-primary));color:#fff;border-radius:999px;padding:6px 14px;font-family:var(--font-display);font-weight:700;font-size:.9rem}.trivia-question-label,.trivia-answer-label{margin:0;font-size:.8rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.02em}.trivia-question-text{margin:0;font-size:1.3rem;font-weight:700;line-height:1.6}.trivia-media{display:flex;justify-content:center}.trivia-media img{display:block;width:auto;max-width:100%;max-height:240px;border-radius:var(--radius);background:#f1f5f9;border:1px solid var(--color-card-border);object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.trivia-media-question img{box-shadow:var(--shadow-soft)}.trivia-media-answer{margin-top:var(--space-2)}.trivia-media-answer img{max-height:180px;background:#effff4;border-color:#86efac}.trivia-discuss-hint,.trivia-award-hint{margin:0}.trivia-answer-box{display:flex;flex-direction:column;gap:4px;background:#dcfce7;border:2px solid #86efac;border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.trivia-answer-box .trivia-answer-label{color:#166534}.trivia-answer-text{margin:0;font-size:1.25rem;font-weight:700;color:#14532d}.trivia-award-buttons{display:flex;flex-direction:column;gap:var(--space-2)}.trivia-award-btn{flex-direction:column;gap:2px;min-height:56px;background:#fff;border:2px solid #e5e7eb}.trivia-award-btn.trivia-award-none{color:var(--color-text-muted)}.trivia-award-main{font-weight:700}.trivia-award-sub{font-size:.82rem;font-weight:600;opacity:.85;font-variant-numeric:tabular-nums}.trivia-letter-chip{margin:0;align-self:flex-start;background:#7c3aed1a;color:var(--color-primary-strong);border-radius:999px;padding:6px 14px;font-weight:700;font-size:.95rem}.trivia-letter-note{font-weight:600;color:var(--color-text-muted)}.trivia-timer{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#eef2ff;color:var(--color-primary-strong);font-family:var(--font-display);font-weight:700;font-size:1.1rem;font-variant-numeric:tabular-nums}.trivia-timer.is-danger{background:#fef3c7;color:#92400e}.trivia-timer.is-up{background:#fee2e2;color:#991b1b;animation:trivia-timeup .5s steps(2) 3}@keyframes trivia-timeup{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.trivia-timer.is-up{animation:none}}.trivia-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;max-width:320px;min-height:120px;border:2px dashed #cbd5e1;border-radius:var(--radius);background:#f8fafc;color:var(--color-text-muted);font-size:.85rem}.trivia-media-placeholder span[aria-hidden]{font-size:1.8rem}.trivia-results{align-items:center;text-align:center}.trivia-results-emoji{font-size:3rem;line-height:1}.trivia-ranking{width:100%;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.trivia-rank-row{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-weight:700;border:2px solid #e5e7eb;background:#fff}.trivia-rank-row.is-winner{box-shadow:var(--shadow-soft);transform:scale(1.02)}.trivia-rank-pos{width:26px;height:26px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#11182714;font-size:.9rem}.trivia-rank-emoji{width:34px;height:34px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.05rem}.trivia-rank-name{flex:1;text-align:start;min-width:0}.trivia-rank-score{font-size:1.05rem;font-variant-numeric:tabular-nums}@media (max-width: 520px){.trivia-chips{grid-template-columns:repeat(2,1fr)}.trivia-board{grid-template-columns:repeat(var(--trivia-cols, 6),minmax(86px,1fr));min-width:calc(var(--trivia-cols, 6) * 92px)}.trivia-team-emoji{width:36px;height:36px}.trivia-question-text{font-size:1.15rem}.trivia-media img{max-height:200px}.trivia-media-answer img{max-height:150px}}@media (orientation: landscape) and (max-height: 560px){.trivia-page{gap:var(--space-2)}.trivia-page .hero,.trivia-page .trivia-note{display:none}.trivia-page .card{padding:var(--space-3)}.trivia-col-head{min-height:44px;font-size:.78rem}.trivia-tile{min-height:44px}.trivia-question-text{font-size:1.1rem}.trivia-media img{max-height:38svh;max-height:38vh}}