*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{background:#060710;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060710;--surface:#0a0f20e0;--panel:#0e1732f2;--border:#66c6ff26;--glow:#48e5f52e;--text:#e4f7ff;--muted:#9db5ca;--accent:#50e6ff;--accent-strong:#ff4fca;--danger:#ff5b72;--success:#7cff76;--shadow:0 20px 70px #00000059}.app-shell{width:100%;min-height:100vh;padding:24px;position:relative;overflow-x:hidden}.overlay-layer{pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#7333e514,#0000 20%),radial-gradient(circle at 80% 15%,#38edff1a,#0000 15%);position:fixed;inset:0}.arena{gap:24px;width:100%;max-width:1400px;margin:0 auto;display:grid}.hero-panel,.footer-panel,.status-card,.result-card,.choice-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel,.footer-panel{box-shadow:var(--shadow);background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #7de8ff1f;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:28px;display:flex;position:relative}.hero-panel:before,.footer-panel:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 0 0,#51f2ff29,#0000 32%);position:absolute;inset:0}.hero-panel>*,.footer-panel>*{z-index:1;position:relative}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#72f2ff;margin-bottom:10px;font-size:.85rem}.hero-panel h1{margin-bottom:10px;font-size:clamp(2.5rem,5vw,5rem);line-height:1}.subtitle{max-width:700px;color:var(--muted);line-height:1.7}.ghost-button{color:var(--text);cursor:pointer;background:#070e21d6;border:1px solid #50e6ff52;border-radius:999px;padding:14px 24px;transition:all .25s}.ghost-button:hover{border-color:#50e6ff8c;transform:translateY(-2px);box-shadow:0 0 30px #50e6ff3d}.status-grid{grid-template-columns:minmax(220px,1fr) minmax(360px,1.4fr) minmax(220px,1fr);gap:24px;display:grid}.status-card,.result-card{box-shadow:var(--shadow);background:#0b1126f5;border:1px solid #70d7ff1f;border-radius:28px;padding:24px}.status-head{justify-content:space-between;margin-bottom:18px;display:flex}.status-head span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.health-bar{background:#ffffff0f;border-radius:999px;height:16px;margin-bottom:14px;overflow:hidden}.health-fill{height:100%;transition:width .4s;display:block}.player-fill{background:linear-gradient(90deg,#3dffec,#05a9ff)}.ai-fill{background:linear-gradient(90deg,#ff56c0,#ff7628)}.combo-text{color:var(--muted)}.result-card{gap:18px;display:grid}.result-header{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;font-size:.85rem;display:flex}.result-outcome{color:#7cff76}.result-text{background:#232f52e6;border:1px solid #50e6ff1f;border-radius:24px;align-content:center;min-height:90px;padding:24px;line-height:1.6;display:grid}.result-text.animate{animation:.4s pulseGlow}@keyframes pulseGlow{50%{transform:scale(1.01);box-shadow:0 0 30px #50e6ff2e}}.move-row{flex-wrap:wrap;gap:14px;display:flex}.move-chip{background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;flex:1;padding:14px}.ai-chip{background:#ff5b7214}.move-chip span{color:var(--muted);letter-spacing:.18em;font-size:.75rem;display:block}.move-chip strong{margin-top:8px;font-size:1.15rem;display:block}.ai-talk{color:#b4e9ff}.choice-panel{box-shadow:var(--shadow);background:#091227f2;border:1px solid #66c6ff1f;border-radius:28px;padding:28px}.choice-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.choice-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.choice-button{color:var(--text);cursor:pointer;background:#0f1831f2;border:none;border-radius:22px;padding:22px;transition:all .25s;position:relative;overflow:hidden}.choice-button:before{content:"";background:linear-gradient(120deg,#0000,#ffffff14,#0000);transition:all .5s;position:absolute;inset:0;transform:translate(-100%)}.choice-button:hover:before{transform:translate(100%)}.choice-button:hover:not(:disabled){background:#2e4f97f2;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 35px #44ceff2e}.choice-button:disabled{opacity:.45;cursor:not-allowed}.choice-emoji{font-size:2rem}.footer-panel{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hint-card,.tech-card{background:#091021eb;border:1px solid #ffffff0f;border-radius:22px;padding:22px}.hint-title{letter-spacing:.16em;text-transform:uppercase;color:#8be4ff;margin-bottom:10px;font-size:.95rem}.hint-card p,.tech-card p{color:var(--muted);line-height:1.7}@media (width<=980px){.status-grid,.footer-panel{grid-template-columns:1fr}.hero-panel{flex-direction:column;align-items:flex-start}}@media (width<=640px){.choice-row{grid-template-columns:1fr}.hero-panel h1{font-size:2.5rem}.app-shell{padding:16px}}