html,body{margin:0;height:100%;background:#2b1d33;overflow:hidden;touch-action:none;-webkit-tap-highlight-color:transparent}
canvas{display:block;width:100%;height:100%;image-rendering:pixelated}

*{box-sizing:border-box}body{font:15px system-ui;color:#fff5e5}header{position:fixed;top:0;left:0;right:0;padding:10px 14px;background:#271f38ed;display:flex;align-items:center;gap:10px;z-index:2}header b{letter-spacing:2px;color:#ffd79b}#status{font-size:13px;margin-right:auto}button{font:600 14px system-ui;min-height:44px;border:1px solid #b897a9;border-radius:9px;padding:10px 14px;background:#55415e;color:#fff6de;touch-action:none}button:active{background:#987388}#intro{position:fixed;top:90px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 28px));padding:26px;background:#30243df5;border:1px solid #b997ac;border-radius:22px;z-index:3}#intro h1{font:36px Georgia;margin:12px 0}#intro p{line-height:1.5}#intro small{font-size:10px;letter-spacing:2px;color:#ffd79b}#launch{background:#e7bc85;color:#30243d}footer{position:fixed;bottom:14px;right:14px}.credit{font-size:11px;color:#cfb5c8}@media(max-width:600px){header{flex-wrap:wrap;padding:8px;gap:6px}header b{font-size:12px}#status{order:4;width:100%;text-align:center}header button{font-size:12px;padding:8px}#intro{top:105px;padding:18px}#intro h1{font-size:30px}#intro p{font-size:13px}footer{bottom:12px}#power{min-height:50px}}