*{box-sizing:border-box}:root{--bg:#0b1020;--panel:rgba(17,24,48,.9);--text:#f8fbff;--muted:#9aa8c7;--blue:#33c7ff;--orange:#ff7a2f;--red:#ff3d4e;--green:#72f0a4}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 50% 0%,rgba(67,197,255,.22),transparent 36%),linear-gradient(135deg,#060814,#111a33 45%,#24140f)}.game-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.game-card{width:min(1180px,100%);border:1px solid rgba(255,255,255,.14);border-radius:28px;background:var(--panel);box-shadow:0 24px 90px rgba(0,0,0,.46);padding:22px;overflow:hidden}.top-ui,.hud,.bar-top,.controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 4px;color:var(--blue);font-size:12px;letter-spacing:.18em;font-weight:800}h1{margin:0;font-size:clamp(28px,4vw,46px)}.status-pill{padding:10px 16px;border-radius:999px;background:rgba(51,199,255,.14);border:1px solid rgba(51,199,255,.38);color:#bff1ff;font-weight:900;min-width:112px;text-align:center}.hud{margin:16px 0}.hud-item{flex:1;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.08)}.hud-item span,.bar-top{color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.03em}.hud-item strong{display:block;margin-top:3px;font-size:28px}.boss-hp,.energy-bar{height:16px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.1);margin:8px 0 14px}#hpBar{width:100%;height:100%;background:linear-gradient(90deg,var(--orange),var(--red));transition:width .2s ease}#energyBar{width:0%;height:100%;background:linear-gradient(90deg,var(--blue),#8ff5ff);transition:width .18s ease}.arena{position:relative;height:min(54vw,530px);min-height:360px;border-radius:28px;overflow:hidden;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 42%),radial-gradient(circle at 50% 58%,rgba(255,115,40,.16),transparent 32%),linear-gradient(180deg,#2c65a8 0%,#85c9ff 44%,#9a806f 45%,#3d3440 100%);border:1px solid rgba(255,255,255,.12);perspective:900px}.arena:before,.arena:after{content:"";position:absolute;bottom:34%;width:23%;height:50%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 8px,transparent 8px 22px),linear-gradient(#808fa9,#364154);opacity:.74;clip-path:polygon(12% 0,100% 10%,87% 100%,0 94%)}.arena:before{left:3%;transform:skewY(-8deg)}.arena:after{right:3%;transform:skewY(8deg)}.boss{position:absolute;left:50%;bottom:10%;width:270px;height:290px;transform:translateX(-50%) scale(1);transition:transform .22s ease,filter .18s ease;filter:drop-shadow(0 24px 36px rgba(0,0,0,.45));z-index:3}.boss.idle{animation:bossIdle 1.1s ease-in-out infinite}.boss.step-left{transform:translateX(-78%) scale(1.02) rotate(-3deg)}.boss.step-right{transform:translateX(-22%) scale(1.02) rotate(3deg)}.boss.attack-left{transform:translateX(-62%) scale(1.08) rotate(-7deg)}.boss.attack-right{transform:translateX(-38%) scale(1.08) rotate(7deg)}.boss.charge{animation:bossCharge .75s ease-in forwards;filter:drop-shadow(0 0 30px rgba(51,199,255,.55)) drop-shadow(0 34px 45px rgba(0,0,0,.52))}@keyframes bossIdle{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(-5px) scale(1.01)}}@keyframes bossCharge{0%{transform:translateX(-50%) scale(1)}40%{transform:translateX(-50%) scale(1.24)}100%{transform:translateX(-50%) translateY(40px) scale(1.86)}}.ear{position:absolute;top:14px;width:58px;height:58px;background:#7b411e;border:8px solid #4b2819;border-radius:50%;z-index:2}.ear.left{left:46px}.ear.right{right:46px}.face{position:absolute;left:50%;top:28px;width:168px;height:142px;transform:translateX(-50%);background:#8c4e24;border-radius:48% 48% 42% 42%;box-shadow:inset 0 -18px 0 rgba(0,0,0,.12);z-index:4}.face:before{content:"";position:absolute;inset:70px 35px 8px;background:#f0e1cf;border-radius:50% 50% 45% 45%}.scar{position:absolute;right:34px;top:23px;width:8px;height:48px;background:#ee2c2c;transform:rotate(28deg);border-radius:8px}.eye{position:absolute;top:48px;width:30px;height:18px;background:radial-gradient(circle,#fff 0 8%,#ffed70 9% 22%,#ff741f 23% 65%,#7b1206 66%);border-radius:50%;box-shadow:0 0 18px rgba(255,108,25,.9)}.eye.left{left:39px;transform:rotate(12deg)}.eye.right{right:39px;transform:rotate(-12deg)}.snout{position:absolute;left:50%;top:68px;transform:translateX(-50%);width:76px;height:62px;z-index:4}.nose{width:34px;height:22px;margin:0 auto;background:#111;border-radius:48% 48% 60% 60%}.mouth{width:60px;height:30px;margin:4px auto 0;background:#2a0807;border-radius:0 0 30px 30px;position:relative}.mouth:before,.mouth:after{content:"";position:absolute;top:0;width:11px;height:22px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%)}.mouth:before{left:9px}.mouth:after{right:9px}.armor{position:absolute;left:50%;top:130px;transform:translateX(-50%);width:166px;height:96px;border-radius:38px 38px 30px 30px;background:linear-gradient(135deg,#31394a,#9aa6b6 48%,#263142 52%);border:4px solid #131924;z-index:3}.core{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:62px;height:54px;display:grid;place-items:center;border-radius:16px;background:#32d2ff;color:#0e5d9a;font-weight:900;font-size:17px;box-shadow:0 0 28px rgba(50,210,255,.9)}.arm{position:absolute;top:132px;width:74px;height:132px;background:#7e4727;border-radius:34px;border:12px solid #303744;z-index:2}.arm.left{left:10px;transform:rotate(18deg)}.arm.right{right:10px;transform:rotate(-18deg)}.claw,.claw:before,.claw:after{content:"";position:absolute;bottom:-15px;width:16px;height:42px;background:#f9f5ed;border-radius:50% 50% 10% 10%;clip-path:polygon(50% 0,100% 100%,0 100%)}.claw{left:25px}.claw:before{left:-22px}.claw:after{left:22px}.leg{position:absolute;bottom:0;width:82px;height:78px;background:#6c3b21;border-radius:42px 42px 18px 18px;z-index:1}.leg.left{left:54px}.leg.right{right:54px}.crystal{position:absolute;width:36px;height:78px;background:linear-gradient(135deg,#eaffff,#33c7ff 55%,#0c60ff);clip-path:polygon(50% 0,100% 55%,70% 100%,30% 100%,0 55%);filter:drop-shadow(0 0 16px rgba(51,199,255,.95));z-index:1}.c1{left:68px;top:5px;transform:rotate(-17deg)}.c2{left:117px;top:-18px}.c3{right:68px;top:5px;transform:rotate(17deg)}.warning-zone{position:absolute;top:38%;width:118px;height:118px;display:grid;place-items:center;border-radius:32px;font-size:52px;font-weight:1000;opacity:0;transform:scale(.8);transition:all .16s ease;z-index:6}.warning-zone.left{left:8%}.warning-zone.right{right:8%}.show-red{opacity:1;transform:scale(1);background:rgba(255,61,78,.2);border:2px solid rgba(255,61,78,.82);box-shadow:0 0 28px rgba(255,61,78,.45)}.show-blue{opacity:1;transform:scale(1);background:rgba(51,199,255,.18);border:2px solid rgba(51,199,255,.88);box-shadow:0 0 28px rgba(51,199,255,.5)}.feedback{position:absolute;left:50%;top:14%;transform:translateX(-50%);padding:12px 20px;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.16);font-weight:1000;font-size:clamp(18px,4vw,38px);letter-spacing:.04em;z-index:8}.feedback.perfect{color:var(--blue);text-shadow:0 0 18px rgba(51,199,255,.9)}.feedback.good{color:var(--green)}.feedback.miss{color:var(--red)}.agent-callout{position:absolute;left:24px;bottom:22px;max-width:min(520px,calc(100% - 48px));padding:14px 16px;border-radius:20px;background:rgba(8,12,28,.72);border:1px solid rgba(255,255,255,.16);color:#dfeeff;font-weight:800;z-index:8}.balance-panel,.energy-wrap{margin-top:14px}.balance-track{position:relative;height:34px;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,rgba(255,61,78,.35),rgba(255,211,74,.32),rgba(114,240,164,.38),rgba(255,211,74,.32),rgba(255,61,78,.35));border:1px solid rgba(255,255,255,.14)}.safe-zone{position:absolute;left:42%;top:0;width:16%;height:100%;background:rgba(114,240,164,.34);border-left:2px solid rgba(255,255,255,.5);border-right:2px solid rgba(255,255,255,.5)}.balance-pointer{position:absolute;left:50%;top:-6px;width:10px;height:46px;border-radius:999px;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.8);transition:left .12s ease}.controls{margin-top:18px}button{border:0;color:#fff;font-weight:1000;letter-spacing:.06em;cursor:pointer}.control-btn,.start-btn{height:64px;border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 26px rgba(0,0,0,.26)}.control-btn{flex:1;font-size:22px}.control-btn.left{background:linear-gradient(135deg,#233a68,#2769d7)}.control-btn.right{background:linear-gradient(135deg,#692a20,#ff7430)}.start-btn{width:min(240px,28%);background:linear-gradient(135deg,#3e4362,#111827);border:1px solid rgba(255,255,255,.18)}button:disabled{opacity:.5;cursor:not-allowed}.rules{margin-top:16px;padding:14px 16px;background:rgba(255,255,255,.06);border-radius:20px;color:#d9e4fb}.screen-shake{animation:shake .24s linear}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}@media(max-width:720px){.game-shell{padding:10px}.game-card{border-radius:20px;padding:14px}.hud{flex-direction:column;align-items:stretch;gap:8px}.arena{min-height:430px}.boss{width:238px;height:256px}.warning-zone{width:92px;height:92px;font-size:40px}.controls{gap:8px}.control-btn,.start-btn{height:58px;border-radius:16px}.start-btn{width:110px}}