@font-face{font-family:BapingDisplay;src:url('art/ui-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none;background:#d7d0ff;overflow:hidden}body{display:grid;place-items:center;font-family:BapingDisplay,'PingFang SC',sans-serif}#game{position:relative;width:min(100vw,calc(100dvh * 390 / 844));height:min(100dvh,calc(100vw * 844 / 390));overflow:hidden;touch-action:none;box-shadow:0 0 70px #8571bc40}canvas{display:block;width:100%;height:100%;touch-action:none}#controls{position:absolute;inset:0;pointer-events:none}#controls button,#controls input{position:absolute;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:transparent;font-size:0;opacity:0;pointer-events:none}#controls button:focus-visible,#controls input:focus-visible{opacity:1;outline:3px solid #8b36ff;outline-offset:1px;background:#fff3}#controls button.keyboard{pointer-events:auto}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#eee8ff;color:#3b177c;font-size:20px;font-weight:900}dialog{border:3px solid #32135a;border-radius:20px;background:#fff9eb;color:#211039;max-width:340px;width:86%;padding:24px}dialog::backdrop{background:#170b3a88}dialog h2{margin:0 0 18px;font-size:22px}dialog input{width:100%;padding:12px;font:inherit;border:2px solid #906bd7;border-radius:10px}dialog footer{display:flex;gap:12px;margin-top:20px}dialog button{flex:1;font:inherit;padding:10px;background:#ffe526;border:2px solid #341558;border-radius:10px;font-weight:800}

dialog form{display:grid;gap:14px}dialog form input{box-sizing:border-box;width:100%;min-width:0}dialog form p{font-size:14px;line-height:1.6;margin:0}