:root{--bg1:#0b1020;--bg2:#1b0b2a;--card:#0f1633cc;--stroke:#ffffff22;--text:#f7f7ff;--muted:#cfd2ffcc;--money:#39ff88;--energy:#ffe66a;--happiness:#ff5bd6;--progress:#62a8ff;--danger:#ff3b3b}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 800px at 20% 0%,#2e1457 0%,transparent 60%),radial-gradient(900px 700px at 90% 20%,#0f4aa1 0%,transparent 60%),linear-gradient(140deg,var(--bg1),var(--bg2));overflow-x:hidden}.app{min-height:100vh;padding:22px 18px 26px;position:relative}.bgGlow{position:absolute;inset:-200px;background:radial-gradient(600px 420px at 30% 30%,#ff5bd633 0%,transparent 60%),radial-gradient(520px 380px at 70% 50%,#62a8ff33 0%,transparent 60%),radial-gradient(520px 380px at 55% 80%,#39ff8833 0%,transparent 60%);filter:blur(18px);pointer-events:none;z-index:0}.header{position:relative;z-index:1;max-width:980px;margin:0 auto 16px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.title{font-size:28px;font-weight:800;letter-spacing:.2px}.subtitle{margin-top:4px;color:var(--muted);font-size:14px}.meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pill{border:1px solid var(--stroke);background:#0b102080;padding:8px 10px;border-radius:999px;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tier{font-weight:700}.tier0{box-shadow:0 0 0 0 transparent}.tier1{box-shadow:0 0 18px #ffe66a22}.tier2{box-shadow:0 0 24px #ff5bd622}.main{position:relative;z-index:1;max-width:980px;margin:0 auto;display:grid;gap:14px}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:860px){.statsGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.statsGrid{grid-template-columns:1fr}.title{font-size:24px}}.stat{border:1px solid var(--stroke);background:#0b102080;padding:10px 12px 12px;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .12s ease}.stat.flash{animation:pop .22s ease}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}.stat.critical{border-color:#ff3b3b55;box-shadow:0 0 0 1px #ff3b3b22,0 0 24px #ff3b3b22}.statTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.statLabel{display:flex;gap:8px;align-items:center;font-weight:750;font-size:13px}.emoji{font-size:16px}.barOuter{width:100%;height:12px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid #ffffff14}.barInner{height:100%;width:50%;border-radius:999px;transition:width .35s ease;background:linear-gradient(90deg,#fff,#fff)}.statsGrid .stat:nth-child(1) .barInner{background:linear-gradient(90deg,var(--money),#b4ffd6)}.statsGrid .stat:nth-child(2) .barInner{background:linear-gradient(90deg,var(--energy),#fff3b0)}.statsGrid .stat:nth-child(3) .barInner{background:linear-gradient(90deg,var(--happiness),#ffc1ee)}.statsGrid .stat:nth-child(4) .barInner{background:linear-gradient(90deg,var(--progress),#b3d4ff)}.card{border:1px solid var(--stroke);background:var(--card);border-radius:22px;padding:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 60px #00000045}.timerOuter{height:10px;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;overflow:hidden}.timerInner{height:100%;width:100%;background:linear-gradient(90deg,#62a8ff,#ff5bd6,#39ff88);transition:width .08s linear}.scenarioText{margin:16px 0 14px;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:.1px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{border:1px solid var(--stroke);background:#0b1020aa;color:var(--text);padding:14px;border-radius:18px;cursor:pointer;font-size:16px;font-weight:800;transition:transform .08s ease,filter .12s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.99)}.btn.left{box-shadow:0 0 0 1px #62a8ff22,0 0 24px #62a8ff22}.btn.right{box-shadow:0 0 0 1px #ff5bd622,0 0 24px #ff5bd622}.btn.primary{background:linear-gradient(90deg,#62a8ff,#ff5bd6);border-color:transparent;box-shadow:0 10px 30px #ff5bd622}.center{text-align:center;padding:10px 0 4px}.hint{margin-top:10px;color:var(--muted);font-size:13px}.gameOverTitle{font-size:26px;font-weight:900;margin:4px 0 8px}.gameOverText{color:var(--muted);margin-bottom:12px}.numbers{max-width:420px;margin:0 auto 14px;border:1px solid var(--stroke);background:#0b102070;border-radius:16px;padding:10px 12px}.numRow{display:flex;justify-content:space-between;padding:6px 2px;font-weight:750}.numLabel{color:#fffd}.numValue{color:#fff}.footer{position:relative;z-index:1;max-width:980px;margin:12px auto 0;color:var(--muted);font-size:12px;text-align:center}.lifeType,.deathLine{margin:6px 0;color:var(--muted);font-weight:700}@media(max-width:520px){.app{padding:16px 12px 20px}.scenarioText{font-size:18px}.btn{padding:16px 14px;font-size:16px}.buttons{grid-template-columns:1fr}.meta{justify-content:flex-start}}.pillBtn{cursor:pointer}.chaosBanner{margin-top:10px;padding:8px 10px;border-radius:14px;font-weight:900;letter-spacing:.3px;border:1px solid #ffffff22;background:#ff5bd622;color:#fff;text-align:center}.toast{margin-top:10px;padding:10px 12px;border-radius:14px;font-weight:900;border:1px solid #ffffff22;background:#00ff9a22;text-align:center}