*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{color:#fff;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#000;height:100%;margin:0;overflow:hidden}#stage{background:#000;position:fixed;inset:0;overflow:hidden}#fit{width:100%;height:100%;position:absolute;top:0;left:0}#game{width:100%;height:100%;image-rendering:pixelated;display:block}#crt{pointer-events:none;position:absolute;inset:0}#touch{z-index:2;touch-action:none;position:absolute;inset:0}#ui{z-index:3;pointer-events:none;position:absolute;inset:0}.t-btn{color:#ffffffe6;letter-spacing:.04em;background:#ffffff29;border:2px solid #ffffff80;border-radius:50%;place-items:center;font:700 15px/1 system-ui,-apple-system,sans-serif;display:grid;position:absolute}.t-btn[data-on="1"]{background:#ffffff6b}.t-btn canvas{width:32px;height:32px;image-rendering:pixelated}.t-jump canvas{width:48px;height:48px}.t-jump{width:88px;height:88px;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px))}.t-action{width:64px;height:64px;right:calc(128px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px))}.t-pause,.t-bag{width:56px;height:56px;top:calc(12px + env(safe-area-inset-top,0px));border-radius:14px;font-size:14px}.t-pause{right:calc(16px + env(safe-area-inset-right,0px))}.t-bag{right:calc(84px + env(safe-area-inset-right,0px))}.t-base,.t-knob{pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}.t-base{border:2px solid #ffffff73;width:80px;height:80px;margin:-40px 0 0 -40px}.t-knob{background:#ffffff73;width:36px;height:36px;margin:-18px 0 0 -18px}.rotate{z-index:10;color:#fff;text-align:center;pointer-events:auto;background:#000;place-items:center;padding:24px;font:700 22px/1.4 system-ui,-apple-system,sans-serif;display:grid;position:fixed;inset:0}.m0-info{left:max(8px, env(safe-area-inset-left,0px));top:max(8px, env(safe-area-inset-top,0px));white-space:pre-line;color:#fff;text-shadow:0 1px 2px #000;max-width:calc(100% - 16px);font:13px/1.45 ui-monospace,Menlo,Consolas,monospace;position:absolute}.m0-center{text-align:center;white-space:pre-line;color:#fff;text-shadow:0 2px 4px #000;padding:0 16px;font:700 20px/1.45 system-ui,-apple-system,sans-serif;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.toast{left:50%;top:max(8px, env(safe-area-inset-top,0px));color:#fff;text-align:center;pointer-events:auto;background:#000c;border-radius:8px;max-width:min(60%,420px);padding:6px 12px;font:600 14px/1.4 system-ui,-apple-system,sans-serif;position:absolute;transform:translate(-50%)}html.page-controllers,html.page-controllers body{touch-action:auto;-webkit-user-select:text;user-select:text;overscroll-behavior:auto;background:#10141c;height:auto;min-height:100%;overflow:auto}#page{max-width:760px;padding:16px max(16px, env(safe-area-inset-right,0px)) 32px max(16px, env(safe-area-inset-left,0px));color:#e8eef6;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}#page h1{margin:8px 0 12px;font-size:24px}#page h2{margin:20px 0 8px;font-size:18px}#page h3{margin:14px 0 6px;font-size:15px}#page a{color:#8fd0ff}.cp-empty{text-align:center;border:2px dashed #3a4658;border-radius:12px;padding:24px;font-size:18px}.cp-card{background:#1a2130;border:1px solid #2c3850;border-radius:12px;margin:12px 0;padding:12px}.cp-meta{color:#b8c4d6;overflow-wrap:anywhere;margin:2px 0;font-size:14px}.cp-notice{color:#ffd9a8;background:#4a2a12;border-radius:8px;margin:8px 0;padding:8px 10px}.cp-cells{grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0;display:grid}@media (width>=560px){.cp-cells{grid-template-columns:repeat(9,1fr)}}.cp-cell{text-align:center;background:#2a3448;border-radius:8px;place-items:center;min-height:44px;padding:2px;font-size:15px;font-weight:700;display:grid}.cp-cell[data-on="1"]{color:#1a1400;background:#ffd400}.cp-cell.absent{opacity:.35}.cp-sticks{flex-wrap:wrap;gap:16px;display:flex}.cp-cells,.cp-sticks{direction:ltr}.cp-stick{justify-items:center;gap:4px;font-size:13px;display:grid}.cp-pad{background:#0c1018;border:2px solid #3a4658;border-radius:50%;width:96px;height:96px;position:relative}.cp-dot{background:#4fb3ff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.cp-rumble{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp-rumble button{color:#061220;min-width:88px;min-height:44px;font:inherit;background:#4fb3ff;border:0;border-radius:8px;font-weight:700}.cp-rumble button:disabled{color:#8894a6;background:#3a4658}.cp-keys{background:#1a2130;border-radius:8px;min-height:44px;padding:8px;font-family:ui-monospace,Menlo,monospace}.cp-note{color:#b8c4d6;font-size:14px}.debug{color:#fff;z-index:20;pointer-events:auto;background:#000000e0;width:min(360px,100vw);max-height:calc(100vh - 32px);padding:8px;font:12px/1.4 system-ui,sans-serif;position:fixed;top:0;right:0;overflow:auto}.debug .row{grid-template-columns:1fr 96px 64px;align-items:center;gap:4px;display:grid}.debug .row.changed label{color:#ffd23f}#debug-toggle{z-index:21;opacity:.7;pointer-events:auto;font:10px system-ui;position:fixed;bottom:4px;right:4px}#tuned-badge{z-index:21;color:#fff;pointer-events:none;background:#c00;padding:2px 6px;font:700 11px system-ui;position:fixed;bottom:4px;left:4px}.debug input,.debug textarea{-webkit-user-select:text;user-select:text}.debug textarea{width:100%;height:8em;margin-top:4px}.debug .toolbar{align-items:center;gap:8px;margin:4px 0;display:flex}.debug summary{cursor:pointer;margin-top:6px;font-weight:700}
