*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:#101816;color:#f5f6ed;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;letter-spacing:0}header{height:82px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #35423c}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:21px}.mark{color:#faff72;font-size:33px}.brand small{display:block;font-size:9px;color:#acb7a8;margin-top:5px}.actions{display:flex;gap:8px}button,select{font:inherit;color:inherit;background:#25332d;border:1px solid #526055;border-radius:6px;height:42px;cursor:pointer}button{width:44px;font-size:25px}button:hover{background:#415346}button:focus-visible,select:focus-visible{outline:3px solid #faff72;outline-offset:3px}select{padding:0 12px;font-size:13px}main{position:relative;flex:1;min-height:0;overflow:hidden}canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:24px;left:28px;display:flex;gap:32px;pointer-events:none;text-shadow:0 2px 8px #000}.hud small{display:block;font-size:9px;color:#bac6bc;margin-bottom:7px}.hud strong{font-size:24px;font-variant-numeric:tabular-nums}.lava-status{position:absolute;right:28px;top:28px;font-size:11px;color:#ffc0a0;display:flex;gap:8px;align-items:center}.lava-status span{width:7px;height:7px;background:#ff653c;border-radius:50%}.lava-status b{font-size:14px}footer{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:9px;color:#afbdb1;flex-shrink:0}footer i{color:#657569;margin:0 8px}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#08140fc9;backdrop-filter:blur(6px)}#overlay[hidden]{display:none}.dialog{text-align:center;padding:28px;width:min(440px,95%)}.dialog small{color:#faff72;font-size:11px}.dialog h1{font-size:38px;margin:15px 0}.dialog p{color:#c1ccc3;line-height:1.6}.dialog button{width:190px;background:#faff72;color:#19221b;border:0;font-size:16px;font-weight:bold;margin-top:14px}.dialog button span{margin-left:20px}.touch{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none}.touch div{display:flex;gap:10px}.touch button{width:58px;height:58px;background:#14261dcc;border-color:#72967a;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch #jump{background:#ecf56be6;color:#18261b;border:0}.touch button:active{transform:translateY(2px);filter:brightness(1.3)}@media(max-width:600px){header{height:66px;padding:0 14px}.brand{font-size:16px;gap:7px}.mark{font-size:26px}.actions{gap:5px}select{max-width:89px;padding:0 5px}.actions button{width:35px}.hud{top:18px;left:15px;gap:19px}.hud strong{font-size:19px}.lava-status{top:82px;right:15px}.touch{left:15px;right:15px;bottom:15px}footer{padding:0 15px;font-size:8px}}