:root{--bg0: #1a0f14;--bg1: #2d1820;--bg-orb-a: #3a1c28;--bg-orb-b: #2a2038;--accent: #e8a0b0;--accent2: #f3d5a5;--accent-btn: #d47890;--text: #f7efe8;--muted: #c4a8b0;--ok: #7dcea0;--danger: #e07a7a;--card: rgba(255, 255, 255, .06);--btn-shadow-base: #9e4d63;--font-display: "Grandstander", system-ui, sans-serif;--font-body: "Rubik", system-ui, sans-serif;--font-mono: "Chakra Petch", ui-monospace, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 10px;--radius-md: 14px;--radius-panel: 16px;--radius-gem: 18px;--radius-pill: 999px;--shadow-btn: 0 4px 0 var(--btn-shadow-base);--shadow-btn-hover: 0 6px 0 var(--btn-shadow-base);--shadow-btn-active: 0 2px 0 var(--btn-shadow-base);--shadow-selected: 0 0 0 3px rgba(232, 160, 176, .4);--shadow-code: 0 0 24px rgba(243, 213, 165, .35);--dur-fast: .12s;--dur-med: .22s;--dur-slow: .4s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--border-subtle: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22)}:root{font-family:var(--font-body);font-size:1.05rem;line-height:1.45;font-weight:400;color:var(--text);background:linear-gradient(160deg,var(--bg0),var(--bg1));min-height:100%}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{position:relative;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:-10%;z-index:-1;background:radial-gradient(1200px 800px at 20% 0%,var(--bg-orb-a),transparent),radial-gradient(900px 700px at 100% 20%,var(--bg-orb-b),transparent);animation:ata-bg-drift 28s ease-in-out infinite;pointer-events:none}@keyframes ata-bg-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(3%,2%) scale(1.05)}}@keyframes ata-celebrate-flash{0%,to{border-color:#e8a0b059}50%{border-color:#f3d5a5a6}}h1,h2,.ata-brand,.ata-reveal,.ata-celebrate,.brand,.reveal,.celebrate{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}button,input,select,.ata-button,.ata-input,.ata-select{font:inherit}.ata-app,.app{max-width:440px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-10);min-height:100vh}.ata-brand,.brand{font-size:clamp(2.6rem,9vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 var(--space-1);background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.ata-tagline,.tagline{color:var(--muted);font-size:.875rem;font-weight:500;letter-spacing:.02em;line-height:1.4;margin:0 0 var(--space-8)}.ata-stack,.stack{display:flex;flex-direction:column;gap:var(--space-3)}.ata-stack--options,.stack.options{gap:var(--space-2)}.ata-divider,.home-divider{height:1px;margin:var(--space-3) 0;background:#ffffff1a;border:0}.ata-input,.ata-select,input,select{width:100%;padding:.85rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--card);color:var(--text);font-weight:500;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ata-input:focus,.ata-select:focus,input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8a0b040}.ata-button,button{display:block;width:100%;border:0;border-radius:var(--radius-pill);padding:.9rem 1.25rem;background:linear-gradient(120deg,var(--accent-btn),var(--accent));color:var(--bg0);font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:var(--shadow-btn);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);text-align:center;text-decoration:none}.ata-button:hover:not(:disabled),button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-btn-hover)}.ata-button:active:not(:disabled),button:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-btn-active)}.ata-button:focus-visible,button:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.ata-button--secondary,button.secondary{background:transparent;color:var(--text);border:1.5px solid var(--border-strong);box-shadow:none}.ata-button--secondary:hover:not(:disabled),button.secondary:hover:not(:disabled){border-color:var(--accent);background:#e8a0b014;box-shadow:none;transform:translateY(-1px)}.ata-button--secondary:active:not(:disabled),button.secondary:active:not(:disabled){transform:translateY(1px);box-shadow:none}.ata-button:disabled,button:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 3px #9e4d6359;transform:none}.ata-button--inline{width:auto;display:inline-block}.ata-option,.option{text-align:left;min-height:3.25rem;padding:.95rem 1.1rem;background:var(--card);color:var(--text);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);font-size:1.05rem;font-weight:600;letter-spacing:0;line-height:1.3;box-shadow:none;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ata-option:hover:not(:disabled),.option:hover:not(:disabled){transform:translateY(-2px) scale(1.01);border-color:#e8a0b073;box-shadow:none}.ata-option:active:not(:disabled),.option:active:not(:disabled){transform:scale(.97);box-shadow:none}.ata-option--selected,.option.selected{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent),var(--shadow-selected)}.ata-panel,.panel{background:var(--card);border-radius:var(--radius-panel);padding:var(--space-4) var(--space-4) var(--space-5);border:1px solid rgba(255,255,255,.1)}.ata-panel--arena,.panel.arena{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4) var(--space-6);text-align:center;overflow:hidden;border-width:2px;border-color:#e8a0b073;background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(232,160,176,.14),transparent),var(--card);box-shadow:0 0 0 1px #f3d5a514,0 12px 40px #00000059}.ata-panel--miss,.panel.arena.miss{border-color:#e07a7a8c;background:radial-gradient(ellipse 80% 55% at 50% 15%,rgba(224,122,122,.18),transparent),var(--card)}.ata-panel--perfect,.panel.arena.perfect{border-color:#f3d5a58c;background:radial-gradient(ellipse 90% 70% at 50% 10%,rgba(243,213,165,.2),transparent),radial-gradient(ellipse 70% 50% at 50% 80%,rgba(232,160,176,.12),transparent),var(--card)}.ata-panel--celebrate,.panel.celebrate-panel{border-color:#e8a0b059;animation:ata-celebrate-flash .6s var(--ease-out) 1}.reveal-art{width:9rem;height:auto;margin:0 auto;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.reveal-eyebrow{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,4vw,1.4rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent2);text-shadow:0 2px 0 rgba(0,0,0,.4)}.panel.arena.miss .reveal-eyebrow{color:var(--danger)}.reveal-score{margin:0;font-family:var(--font-display);font-size:clamp(4.25rem,18vw,5.75rem);font-weight:800;letter-spacing:-.05em;line-height:.9;color:var(--accent2);filter:drop-shadow(0 5px 0 rgba(0,0,0,.45))}.panel.arena.perfect .reveal-score{background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 rgba(0,0,0,.45))}.reveal-label{margin:0 0 var(--space-4);max-width:100%;font-family:var(--font-display);font-size:clamp(1.35rem,5.5vw,1.85rem);font-weight:800;letter-spacing:-.01em;line-height:1.15;word-break:break-word;background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}.panel.arena .stack,.panel.arena button,.panel.arena .ata-button{width:100%}.code-gem{text-align:center;padding:var(--space-5) var(--space-4);border:2px solid rgba(243,213,165,.35);border-radius:var(--radius-gem);background:#ffffff0a}.code-label{display:block;margin-bottom:var(--space-2);font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.code{font-family:var(--font-mono);font-size:clamp(2.35rem,8vw,2.85rem);font-weight:700;letter-spacing:.28em;line-height:1;color:var(--accent2);text-shadow:var(--shadow-code);-webkit-user-select:all;user-select:all}.code.compact{font-size:1.35rem;letter-spacing:.2em;text-shadow:none}.level-chip{display:inline-flex;align-self:flex-start;padding:.35rem .65rem;border-radius:var(--radius-pill);background:#e8a0b026;border:1px solid rgba(232,160,176,.35);color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.04em}.prompt-title{font-size:clamp(1.4rem,4.8vw,1.7rem);font-weight:700;letter-spacing:-.02em;line-height:1.22;margin:0;color:var(--text)}.ata-muted,.muted{color:var(--muted);font-size:.875rem;font-weight:500;letter-spacing:.02em;line-height:1.4}.ata-reveal,.reveal{font-size:clamp(3.75rem,14vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:.95;text-align:center;margin:var(--space-4) 0;background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.4))}.ata-celebrate,.celebrate{text-align:center;font-size:clamp(1.9rem,6vw,2.4rem);font-weight:800;letter-spacing:.04em;line-height:1.1;text-transform:uppercase;margin:0}.ata-error,.error{color:var(--danger);font-size:.9rem;font-weight:500}.ata-row,.row{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid rgba(255,255,255,.08);font-weight:500}.rank-list li .rank-num{color:var(--muted);font-weight:700;margin-right:var(--space-2)}.rank-list li.top .rank-num,.rank-list li.top .rank-score{color:var(--accent2);font-family:var(--font-display);font-weight:700}.rank-list li .rank-score{font-size:1.15rem;font-weight:700}.player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.player-list li{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border-subtle);font-weight:600}.player-list li .host-mark{color:var(--accent2);margin-left:var(--space-1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before{animation:none!important}.ata-button:hover:not(:disabled),.ata-button:active:not(:disabled),button:hover:not(:disabled),button:active:not(:disabled),.ata-option:hover:not(:disabled),.ata-option:active:not(:disabled),.option:hover:not(:disabled),.option:active:not(:disabled){transform:none}}html,body,#root{height:100%}.game-stage.ata-app{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;min-height:100dvh;max-width:440px;width:100%;margin:0 auto;padding:.75rem 1.25rem 1rem;overflow:hidden;box-sizing:border-box}.game-stage .ata-brand,.game-stage .brand{background:none;-webkit-background-clip:unset;background-clip:unset;color:var(--accent);text-align:center;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35));margin-bottom:.75rem}.game-stage .ata-tagline,.game-stage .tagline{text-align:center;max-width:18rem;margin:0 auto}.game-stage button.game-lang-chip,.game-stage button.game-icon-btn,.game-stage button.game-globe,.game-stage button.game-hud-btn,.game-stage button.game-dock-btn,.game-stage button.game-trophy-btn{width:auto!important;display:inline-flex!important;align-items:center;justify-content:center;box-shadow:none!important;transform:none!important;background-image:none!important;text-decoration:none}.game-stage button.game-lang-chip:hover:not(:disabled),.game-stage button.game-lang-chip:active:not(:disabled),.game-stage button.game-icon-btn:hover:not(:disabled),.game-stage button.game-icon-btn:active:not(:disabled),.game-stage button.game-globe:hover:not(:disabled),.game-stage button.game-globe:active:not(:disabled),.game-stage button.game-hud-btn:hover:not(:disabled),.game-stage button.game-hud-btn:active:not(:disabled),.game-stage button.game-dock-btn:hover:not(:disabled),.game-stage button.game-dock-btn:active:not(:disabled),.game-stage button.game-trophy-btn:hover:not(:disabled),.game-stage button.game-trophy-btn:active:not(:disabled){box-shadow:none!important;transform:none!important}.game-topbar{display:none;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;flex-shrink:0}.game-topbar-start,.game-topbar-end{display:flex;align-items:center;gap:.25rem;min-width:2.75rem}.game-topbar-end{justify-content:flex-end;margin-left:auto}.game-icon-btn{min-width:2.75rem;min-height:2.75rem;padding:0 .65rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;gap:.35rem;font:inherit;font-size:.8125rem;font-weight:600}.game-icon-btn:hover{color:var(--accent2);background:#f3d5a51f}.game-trophy-btn{color:var(--accent2)}.game-trophy-btn[aria-current=page]{background:#f3d5a524}.game-home{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem}.game-hero{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;min-height:7rem;padding:.5rem 0 1rem}.game-hero-icon{color:var(--accent);margin-bottom:.25rem}.game-actions{flex-shrink:0;display:flex;flex-direction:column;gap:.75rem}.game-col{display:flex;flex-direction:column;gap:var(--space-3)}.game-footer{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:.25rem}.game-screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem}.game-arena{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;overflow:auto}.game-prompt-stage{display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:0}.game-prompt-title{font-size:clamp(1.4rem,5vw,1.7rem);font-weight:700;letter-spacing:-.02em;line-height:1.22;text-align:center;margin:0;color:var(--text)}.game-options{overflow:auto;max-height:45dvh;display:flex;flex-direction:column;gap:.5rem}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;flex-shrink:0}.game-hud-code{font-family:var(--font-mono);font-size:1rem;font-weight:700;letter-spacing:.2em;color:var(--accent2)}.game-hud-btn{width:2.75rem!important;height:2.75rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--accent2);cursor:pointer;padding:0}.game-hud-btn:hover{background:#f3d5a51f}.game-dock{display:flex;justify-content:center;width:100%}.game-dock-inner{display:flex;gap:1.75rem;padding:.5rem 1.75rem;border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.game-dock-btn{width:3.25rem!important;height:3.25rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;padding:0}.game-dock-btn:hover{color:var(--accent2);background:#f3d5a51a}.game-dock-btn.is-active{color:var(--accent2);background:#f3d5a524}.game-btn-row{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.game-lang-chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.game-lang-chip{min-width:3.25rem;min-height:2.75rem;padding:.5rem .85rem;border-radius:var(--radius-pill);border:1.5px solid var(--border-strong);background:transparent;color:var(--text);font:inherit;font-weight:600;font-size:.8125rem;cursor:pointer}.game-lang-chip:hover{border-color:#e8a0b08c;background:#e8a0b014}.game-lang-chip.is-active{border-color:var(--accent);background:#e8a0b033}.game-lang-chip.is-active:hover{border-color:var(--accent);background:#e8a0b047}.game-pack-picker{display:flex;flex-direction:column;gap:.5rem;width:100%}.game-pack-label{margin:0;text-align:center;font-size:.8125rem}.game-pack-list{display:flex;flex-direction:column;gap:.5rem}.game-stage button.game-pack-chip{width:100%!important;display:flex!important;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;padding:.65rem .9rem;border-radius:var(--radius-md, 12px);border:1.5px solid var(--border-strong);background:transparent;color:var(--text);font:inherit;font-weight:600;font-size:.875rem;cursor:pointer;text-align:left;box-shadow:none!important}.game-stage button.game-pack-chip:hover:not(:disabled){border-color:#e8a0b08c;background:#e8a0b014;box-shadow:none!important;transform:none!important}.game-stage button.game-pack-chip.is-active{border-color:var(--accent);background:#e8a0b033}.game-stage button.game-pack-chip.is-locked{opacity:.92}.game-pack-name{flex:1}.game-pack-price{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;color:var(--accent2, var(--accent));white-space:nowrap}.game-status{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--accent)}.game-status .muted{margin:0}.game-section-title{display:flex;align-items:center;gap:.5rem;margin:0}.game-player{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border-subtle);font-weight:600}.game-player-host{color:var(--accent2)}.game-code-gem{text-align:center;padding:var(--space-5) var(--space-4);border:2px solid rgba(243,213,165,.35);border-radius:var(--radius-gem);background:#ffffff0a;display:flex;flex-direction:column;align-items:center;gap:.5rem}.game-code-gem .code{font-family:var(--font-mono);font-size:clamp(2.35rem,8vw,2.85rem);font-weight:700;letter-spacing:.28em;line-height:1;color:var(--accent2);text-shadow:var(--shadow-code);-webkit-user-select:all;user-select:all}.game-rank-header{display:flex;justify-content:center;padding:.5rem 0 .25rem;color:var(--accent2);flex-shrink:0}.game-rank-panel{flex:1;min-height:0;overflow:auto}.game-rank-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--muted)}.game-rank-list{list-style:none;padding:0;margin:0}.game-rank-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-weight:500}.game-rank-left{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.game-rank-left .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-rank-list li.top .name,.game-rank-list li.top .rank-score{color:var(--accent2);font-family:var(--font-display);font-weight:700}.game-rank-list li .rank-score{font-size:1.15rem;font-weight:700}.game-rank-num{width:1.4rem;text-align:center;color:var(--muted);font-weight:700}.game-stage .ata-option--selected,.game-stage .option.selected{box-shadow:var(--shadow-selected);background:#e8a0b01f}@media(min-width:720px){.game-stage.ata-app{max-width:820px;padding:1.25rem 2rem 1.5rem}.game-topbar{display:flex}.game-footer-mobile{display:none}.game-hero{flex:0 0 auto;min-height:0;padding:1.25rem 0 1.75rem}.game-actions{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;align-items:stretch}.game-actions-divider{display:none}.game-col{height:100%;padding:1.25rem;border-radius:var(--radius-panel);border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.game-lang-chips,.game-home{justify-content:flex-start}.game-screen{max-width:480px;width:100%;margin:0 auto}}@media(prefers-reduced-motion:reduce){.game-hero,.game-code-gem{animation:none!important}}