:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;background:#171a1b;color:#eee}
*{box-sizing:border-box}body{margin:0}main{max-width:1024px;margin:0 auto;padding:24px 28px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}a{color:#c7d8ac;text-decoration:none}a:hover{text-decoration:underline}.back{font-size:13px;color:#b1b8b6}h1{font-size:25px;letter-spacing:.02em;margin:10px 0 0;font-weight:650}h1 span{font-size:12px;vertical-align:middle;border:1px solid #56604e;border-radius:5px;padding:4px 7px;margin-left:9px;color:#c7d8ac}.tools{display:flex;gap:8px}button{border:1px solid #484e4c;background:#232827;color:#f0f0ec;border-radius:7px;font:inherit;font-size:13px;padding:9px 14px;cursor:pointer}button:hover{background:#343c37}button:focus-visible,a:focus-visible{outline:2px solid #c7d8ac;outline-offset:4px}
#stage{position:relative;background:#fff;aspect-ratio:712/490;box-shadow:0 14px 50px #0004;border-radius:4px;overflow:hidden}#game,ruffle-player{display:block;width:100%;height:100%}#status{position:absolute;inset:0;display:grid;place-content:center;margin:0;background:#252c27;color:#f3f3ee;padding:28px;text-align:center;pointer-events:none}#status[hidden]{display:none}#stage:fullscreen{width:100vw;height:100vh;border-radius:0;aspect-ratio:auto;background:#111}.instructions{font-size:13px;line-height:1.8;color:#bac0bc;margin-top:20px}.instructions p{margin:6px 0}kbd{font-family:inherit;font-size:12px;border:1px solid #515751;border-radius:3px;padding:1px 5px;color:#eee}.quiet{color:#858e87;font-size:12px}
@media(max-width:600px){main{padding:16px 12px}header{align-items:flex-end;gap:8px}h1{font-size:20px}.tools{gap:5px}button{padding:8px;font-size:12px}.instructions{font-size:12px}}