*{box-sizing:border-box}html,body{margin:0;background:#07101d;color:#e8faff;font:14px/1.4 system-ui,Segoe UI,sans-serif}body{background:radial-gradient(ellipse at 53% 10%,#193e49,#07101d 75%)}button{touch-action:none;cursor:pointer;user-select:none;color:#dffbff;font:inherit}.shell{max-width:1180px;margin:auto;padding:12px}header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}.identity{display:flex;align-items:center;gap:10px}.identity .logo{font-size:45px;color:#75fdf4;text-shadow:0 0 29px #61ead6}.identity strong{font-size:clamp(17px,3vw,27px);font-weight:950;letter-spacing:2px}.identity em{font-style:normal;color:#71fee4}.identity small{display:block;color:#a5c4cf;font-size:9px;letter-spacing:1.7px}.stats{display:flex;gap:5px;align-items:center}.stats>div{background:#0c2834;border:1px solid #356679;border-radius:8px;min-width:65px;padding:6px 9px;display:grid}.stats small{color:#9bbbc5;font-size:9px}.stats b{font-size:13px}.stats button{border:1px solid #478b95;background:#0e2e38;padding:10px;border-radius:8px}.arena{position:relative;border-radius:18px;overflow:hidden;border:1px solid #3a727a;background:#09182e;box-shadow:0 0 55px #27cbbe17}.arena canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none}.overlay{position:absolute;inset:0;background:#081726e9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:12px;text-align:center}.overlay[hidden]{display:none}.overlay>small:first-child{color:#65f6e5;letter-spacing:3px;font-weight:800}.overlay h1{font-size:clamp(31px,6vw,66px);line-height:1;margin:0;text-shadow:0 0 26px #33ddd870;letter-spacing:2px}.overlay h1 em{font-style:normal;color:#76ffe3}.overlay p{margin:0;max-width:610px;font-size:clamp(11px,1.8vw,16px);color:#b9cdd7}.level-list{max-width:440px;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.level-list button{min-width:32px;background:#103847;border:1px solid #478e9d;border-radius:5px;padding:5px;color:#f2faff}.level-list button.active{background:#337c81}.level-list button:disabled{opacity:.3}.overlay #start{background:linear-gradient(90deg,#75f7db,#6aa9ff);color:#051c29;padding:12px 25px;font-weight:950;border:0;border-radius:7px;letter-spacing:1px;box-shadow:0 0 32px #42e8d344}.hints{font-size:9px;letter-spacing:1.2px;color:#8babb7}.status{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0}.status>span{font-size:11px;letter-spacing:1.5px;color:#7cbaae}.controls{display:flex;align-items:center;gap:8px}.controls button{background:#12313f;border:1px solid #468c99;border-radius:9px;min-width:55px;min-height:50px;box-shadow:inset 0 -4px #061b28;font-size:21px}.controls button small{display:block;color:#a9d7d6;font-size:8px}.controls button.special{background:#21565e}.controls button.pressed,.controls button:active{background:#327e8a;transform:translateY(2px)}footer{text-align:center;color:#709ca1;font-size:10px}button:focus-visible{outline:2px solid #7bfde6;outline-offset:2px}@media(max-width:650px){.shell{padding:6px}.identity strong{font-size:15px}.identity small{display:none}.identity .logo{font-size:22px}.stats{gap:3px}.stats>div{padding:4px 5px;min-width:45px}.stats small{font-size:7px}.stats b{font-size:10px}.stats button{padding:5px}.arena{border-radius:9px}.overlay{gap:5px;padding:6px}.overlay>small:first-child{font-size:8px}.overlay h1{font-size:clamp(21px,7vw,42px)}.overlay p{font-size:10px}.level-list{max-width:300px;gap:3px}.level-list button{min-width:23px;font-size:10px;padding:2px}.overlay #start{padding:7px 15px;font-size:10px}.hints{display:none}.status{flex-direction:column;gap:5px}.status>span{font-size:9px}.controls button{min-width:51px;min-height:48px}footer{font-size:8px}}