html,body{margin:0;height:100%;overflow:hidden;background:#111;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;-webkit-user-select:none;user-select:none}canvas{display:block;touch-action:none;outline:none}#hud{position:fixed;left:14px;top:14px;color:#222;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 14px;border-radius:12px;font-size:12.5px;line-height:1.55;max-width:290px;pointer-events:none;box-shadow:0 2px 12px #00000014}#hud .t{font-weight:700;font-size:13.5px;margin-bottom:2px}#hud .s{color:#666}#active{margin-top:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.08);color:#333;font-weight:600}#toast{position:fixed;left:50%;bottom:36px;transform:translate(-50%,16px);background:#121212db;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;max-width:calc(100vw - 32px);width:max-content;text-align:center;box-sizing:border-box}#toast.show{opacity:1;transform:translate(-50%)}#dot{position:fixed;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#00000047;pointer-events:none;transition:transform .12s,background .12s}#dot.near{transform:scale(2.2);background:#ff50508c}#joy{position:fixed;left:26px;bottom:26px;width:120px;height:120px;border-radius:50%;background:#ffffff59;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;touch-action:none}#knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:#ffffffe6;box-shadow:0 2px 8px #0000002e}#credits{position:fixed;right:12px;bottom:10px;font-size:11px;color:#0006;text-decoration:none}#credits:hover{color:#000000b3}@media (pointer:coarse){#joy{display:block}.kb{display:none}}@media (pointer:fine){.tc{display:none}}
