*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#98adb8;color:#f3f6f6;font:12px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}#stage{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}canvas:focus-visible{outline:1px solid #b9c6c5;outline-offset:-3px}nav{position:fixed;right:22px;top:18px;display:flex;gap:5px;align-items:center}button,summary{font:inherit;color:inherit;border:0;background:#28353c66;padding:6px 12px;border-radius:20px;cursor:pointer;list-style:none}button:hover,summary:hover{background:#28353cb0}button:focus-visible,summary:focus-visible{outline:2px solid #d6dfdc}summary::-webkit-details-marker{display:none}details p{position:absolute;right:0;top:34px;width:284px;padding:18px;background:#26323aee;border-radius:12px;font-size:12px;line-height:2.2}#hint{position:fixed;bottom:14px;left:0;right:0;text-align:center;pointer-events:none;margin:0;color:#32434b;font-size:11px;letter-spacing:.04em}#loading{position:fixed;inset:45% 0 auto;text-align:center}#loading[hidden]{display:none}a{color:inherit}@media(max-width:600px){nav{right:12px;top:12px}#hint{bottom:18px;font-size:10px}}

.mode-link{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;background:#28353c66;color:inherit;text-decoration:none}.mode-link:hover{background:#28353cb0}.mode-link:focus-visible{outline:2px solid #d6dfdc}

/* Soft studio vignette */
#stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 48%,transparent 55%,rgba(36,52,60,.22) 100%)}
#loading{color:#32434b}