*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{display:flex;flex-direction:column;background:#131c2c;color:white;font-family:Arial,sans-serif;letter-spacing:0}header{height:76px;flex-shrink:0;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #ef3f50}header strong{font-style:italic;font-size:26px}header small{display:block;font-size:9px;margin-top:4px;color:#a4c6d8}.actions{display:flex;gap:8px}button{height:44px;width:48px;border:1px solid #607a92;background:#263c51;border-radius:6px;color:white;font-size:25px;cursor:pointer;touch-action:none;user-select:none}button:hover{filter:brightness(1.3)}button:focus-visible{outline:3px solid #ffe478;outline-offset:3px}main{flex:1;min-height:0;position:relative}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;left:24px;top:22px;display:flex;gap:28px;pointer-events:none;color:#163753}.hud span{font-size:9px;font-weight:bold}.hud b{display:block;font-size:23px;margin-top:5px;font-variant-numeric:tabular-nums}.touch{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;pointer-events:none}.touch div{display:flex;gap:10px}.touch button{width:58px;height:58px;pointer-events:auto;background:#17344be6}.touch #web{background:#ed3650;border-color:#ff7c88}.touch #jump{background:#e7f0ee;color:#17344b}footer{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:9px;color:#b9d0dc;flex-shrink:0}#overlay{position:absolute;inset:0;background:#102338da;display:grid;place-items:center;backdrop-filter:blur(5px)}#overlay[hidden]{display:none}section{text-align:center;padding:24px;max-width:440px}section small{color:#ffe478;font-size:11px}h1{font-size:36px;margin:14px 0}section p{color:#d5e6ed;line-height:1.6}section button{width:180px;background:#ed3650;font-size:17px;margin-top:10px}@media(max-width:550px){header{height:65px;padding:0 15px}header strong{font-size:22px}.hud{left:15px;gap:21px;top:15px}.hud b{font-size:19px}.touch{left:12px;right:12px;bottom:14px}.touch button{width:51px;height:54px}footer{font-size:8px;padding:0 12px}}
