:root{font-family:Arial,sans-serif;color:#f1f6f6;letter-spacing:0;background:#12171b}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}#scene{position:fixed;inset:0}header{position:fixed;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.brand{font-size:30px;line-height:.95;font-weight:900;color:#ffe476;text-shadow:0 2px 8px #000}.brand span{display:block;font-size:11px;color:white;margin-top:10px;font-weight:500}.tools{display:flex;gap:7px}button{font:inherit;border:1px solid #d4e1e449;background:#192329ed;color:#f1f6f6;border-radius:5px;cursor:pointer;touch-action:none;pointer-events:auto}button:hover{background:#344249}button:focus-visible{outline:2px solid #5ff6d4;outline-offset:3px}.tools button{width:42px;height:42px;font-size:23px}.status{position:fixed;left:30px;top:130px;width:190px;text-shadow:0 1px 5px #000}small{font-size:10px;font-weight:bold;color:#79e0ce}h1{font-size:20px;margin:8px 0 14px}.meter{height:6px;background:#0007;border-radius:3px;overflow:hidden}.meter i{display:block;height:100%;width:100%;background:#7aefb5;transition:width .12s}.statusline{display:flex;justify-content:space-between;margin-top:9px;font-size:11px}footer{position:fixed;bottom:24px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.mission{font-size:12px;display:flex;gap:9px;align-items:center;text-shadow:0 1px 5px #000}.signal{width:6px;height:6px;background:#ffe476;transform:rotate(45deg)}.actions{display:flex;gap:8px}.actions button{position:relative;width:170px;height:56px;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden}.actions b{font-size:25px;color:#7aefd7}.actions span{font-size:12px}kbd{font:9px Arial;color:#a3b4bd}.actions i{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#7aefd7}.pad{display:none;position:fixed;left:16px;bottom:98px;grid-template-columns:repeat(3,43px);gap:4px}.pad button{height:43px;font-size:20px}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}#overlay{position:fixed;inset:0;background:#081012d9;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}#overlay[hidden]{display:none}h2{font-size:38px;margin:16px 0 6px}#message{max-width:360px;line-height:1.6;color:#c1ced1}#continue{padding:15px 25px;background:#ffe476;color:#252823;border:0;margin-top:20px;font-weight:bold}@media(pointer:coarse),(max-width:700px){.pad{display:grid}}@media(max-width:600px){header{top:18px;left:16px;right:16px}.brand{font-size:25px}.status{left:16px;top:105px;width:160px}h1{font-size:18px}footer{left:16px;right:16px;bottom:18px}.actions{width:100%}.actions button{width:50%;height:55px}.mission{position:absolute;bottom:65px;right:0;max-width:160px;font-size:10px;text-align:right}.actions kbd{display:none}h2{font-size:30px}}
