:root{color:#0b0b0d;background:#d7e6e8;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;background:#0b0b0d;-webkit-user-select:none;user-select:none;overscroll-behavior:none}.takoyaki-stage{width:100vw;height:100dvh;overflow:hidden;position:relative;isolation:isolate;touch-action:none;cursor:crosshair;background:#d7e6e8}.takoyaki-stage:before{content:"";position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;z-index:0;background:var(--stage-image) center / cover no-repeat;filter:blur(30px) saturate(.72) contrast(.92);opacity:.38;transform:scale(1.08);pointer-events:none}.takoyaki-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#d3e7ea00;pointer-events:none;transition:background .24s ease}.takoyaki-stage.is-calm:before{filter:blur(34px) saturate(.5) contrast(.86) brightness(.88);opacity:.5}.takoyaki-stage.is-calm:after{background:#d3e7ea33}.stage-background,.stage-sign-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none}.character-beat-wrapper,.character-hit-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.character-beat-wrapper{z-index:2;transform:translate3d(var(--character-beat-x, 0px),0,0) scale(var(--character-beat-scale, 1));transform-origin:50% 76%;will-change:transform}.character-hit-layer{transform-origin:50% 76%;will-change:transform}.stage-background{filter:saturate(.86) contrast(.96) brightness(.98)}.stage-sign-layer{z-index:1;filter:saturate(.82) contrast(.95) brightness(.98);transform:scale(var(--sign-beat-scale, 1));transform-origin:50% 52%;will-change:transform,opacity}.stage-sign-layer.is-entering{animation:sign-change-in .42s cubic-bezier(.2,.82,.24,1) both}.stage-sign-layer.is-exiting{animation:sign-change-out .44s cubic-bezier(.4,0,.25,1) both}@keyframes sign-change-in{0%{opacity:0;filter:saturate(.68) contrast(.92) brightness(1.03)}to{opacity:1;filter:saturate(.82) contrast(.95) brightness(.98)}}@keyframes sign-change-out{0%{opacity:1}to{opacity:0}}.takoyaki-character{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;filter:drop-shadow(0 22px 30px rgba(20,28,34,.16));will-change:filter}.takoyaki-stage.is-energy .stage-sign-layer{filter:saturate(.98) contrast(1.01)}.takoyaki-stage.is-calm .takoyaki-character{filter:saturate(.92) contrast(.97) drop-shadow(0 22px 30px rgba(20,28,34,.14))}.takoyaki-stage.is-hit .takoyaki-character{filter:saturate(1) contrast(1.01) drop-shadow(0 24px 34px rgba(165,45,56,.2))}.zone-guide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));border:2px solid rgba(11,11,13,.42);opacity:0;pointer-events:none;transition:opacity .16s ease}.zone-guide.is-visible{opacity:1}.takoyaki-stage.is-calm .zone-guide{border-color:#1d2f3729}.takoyaki-stage.is-calm .zone-cell{border-color:#1d2f3729;background:#d7e6e805;color:#24333b;text-shadow:none}.zone-cell{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-width:0;padding:clamp(7px,1.1vw,16px);border-right:1px solid rgba(11,11,13,.42);border-bottom:1px solid rgba(11,11,13,.42);color:#0b0b0d;background:#d7e6e80b;text-shadow:0 1px 0 rgba(255,255,255,.75);transition:background .1s ease,box-shadow .1s ease}.zone-cell:nth-child(4n){border-right:0}.zone-cell:nth-child(n+9){align-items:flex-start;border-bottom:0}.zone-cell span,.zone-cell strong{padding:4px 6px;background:#d7e6e8f0;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.takoyaki-stage.is-calm .zone-cell span,.takoyaki-stage.is-calm .zone-cell strong{background:#e1eff1b8}.takoyaki-stage.is-calm .zone-cell span{opacity:.62}.takoyaki-stage.is-calm .zone-cell strong{opacity:0}.zone-cell span{font-size:clamp(9px,.9vw,13px);font-weight:900;letter-spacing:.12em}.zone-cell strong{overflow:hidden;font-size:clamp(8px,.75vw,11px);font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.takoyaki-stage.is-hit[data-zone="0"] .zone-cell:nth-child(1),.takoyaki-stage.is-hit[data-zone="1"] .zone-cell:nth-child(2),.takoyaki-stage.is-hit[data-zone="2"] .zone-cell:nth-child(3),.takoyaki-stage.is-hit[data-zone="3"] .zone-cell:nth-child(4),.takoyaki-stage.is-hit[data-zone="4"] .zone-cell:nth-child(5),.takoyaki-stage.is-hit[data-zone="5"] .zone-cell:nth-child(6),.takoyaki-stage.is-hit[data-zone="6"] .zone-cell:nth-child(7),.takoyaki-stage.is-hit[data-zone="7"] .zone-cell:nth-child(8),.takoyaki-stage.is-hit[data-zone="8"] .zone-cell:nth-child(9),.takoyaki-stage.is-hit[data-zone="9"] .zone-cell:nth-child(10),.takoyaki-stage.is-hit[data-zone="10"] .zone-cell:nth-child(11),.takoyaki-stage.is-hit[data-zone="11"] .zone-cell:nth-child(12){background:#db151f2e;box-shadow:inset 0 0 0 3px #db151feb}.takoyaki-stage.is-calm.is-hit[data-zone] .zone-cell span,.takoyaki-stage.is-calm.is-hit[data-zone] .zone-cell strong{opacity:.88}.takoyaki-stage.is-calm.is-hit[data-zone="0"] .zone-cell:nth-child(1),.takoyaki-stage.is-calm.is-hit[data-zone="1"] .zone-cell:nth-child(2),.takoyaki-stage.is-calm.is-hit[data-zone="2"] .zone-cell:nth-child(3),.takoyaki-stage.is-calm.is-hit[data-zone="3"] .zone-cell:nth-child(4),.takoyaki-stage.is-calm.is-hit[data-zone="4"] .zone-cell:nth-child(5),.takoyaki-stage.is-calm.is-hit[data-zone="5"] .zone-cell:nth-child(6),.takoyaki-stage.is-calm.is-hit[data-zone="6"] .zone-cell:nth-child(7),.takoyaki-stage.is-calm.is-hit[data-zone="7"] .zone-cell:nth-child(8),.takoyaki-stage.is-calm.is-hit[data-zone="8"] .zone-cell:nth-child(9),.takoyaki-stage.is-calm.is-hit[data-zone="9"] .zone-cell:nth-child(10),.takoyaki-stage.is-calm.is-hit[data-zone="10"] .zone-cell:nth-child(11),.takoyaki-stage.is-calm.is-hit[data-zone="11"] .zone-cell:nth-child(12){background:#a52d381a;box-shadow:inset 0 0 0 2px #a52d3880}.start-gate{position:absolute;left:50%;top:50%;z-index:8;display:grid;grid-template-columns:34px auto;align-items:center;column-gap:12px;min-width:min(390px,calc(100vw - 36px));padding:18px 22px 16px;border:2px solid #0b0b0d;color:#0b0b0d;background:#d7e6e8f5;box-shadow:10px 10px #cc101ae6;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;text-align:left;cursor:pointer;transform:translate(-50%,-50%) rotate(-1deg);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.takoyaki-stage.is-calm .start-gate{border-color:#24333b;color:#24333b;background:#e5f1f3f7;box-shadow:8px 8px #a52d3875}.start-gate:hover{color:#cc101a;transform:translate(-50%,calc(-50% - 3px)) rotate(-1deg)}.start-gate:focus-visible{outline:4px solid #ffffff;outline-offset:4px}.start-gate:disabled{cursor:wait;opacity:.82}.start-gate svg{grid-column:1;grid-row:1 / 3;width:34px;height:34px}.start-gate strong{grid-column:2;font:italic 900 clamp(24px,4vw,38px)/.95 Impact,Haettenschweiler,sans-serif;letter-spacing:.015em}.start-gate span{grid-column:2;margin-top:6px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.control-dock{position:absolute;z-index:6;top:16px;left:50%;display:grid;grid-template-columns:auto auto;align-items:center;gap:5px 12px;min-width:min(570px,calc(100vw - 300px));padding:8px 9px 9px 12px;border:1px solid rgba(11,11,13,.34);color:#0b0b0d;background:#d7e6e8e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.takoyaki-stage.is-calm .control-dock{border-color:#24333b33;color:#24333b;background:#e5f1f3d1}.control-kicker{grid-column:1 / -1;font-size:9px;font-weight:900;letter-spacing:.18em;opacity:.64}.pack-switch{display:flex;align-items:center;gap:3px}.pack-switch button,.mode-toggle{min-height:31px;padding:7px 10px 6px;border:1px solid transparent;color:inherit;background:transparent;font:900 10px/1 Arial Narrow,Arial,sans-serif;letter-spacing:.09em;cursor:pointer}.pack-switch button:hover,.pack-switch button:focus-visible,.pack-switch button.is-selected,.mode-toggle:hover,.mode-toggle:focus-visible{border-color:#0b0b0d9e;background:#ffffff8f}.pack-switch button.is-selected{color:#fff;background:#a52d38;border-color:#a52d38}.mode-toggle{min-width:104px;border-left-color:#0b0b0d3d}.mode-toggle strong{color:#a52d38}.pack-switch button:focus-visible,.mode-toggle:focus-visible{outline:3px solid #a52d38;outline-offset:2px}.audio-toggles{position:absolute;z-index:6;top:clamp(18px,3.2vh,42px);right:14px;display:grid;width:150px;gap:6px}.audio-channel{overflow:hidden;background:#d7e6e8f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.sound-toggle{position:relative;display:grid;grid-template-columns:auto 22px;grid-template-rows:auto auto;align-items:center;column-gap:7px;width:100%;min-width:0;padding:7px 8px 5px 12px;border:0;background:transparent;color:#0b0b0d;font:900 13px/1 Arial Narrow,Arial,sans-serif;letter-spacing:.04em;text-align:right;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:transform .12s ease,color .12s ease}.sound-toggle>*{opacity:1;transition:opacity .12s ease}.audio-toggles .sound-toggle,.sound-toggle:hover,.sound-toggle:focus-visible,.sound-toggle.is-muted{background:transparent}.sound-toggle:hover>*,.sound-toggle:focus-visible>*,.sound-toggle.is-muted>*{opacity:1}.sound-toggle svg{grid-column:2;grid-row:1;width:22px;height:22px}.sound-toggle span{grid-column:1;grid-row:1}.sound-toggle strong{grid-column:1 / 3;grid-row:2;color:#cc101a;font-size:11px;letter-spacing:.14em}.sound-toggle:hover,.sound-toggle:focus-visible{transform:translateY(-2px) rotate(-1deg)}.sound-toggle:focus-visible{outline:3px solid #cc101a;outline-offset:3px}.sound-toggle.is-muted{color:#cc101a}.volume-control{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:7px;padding:0 9px 8px 11px}.volume-control input{width:100%;min-width:0;margin:0;accent-color:#a52d38;cursor:ew-resize}.volume-control output{color:#0b0b0db8;font-size:9px;font-weight:900;letter-spacing:.04em;text-align:right}.guide-toggle{position:absolute;right:18px;bottom:18px;z-index:6;min-width:110px;min-height:42px;padding:9px 11px 8px;border:1px solid rgba(11,11,13,.8);color:#0b0b0d;background:#d7e6e8f0;font:900 11px/1 Arial Narrow,Arial,sans-serif;letter-spacing:.1em;cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.guide-toggle strong{color:#cc101a}.guide-toggle:focus-visible{outline:3px solid #cc101a;outline-offset:3px}.input-readout{position:absolute;z-index:5;left:clamp(18px,3vw,46px);bottom:clamp(16px,2.6vh,34px);padding-left:34px;color:#0b0b0db3;font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.input-readout:before{content:"";position:absolute;left:0;top:50%;width:24px;height:3px;background:#cc101a;transform:translateY(-50%) skew(-30deg)}.mobile-wordmark,.mobile-instruction{display:none}.quick-audio{position:absolute;z-index:7;top:18px;left:18px;display:flex;gap:8px;transform:scale(var(--ui-beat-scale, 1));transform-origin:left center;will-change:transform}.quick-audio-button,.settings-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid rgba(36,51,59,.46);color:#24333b;background:#e8f2f4e0;box-shadow:0 10px 30px #1b2a3114;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font:900 11px/1 Arial Narrow,Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.quick-audio-button svg,.settings-launch svg{width:20px;height:20px}.quick-audio-button.is-muted{color:#a52d38;border-color:#a52d386b;background:#f3e8e9e6}.quick-audio-button:focus-visible,.settings-launch:focus-visible,.settings-panel button:focus-visible,.settings-panel input:focus-visible{outline:3px solid #a52d38;outline-offset:3px}.settings-launch{position:absolute;z-index:10;top:18px;right:18px;transform:scale(var(--ui-beat-scale, 1));transform-origin:right center;will-change:transform}.settings-launch.is-open{opacity:0;pointer-events:none}.settings-panel{position:absolute;z-index:9;top:12px;right:12px;width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid rgba(36,51,59,.34);color:#24333b;background:#ebf4f5f5;box-shadow:0 24px 70px #15222838;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);opacity:0;pointer-events:none;transform:translate3d(26px,0,0) scale(.98);transform-origin:top right;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.82,.24,1)}.settings-panel.is-open{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1)}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 2px 16px;border-bottom:1px solid rgba(36,51,59,.18)}.settings-header span,.settings-section-title{display:block;font-size:9px;font-weight:900;letter-spacing:.2em;opacity:.6}.settings-header h2{margin:5px 0 0;font:italic 900 28px/.92 Impact,Haettenschweiler,sans-serif;letter-spacing:.04em}.settings-header button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(36,51,59,.3);color:inherit;background:#ffffff8f;cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.settings-section{display:grid;gap:8px;padding-top:18px}.settings-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.settings-pack-grid button,.setting-switch-row{border:1px solid rgba(36,51,59,.26);color:inherit;background:#ffffff80;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.settings-pack-grid button{display:grid;gap:5px;min-height:58px;padding:10px 11px;text-align:left}.settings-pack-grid button strong{font:900 12px/1 Arial Narrow,Arial,sans-serif;letter-spacing:.08em}.settings-pack-grid button span{font-size:9px;font-weight:800;letter-spacing:.09em;opacity:.58}.settings-pack-grid button.is-selected,.setting-switch-row.is-selected{border-color:#a52d38;background:#a52d381a;box-shadow:inset 0 0 0 1px #a52d3838}.setting-switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:66px;padding:11px 12px 10px 14px;text-align:left}.setting-switch-row>span{display:grid;gap:5px}.setting-switch-row strong{font-size:12px;letter-spacing:.08em}.setting-switch-row small{font-size:10px;line-height:1.25;opacity:.64}.setting-switch-row i{flex:0 0 auto;display:flex;align-items:center;width:48px;height:28px;padding:4px;background:#24333b2e;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.setting-switch-row i b{width:20px;height:20px;background:#fff;box-shadow:0 1px 4px #24333b33;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);transform:translate(0);transition:transform .16s ease}.setting-switch-row.is-selected i{background:#a52d38}.setting-switch-row.is-selected i b{transform:translate(20px)}.settings-volume{display:grid;gap:9px;padding:10px 12px 12px;border:1px solid rgba(36,51,59,.18);background:#ffffff6b}.settings-volume>span{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em}.settings-volume output{font-weight:900;opacity:.62}.settings-volume input{width:100%;accent-color:#a52d38}.settings-status{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:12px;border-top:1px solid rgba(36,51,59,.18);font-size:9px;font-weight:900;letter-spacing:.12em;opacity:.68}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-aspect-ratio:3 / 2){.audio-toggles{right:18px}.sound-toggle{min-width:112px;background:#d7e6e8f0}.sound-toggle>*{opacity:1}}@media(max-width:760px){.control-dock{top:76px;left:12px;right:12px;width:auto;min-width:0;grid-template-columns:minmax(0,1fr) auto;padding:7px 8px 8px 10px;transform:none}.pack-switch{min-width:0;overflow-x:auto;scrollbar-width:none}.pack-switch::-webkit-scrollbar{display:none}.pack-switch button,.mode-toggle{flex:0 0 auto;min-height:34px;padding-inline:9px;font-size:9px}.mode-toggle{min-width:88px}}@media(max-aspect-ratio:4 / 5){.stage-background,.stage-sign-layer,.takoyaki-character{object-position:50% 50%}.mobile-wordmark{display:block;position:absolute;z-index:5;top:82px;left:20px;max-width:52vw;color:#111114;font:italic 900 clamp(27px,10vw,44px)/.88 Impact,Haettenschweiler,sans-serif;letter-spacing:-.045em;text-shadow:3px 3px 0 #d91821;transform:rotate(-4deg)}.audio-toggles{top:152px;right:14px}.sound-toggle{min-width:112px;padding:6px 7px 5px 9px;font-size:11px;background:#d7e6e8f0}.sound-toggle>*{opacity:1}.mobile-instruction{display:block;position:absolute;z-index:6;left:0;bottom:0;width:100%;max-width:none;padding:19px 12px 16px;color:#fff;background:#0b0b0de6;font-size:clamp(9px,2.8vw,12px);font-weight:800;letter-spacing:.22em;text-align:center;transform:none}.input-readout{left:18px;bottom:64px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.zone-cell{align-items:flex-start;padding:6px}.zone-cell strong{display:none}.guide-toggle{right:14px;bottom:62px;min-width:94px;min-height:44px;padding:8px 9px 7px;font-size:10px}.start-gate{grid-template-columns:28px auto;column-gap:10px;padding:15px 16px 14px;box-shadow:7px 7px #cc101ae6}.start-gate svg{width:28px;height:28px}.start-gate strong{font-size:clamp(23px,8.4vw,34px)}.start-gate span{font-size:9px}}@media(max-width:520px){.quick-audio,.settings-launch{top:12px}.quick-audio{left:12px;gap:6px}.settings-launch{right:12px}.quick-audio-button,.settings-launch{min-width:44px;padding-inline:10px}.quick-audio-button span,.settings-launch span{display:none}.settings-panel{top:8px;right:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.settings-pack-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.sound-toggle{transition:none}.stage-sign-layer,.character-beat-wrapper,.character-hit-layer,.quick-audio,.settings-launch,.settings-panel{transform:none;transition:none}.stage-sign-layer{animation:none}}