:root{--bg:#15181b;--panel:#14171adb;--line:#ffffff1a;--text:#e9ebe7;--muted:#9aa19d;--t:#d9922e;--ct:#5b8fd6;--accent:#c9d36a;font-family:Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}.brand{letter-spacing:.08em;text-transform:uppercase;font-size:44px;font-weight:800;line-height:1}#loading{z-index:20;background:radial-gradient(at 50% 30%,#2a3036,#121417 70%);place-items:center;display:grid;position:fixed;inset:0}.load-box{text-align:center;width:min(360px,80vw)}.bar{background:var(--line);border-radius:2px;height:4px;margin:22px 0 10px;overflow:hidden}.bar i{background:var(--accent);width:0;height:100%;transition:width .15s;display:block}.load-text{color:var(--muted);font-size:13px}#menu{z-index:10;background:linear-gradient(90deg,#0a0c0ebf,#0a0c0e40);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;width:min(520px,100%);max-height:100%;padding:26px 26px 20px;overflow:auto}.head .sub{color:var(--muted);margin-top:8px;font-size:14px}.choose{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.side,.resume{appearance:none;border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;font:inherit;background:#ffffff0a;border-radius:4px;padding:14px 14px 12px;transition:background .12s,border-color .12s}.side b{letter-spacing:.02em;font-size:20px;display:block}.side span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.side.t{border-left:3px solid var(--t)}.side.ct{border-left:3px solid var(--ct)}.side:hover,.resume:hover{background:#ffffff17}.resume{text-align:center;width:100%;margin-top:10px;font-size:16px;font-weight:700}.settings{gap:12px;margin-top:20px;display:grid}.settings label{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:6px 10px;font-size:14px;display:grid}.settings input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1}.settings select{color:var(--text);border:1px solid var(--line);font:inherit;background:#23272b;border-radius:4px;padding:6px 8px}.settings output{color:var(--text);font-variant-numeric:tabular-nums}.keys{color:var(--muted);flex-wrap:wrap;gap:8px 14px;margin-top:18px;font-size:12px;display:flex}kbd{border:1px solid var(--line);color:var(--text);background:#2a2f34;border-bottom-width:2px;border-radius:3px;padding:1px 5px;font:11px inherit}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#cross{position:absolute;top:50%;left:50%}#cross i{background:#6cff6c;position:absolute;box-shadow:0 0 0 1px #00000073}#cross .l,#cross .r{width:7px;height:2px;top:-1px}#cross .t,#cross .b{width:2px;height:7px;left:-1px}#cross .l{left:-10px}#cross .r{left:3px}#cross .t{top:-10px}#cross .b{top:3px}#place{letter-spacing:.04em;color:#e7efe3;text-shadow:0 1px 2px #000c;text-transform:uppercase;font-size:13px;font-weight:700;position:absolute;top:16px;left:18px}#debug{color:#dfe;text-shadow:0 1px 2px #000;white-space:pre;font:12px ui-monospace,monospace;position:absolute;bottom:16px;left:18px}#rotate{text-align:center;pointer-events:auto;background:#0a0c0eeb;place-items:center;padding:20px;font-size:18px;display:none;position:absolute;inset:0}@media (orientation:portrait) and (pointer:coarse){#rotate{display:grid}}#touch{z-index:6;position:fixed;inset:0}#stick{pointer-events:none;background:#ffffff0d;border:2px solid #ffffff40;border-radius:50%;width:130px;height:130px;position:absolute;bottom:9vh;left:7vw;transform:translate(0)}#stick i{background:#ffffff59;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.tbtn{color:#fff;letter-spacing:.02em;background:#14161859;border:2px solid #ffffff4d;border-radius:50%;width:78px;height:78px;font:700 12px inherit;position:absolute}.tbtn.on{background:#c9d36a73}#t-jump{bottom:22vh;right:4vw}#t-duck{bottom:9vh;right:calc(4vw + 92px)}#t-pause{width:44px;height:44px;font-size:13px;top:44px;left:14px}@media (max-width:560px),(max-height:480px){.brand{font-size:32px}.panel{padding:18px}.choose{margin-top:14px}}.settings .check input{width:20px;height:20px;accent-color:var(--accent);justify-self:end}