@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Rajdhani:wght@600;700&display=swap');
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#47aee6;color:#fff;font-family:Rajdhani,Arial,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:ew-resize}.hidden{display:none!important}
#hud{position:fixed;inset:14px 18px auto;z-index:2;pointer-events:none;text-shadow:0 2px 4px #00376b}.brand{font:20px 'Black Ops One';letter-spacing:1px}.stats{display:flex;gap:18px;font-size:17px;font-weight:700;margin-top:6px}.stats span:last-child{color:#ffed46}.bar{width:245px;height:12px;margin-top:7px;background:#163b65;border:2px solid #fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #003b7d}.bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#12d7ff,#72ff72);transition:.2s}.boss{position:fixed;top:15px;left:50%;width:min(310px,42vw);transform:translateX(-50%);text-align:center}.boss div{height:12px;background:#4e1722;border:2px solid #fff;border-radius:8px;overflow:hidden}.boss i{display:block;height:100%;background:linear-gradient(90deg,#ff8a00,#ff243f)}#help{position:fixed;z-index:2;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 18px;border-radius:18px;background:#07396cd9;border:2px solid #fff;font-weight:700;pointer-events:none}#help b{color:#53edff}
.panel{position:fixed;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;gap:35px;padding:30px;background:linear-gradient(160deg,#54d4ffed,#1467c7f2 55%,#4d20b4f5)}.panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#fff4,transparent 38%);pointer-events:none}.panel img{width:min(42vw,480px);max-height:72vh;object-fit:contain;filter:drop-shadow(0 18px 15px #003c7b88)}.panel>div{position:relative;max-width:520px}.panel small{letter-spacing:6px;font-weight:700;color:#fff64e}.panel h1{font:clamp(50px,7vw,95px)/.86 'Black Ops One';margin:14px 0;text-shadow:0 7px 0 #123f9c,0 11px 20px #052769}.panel p{font-size:21px;max-width:470px}.panel button{border:4px solid #fff;border-radius:16px;padding:14px 28px;background:linear-gradient(#57edff,#0e92ff);box-shadow:0 7px 0 #0752aa,0 12px 22px #003a7b;color:#fff;font:700 20px Rajdhani;cursor:pointer}.panel button:active{transform:translateY(5px);box-shadow:0 2px 0 #0752aa}#end{text-align:center}#end h1{color:#fff14e;text-shadow:0 7px 0 #d35a00,0 12px 24px #632e00}
.difficulty{margin:18px 0 22px}.difficulty>b,.language>b{display:block;margin-bottom:8px;letter-spacing:3px}.difficulty>div{display:flex;gap:7px}.difficulty button{padding:8px 12px;border-width:2px;border-radius:9px;box-shadow:0 4px 0 #193c91;background:#3159ac;font-size:14px}.difficulty button.active{background:linear-gradient(#ffe85a,#ff8a00);box-shadow:0 4px 0 #a94700;color:#372000}.language{margin:14px 0}.language select{min-width:180px;padding:9px 13px;border:2px solid #fff;border-radius:9px;background:#173f91;color:#fff;font:700 16px Rajdhani}.top-actions{position:fixed;z-index:4;right:15px;top:14px;display:flex;gap:8px}.top-actions button{width:42px;height:42px;border:2px solid #fff;border-radius:50%;background:#07396ddd;color:#fff;font-weight:bold;font-size:19px;cursor:pointer}.pause-menu{position:fixed;z-index:10;inset:0;display:grid;place-items:center;background:#031426d9;backdrop-filter:blur(8px)}.pause-menu>div{width:min(360px,90vw);padding:34px;text-align:center;border:3px solid #fff;border-radius:22px;background:linear-gradient(160deg,#176dce,#351a96);box-shadow:0 18px 50px #00142c}.pause-menu h2{font:52px 'Black Ops One';margin:14px}.pause-menu button{display:block;width:100%;margin:12px 0;padding:12px;border:2px solid #fff;border-radius:12px;background:#168ee8;color:#fff;font:700 19px Rajdhani;cursor:pointer}
#power{position:fixed;z-index:4;width:52px;height:126px;border:3px solid #fff;border-radius:15px;background:#17233cee;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;transform:translateY(-50%)}#power span{font:700 9px Rajdhani}#power i{position:relative;display:block;width:18px;height:77px;border:3px solid #fff;border-radius:10px;background:#4a3b13;overflow:hidden}#power em{position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(#fff86c,#ffd000 45%,#ff8a00);transition:height .15s}#power b{font-size:17px}#power.ready{box-shadow:0 0 28px #ffe52f;animation:pulse .65s infinite alternate}#power.ready i{background:#fff049}.countdown{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#04162abb;color:#fff83c;font:clamp(90px,20vw,240px) 'Black Ops One';text-shadow:0 10px 0 #df5b00,0 0 50px #fff;animation:pop .45s ease}@keyframes pulse{to{transform:translateY(-50%) scale(1.06)}}@keyframes pop{from{transform:scale(.3);opacity:.2}to{transform:scale(1);opacity:1}}
@media(max-width:720px){.panel img{display:none}.panel{text-align:center}.panel h1{font-size:52px}.brand{font-size:16px}.boss{top:72px;width:68vw}.bar{width:190px}#help{font-size:12px;padding:6px 10px;bottom:7px}.stats{gap:10px;font-size:14px}.difficulty>div{justify-content:center}#power{transform:translateY(-50%) scale(.82);transform-origin:left center}}