@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
.objective{position:absolute;top:0;right:0;width:min(270px,43vw);font-size:8px;color:#b8d9e9}.objective b{color:#ffe776;font-size:9px;line-height:1.7}
*{box-sizing:border-box}html,body{margin:0;background:#0d1020;color:#fff;height:100%;font-family:'Press Start 2P',monospace;overflow:hidden}#app{height:100%;display:grid;place-items:center;background:radial-gradient(#31255c,#0d1020 70%)}canvas{width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,calc(100vw * 9 / 16));image-rendering:pixelated;background:#090b17;box-shadow:0 0 60px #000}#hud{position:fixed;top:12px;left:12px;right:12px;pointer-events:none;font-size:10px;text-shadow:2px 2px #000}.box{background:#151831e8;border:3px solid #fff;outline:3px solid #513b88;padding:11px;line-height:1.7}.message{position:fixed;left:5%;right:5%;bottom:8%;min-height:78px}.stats{display:flex;gap:18px}.danger{color:#ff8798}#start{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;background:#090817;isolation:isolate;overflow:hidden;z-index:3;padding:24px}#start img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:-1;image-rendering:pixelated}.logo{font-size:clamp(26px,6vw,64px);line-height:1.05;color:#ffe776;text-shadow:5px 5px #742d65,9px 9px #101130}.logo em{font-style:normal;color:#e9c7ff;font-size:.62em}#start p{font-size:12px;max-width:530px;line-height:1.8}button{font:inherit;color:#fff;background:#44336f;border:3px solid #d9ceff;padding:15px;cursor:pointer;box-shadow:4px 4px #17142e}button:hover,button:active{background:#7654a5;transform:translate(2px,2px);box-shadow:2px 2px #17142e}small{margin-top:24px;font-size:8px;line-height:2;color:#bdb6d9}#touch{display:none;position:fixed;inset:auto 12px 12px;justify-content:space-between;align-items:end;pointer-events:none}.pad{display:grid;grid-template-columns:repeat(3,46px);gap:3px}.pad button:nth-child(1){grid-column:2}.pad button:nth-child(2){grid-column:1;grid-row:2}.pad button:nth-child(3){grid-column:2;grid-row:2}.pad button:nth-child(4){grid-column:3;grid-row:2}.actions{display:flex;gap:12px}.actions button{border-radius:50%;width:60px;height:60px;padding:0;background:#8d3965;font-size:16px}#touch button{pointer-events:auto;touch-action:none}@media (pointer:coarse){#touch{display:flex}}@media(max-height:500px){#touch{transform:scale(.8);transform-origin:bottom}}