html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#111418;height:100dvh;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif;overflow:hidden}html.touch,html.touch body{position:fixed;inset:0}canvas{touch-action:none;display:block}#hud{color:#fff;pointer-events:none;background:#00000073;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex;position:fixed;top:12px;left:12px}#shot{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#00000073;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex;position:fixed;top:12px;right:12px}#shot .lamp{background:#5b6470;border-radius:50%;width:10px;height:10px}#shot.active .lamp{background:#ff6fd0;box-shadow:0 0 8px #ff6fd0}#hud-dot{background:#9aa3ad;border-radius:50%;width:10px;height:10px}#overlay{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#00000059;place-items:center;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}.panel{text-align:center;background:#00000073;border-radius:12px;min-width:240px;padding:24px 32px}.panel h1{margin:0 0 8px;font-size:22px}.panel .lead{opacity:.8;max-width:320px;margin:0 auto 8px;font-size:13px;line-height:1.6}#crosshair{pointer-events:none;background:#fffc;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #0006}#crosshair[hidden]{display:none}#info{color:#fff;pointer-events:none;opacity:0;background:#0a0c109e;border-radius:10px;width:min(620px,100% - 32px);padding:12px 18px;transition:opacity .2s,transform .2s;position:fixed;bottom:32px;left:50%;transform:translate(-50%,8px)}#info .pin{color:var(--accent,#7fd1ff);letter-spacing:.02em;margin-bottom:.4rem;font-size:.75rem;display:none}#info.pinned{opacity:1;border-left:.25rem solid var(--accent,#7fd1ff)}#info.pinned .pin{display:block}#info.visible{opacity:1;transform:translate(-50%)}#info .title{font-size:16px;font-weight:600}#info .sub{opacity:.6;font-size:12px}#info .sub:empty{display:none}#info .desc{opacity:.85;margin-top:4px;font-size:13px;line-height:1.6}#info .refs{border-top:1px solid #ffffff26;margin-top:8px;padding-top:6px;font-size:12px;line-height:1.5;display:none}#info.has-refs .refs{display:block}#info .refs span{opacity:.55}#info .refs ol{opacity:.8;margin:2px 0 0;padding-left:1.4em}.panel ul{text-align:left;margin:16px 0 0;padding:0;font-size:14px;line-height:2;list-style:none}.panel li span{min-width:140px;display:inline-block}kbd{text-align:center;border:1px solid #ffffff80;border-radius:4px;min-width:1.4em;margin-right:3px;padding:0 5px;font-family:inherit;font-size:12px;line-height:1.6;display:inline-block}.touch-help,.touch-note,#touch{display:none}html.touch.playing #touch{display:block}#stick{left:96px;top:calc(100% - 88px - env(safe-area-inset-bottom));opacity:.5;pointer-events:none;background:#0003;border:1px solid #ffffff40;border-radius:50%;width:132px;height:132px;position:fixed;transform:translate(-50%,-50%)}#stick.active{left:var(--x);top:var(--y);opacity:1}#stick .knob{background:#ffffff4d;border:1px solid #ffffff80;border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch button{color:#fff;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0e121880;border:1px solid #ffffff59;border-radius:50%;position:fixed}#btn-jump{right:calc(24px + env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom));width:92px;height:92px;font-size:15px}#btn-pin{right:calc(128px + env(safe-area-inset-right));bottom:calc(52px + env(safe-area-inset-bottom));width:68px;height:68px;font-size:13px}#btn-pause{right:calc(12px + env(safe-area-inset-right));top:calc(54px + env(safe-area-inset-top));border-radius:999px;padding:6px 12px;font-size:12px}html.touch .keys-help,html.touch .keys-note{display:none}html.touch .touch-help{display:block}html.touch .touch-note{display:inline}html.touch #crosshair{display:none}html.touch #hud,html.touch #shot{left:calc(10px + env(safe-area-inset-left));max-width:calc(100vw - 130px);font-size:12px;right:auto}html.touch #hud{top:calc(10px + env(safe-area-inset-top))}html.touch #shot{top:calc(46px + env(safe-area-inset-top))}html.touch #hud-text,html.touch #shot-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html.touch #info{bottom:calc(150px + env(safe-area-inset-bottom));box-sizing:border-box;width:calc(100% - 20px);max-height:38dvh;padding:10px 14px;overflow-y:auto}html.touch #info .desc{font-size:13px}html.touch #info .refs ol{pointer-events:auto}html.touch #info .refs li{cursor:pointer;padding:3px 0}html.touch .panel{max-height:92dvh;padding:18px 20px;overflow-y:auto}html.touch .panel h1{font-size:19px}html.touch .panel ul{line-height:1.8}html.touch .panel li span{min-width:5em}