*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#071426;font-family:Inter,system-ui,Arial;color:#fff}#game{width:100%;height:100%;display:block;outline:none;touch-action:none}.brand{position:absolute;top:22px;left:25px;font-weight:1000;font-size:24px;letter-spacing:3px;text-shadow:0 3px 20px #000}.brand span{display:block;font-size:9px;letter-spacing:5px;color:#9ddcff}.stats{position:absolute;top:22px;right:25px;display:flex;gap:10px}.stat,.bars{background:#071426b8;border:1px solid #ffffff24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:10px 15px;min-width:76px}.stat small{display:block;font-size:9px;color:#a9c6dc;letter-spacing:1px}.stat b{font-size:19px}.bars{position:absolute;left:25px;bottom:28px;width:230px}.bar-label{display:flex;justify-content:space-between;font-size:10px;color:#d8e9f5;margin:2px 0 6px}.bar{height:8px;border-radius:8px;background:#26394a;overflow:hidden;margin-bottom:10px}.bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#20d78b,#8affbb);transition:width .15s}.bar.energy i{background:linear-gradient(90deg,#288eff,#77dcff)}#hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#071426b8;border:1px solid #ffffff24;border-radius:10px;padding:10px 15px;color:#d6e8f6;font-size:11px;white-space:nowrap}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;color:#d8f5ff;text-shadow:0 0 12px #4bcaff;pointer-events:none}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#071426;color:#aee5ff;letter-spacing:5px;font-weight:800;z-index:5;transition:opacity .5s}#toast{position:absolute;top:18%;left:50%;transform:translate(-50%);font-size:13px;color:#fff;background:#071426cc;padding:10px 18px;border:1px solid #ffffff2c;border-radius:30px;opacity:0;transition:opacity .25s}#mobile{display:none;position:absolute;bottom:120px;left:20px;gap:8px;align-items:end}#mobile button{border:1px solid #ffffff55;background:#071426aa;color:#fff;border-radius:12px;padding:14px;font-weight:800;touch-action:none}#mobile>div{display:grid;grid-template-columns:repeat(3,45px);gap:4px}#mobile>div button{padding:12px}#jump,#attack{position:absolute;left:calc(100vw - 100px);bottom:5px;width:75px;height:75px;border-radius:50%!important}#attack{left:calc(100vw - 190px);bottom:20px;width:65px;height:65px;background:#a13d3dcc!important}@media(max-width:700px){.brand{top:12px;left:12px;font-size:18px}.stats{top:12px;right:10px;gap:4px}.stat{padding:7px;min-width:55px}.stat b{font-size:15px}.stat small{font-size:7px}.bars{left:12px;bottom:12px;width:175px;padding:8px}.bar-label{font-size:8px}#hint{display:none}#mobile{display:flex}#crosshair{display:none}}