:root{color:#26211d;font-synthesis:none;text-rendering:optimizelegibility;--cream:#f7f0e5;--paper:#fffaf2;--ink:#26211d;--muted:#766d64;--coral:#f06755;--danger:#bd3733;background:#d9cdbc;font-family:Inter,ui-rounded,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:radial-gradient(circle at 50% 0,#f3eadc 0,#0000 55%),#d7cbbb;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.game-shell{background:var(--cream);touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:84px minmax(0,1fr) 136px;width:min(100%,520px);height:100svh;min-height:640px;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 0 54px #2d221929}.hud{z-index:5;padding:max(10px, env(safe-area-inset-top)) 12px 8px;border-bottom:2px solid var(--ink);background:#f7f0e5f0;grid-template-columns:minmax(104px,1fr) auto auto;align-items:center;gap:10px;display:grid}.title-lockup{width:clamp(112px,31vw,142px);overflow:hidden}.title-lockup img{mix-blend-mode:darken;width:100%;height:auto;display:block}.score-card{border-left:1px solid #26211d2e;min-width:88px;padding-left:12px;line-height:1;display:grid}.score-card>span{color:var(--coral);letter-spacing:.14em;font-size:9px;font-weight:950}.score-card>strong{font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin-top:3px;font-size:26px;font-weight:950}.score-card>strong small{letter-spacing:0;margin-left:2px;font-size:12px}.score-card>em{color:var(--muted);margin-top:4px;font-size:9px;font-style:normal;font-weight:850}.hud-actions{align-items:center;gap:6px;display:flex}.volume-control{position:relative}.round-button,.op-button,.restart-button,.result-card button{border:2px solid var(--ink);color:var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);cursor:pointer}.round-button{border-radius:50%;width:34px;height:34px;padding:0;font-weight:950}.volume-panel{z-index:30;border:2px solid var(--ink);background:var(--paper);width:176px;box-shadow:4px 4px 0 var(--ink);border-radius:12px;padding:11px 12px 13px;position:absolute;top:calc(100% + 10px);right:-44px}.volume-panel[hidden]{display:none}.volume-panel:before{border-top:2px solid var(--ink);border-left:2px solid var(--ink);background:var(--paper);content:"";width:11px;height:11px;position:absolute;top:-7px;right:53px;rotate:45deg}.volume-panel label{letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:9px;font-weight:950;display:flex}.volume-panel output{color:var(--coral);font-variant-numeric:tabular-nums;letter-spacing:0}.volume-panel input,.opening-audio-control input{width:100%;height:18px;accent-color:var(--coral);cursor:pointer;touch-action:manipulation;margin:0}.op-button{letter-spacing:.04em;border-radius:8px;width:30px;height:30px;padding:0;font-size:8px;font-weight:950}.restart-button{white-space:nowrap;border-radius:9px;min-height:34px;padding:0 9px;font-size:10px;font-weight:900}.round-button:active,.op-button:active,.restart-button:active,.result-card button:active{box-shadow:1px 1px 0 var(--ink);translate:1px 1px}.stage{touch-action:none;min-height:0;position:relative;overflow:hidden}#game-canvas{touch-action:none;width:100%;height:100%;display:block}.band-chip{z-index:4;border:2px solid var(--coral);color:#9f372f;white-space:nowrap;background:#fffaf2eb;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:950;position:absolute;top:14px;left:50%;translate:-50%;box-shadow:2px 3px #26211d24}.band-chip--full{border-color:var(--danger);color:#fff;background:var(--danger)}.condition-chip{z-index:4;color:var(--muted);white-space:nowrap;background:#fffaf2e0;border:1.5px solid #26211d73;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:950;transition:border-color .2s,color .2s,background .2s;position:absolute;top:13px;left:12px}.condition-chip--steady{color:#31543d;background:#eff9f0eb;border-color:#527c61}.condition-chip--wobbly{border-color:var(--coral);color:#943a30;background:#ffeee8f0}.condition-chip--rush{border-color:var(--danger);color:#fff;background:var(--danger);animation:.8s ease-in-out infinite alternate rush-pulse}.goal-chip{z-index:4;border:1.5px solid var(--coral);color:#993b31;letter-spacing:.04em;white-space:nowrap;background:#fff6f0eb;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:950;position:absolute;top:13px;right:12px}.instruction{z-index:3;width:max-content;color:var(--ink);pointer-events:none;place-items:center;animation:1.35s ease-in-out infinite instruction-float;display:grid;position:absolute;bottom:44px;left:50%;translate:-50%}.instruction[hidden]{display:none}.instruction-hand{filter:grayscale();font-size:28px}.instruction strong{margin-top:3px;font-size:15px;font-weight:950}.instruction small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:800}.tray{z-index:6;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:2px solid var(--ink);background:#eee2d2;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;display:grid}.tray-label{gap:5px;display:grid}.tray-label span{letter-spacing:.08em;font-size:11px;font-weight:950}.tray-label small{color:var(--muted);font-size:9px;font-weight:800;line-height:1.25}.tray-slots{grid-template-columns:repeat(3,1fr);gap:7px;min-width:0;display:grid}.tray-slot{border:2px solid var(--ink);background:var(--paper);min-width:0;height:105px;box-shadow:2px 3px 0 var(--ink);touch-action:none;border-radius:15px;grid-template-rows:1fr auto;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.tray-slot[data-disabled=true]{opacity:.48;filter:grayscale(.7)}.tray-drag-button{width:100%;min-width:0;height:100%;color:var(--ink);cursor:grab;touch-action:none;background:0 0;border:0;grid-template-rows:1fr auto;place-items:center;padding:4px 3px 6px;display:grid}.tray-drag-button:disabled{cursor:wait}.tray-drag-button:not(:disabled):active{cursor:grabbing}.slot-character{pointer-events:none;background-repeat:no-repeat;background-size:300% 200%;width:70px;height:70px;transition:rotate .18s}.tray-slot--do{background:#f4fbf7;border-color:#286b59;box-shadow:2px 3px #286b59}.tray-slot--do .slot-character{transform:scale(.96)}.tray-drag-button strong{font-size:10px;font-weight:950;line-height:1}.slot-rotate{z-index:2;color:#8a443a;cursor:pointer;touch-action:none;background:#f8dfd8;border:1px solid #8a443a47;border-radius:999px;min-width:34px;min-height:25px;padding:3px 5px;font-size:8px;font-weight:950;position:absolute;top:5px;right:5px}.slot-rotate:active{scale:.94}.slot-rotate:disabled{cursor:wait}.slot-rare{z-index:2;color:#fff;letter-spacing:.04em;background:#286b59;border-radius:999px;padding:2px 4px;font-size:8px;font-weight:950;position:absolute;top:5px;left:5px}.slot-stability{z-index:2;color:#685f57;background:#eee8df;border-radius:999px;padding:2px 4px;font-size:7px;font-weight:950;position:absolute;bottom:18px;left:5px}.tray-slot--steady .slot-stability{color:#fff;background:#527c61}.tray-slot--risky .slot-stability{color:#fff;background:var(--coral)}.result-overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26211d70;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.result-overlay[hidden]{display:none}.result-card{border:3px solid var(--ink);width:min(100%,330px);color:var(--ink);background:var(--paper);box-shadow:8px 9px 0 var(--ink);text-align:center;border-radius:25px;padding:27px 24px 24px;transform:rotate(-1deg)}.result-kicker{color:var(--coral);letter-spacing:.18em;font-size:10px;font-weight:950}.result-card h1{margin:7px 0 20px;font-size:32px;line-height:1}.result-card p{color:var(--muted);margin:0;font-size:12px;font-weight:800}.result-card>strong{color:var(--coral);letter-spacing:-.07em;margin-top:4px;font-size:62px;font-weight:950;line-height:1;display:block}.result-card>strong small{letter-spacing:0;margin-left:4px;font-size:18px}.result-card>span:not(.result-kicker){margin-top:8px;font-size:12px;font-weight:900;display:block}.result-card button{color:#fff;background:var(--coral);border-radius:12px;width:100%;margin-top:23px;padding:13px 18px;font-size:15px;font-weight:950}.goal-choice-overlay{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e0f0e7a;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.goal-choice-overlay[hidden]{display:none}.goal-choice-card{border:3px solid var(--ink);width:min(100%,350px);color:var(--ink);background:var(--paper);box-shadow:8px 9px 0 var(--ink);text-align:center;border-radius:28px;padding:38px 25px 24px;position:relative;overflow:hidden}.goal-choice-card:before{content:"";border:28px solid #f0675524;border-radius:50%;width:240px;height:240px;position:absolute;top:-150px;left:-122px}.goal-choice-mark{border:2px solid var(--ink);background:#8fd3c1;border-radius:50%;place-items:center;width:36px;height:36px;font-size:19px;font-weight:1000;display:grid;position:absolute;top:18px;right:20px;transform:rotate(-6deg)}.goal-choice-kicker{color:var(--coral);letter-spacing:.22em;font-size:10px;font-weight:1000;display:block}.goal-choice-card h1{letter-spacing:-.05em;margin:8px 0 0;font-size:30px;font-weight:1000}.goal-choice-score{letter-spacing:-.08em;margin-top:5px;font-size:72px;font-weight:1000;line-height:.9;display:block}.goal-choice-score small{letter-spacing:0;margin-left:5px;font-size:22px}.goal-choice-card p{margin:13px 0 16px;font-size:14px;font-weight:900}.goal-choice-rule{background:var(--coral);border-radius:10px;width:58px;height:5px;margin:0 auto 18px;transform:rotate(-2deg)}.goal-choice-card button{border:2px solid var(--ink);cursor:pointer;border-radius:15px;width:100%;min-height:57px;font-family:inherit;font-weight:1000}.goal-choice-continue{color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#8fd3c1;justify-content:space-between;align-items:center;padding:0 17px;font-size:17px;display:flex}.goal-choice-continue small{letter-spacing:.08em;font-size:9px}.goal-choice-stop{color:var(--ink);background:0 0;margin-top:14px;font-size:14px}.goal-choice-card button:active{box-shadow:none;translate:1px 2px}.opening-movie{--opening-progress:0;z-index:50;color:#f8f3e9;isolation:isolate;background:radial-gradient(circle at 50% 46%,#48525257 0,#0000 42%),#080a0b;position:absolute;inset:0;overflow:hidden}.opening-movie[hidden]{display:none}.opening-grid{opacity:.2;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.opening-rain{opacity:.16;background:repeating-linear-gradient(104deg,#0000 0 39px,#ffffff38 40px 41px,#0000 42px 78px);position:absolute;inset:-12%;transform:skew(-8deg)}.opening-skip{z-index:6;top:max(14px, env(safe-area-inset-top));color:#fff;letter-spacing:.16em;cursor:pointer;background:#00000061;border:1px solid #ffffff73;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;position:absolute;right:14px}.opening-audio-control{z-index:6;top:max(14px, env(safe-area-inset-top));grid-template-columns:auto 78px;align-items:center;gap:4px 8px;display:grid;position:absolute;left:14px}.opening-sound{color:#8dd5c1;letter-spacing:.12em;cursor:pointer;background:#00000061;border:1px solid #6ec1aa94;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}.opening-audio-control label{color:#8dd5c1;letter-spacing:.08em;font-family:Courier New,monospace;font-size:8px;font-weight:900}.opening-audio-control output{color:#fff;font-variant-numeric:tabular-nums}.opening-audio-control input{accent-color:#8dd5c1;grid-column:1/-1;height:12px}.opening-sound[data-active=true]{color:#08110e;background:#8dd5c1}.opening-start{z-index:8;color:#08110e;text-align:center;cursor:pointer;background:#8dd5c1;border:1px solid #8dd5c1b8;border-radius:4px;gap:5px;min-width:min(78%,280px);padding:17px 22px;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;box-shadow:0 0 34px #6ec1aa3d}.opening-start[hidden]{display:none}.opening-start span{letter-spacing:.2em;font-size:9px;font-weight:900}.opening-start strong{letter-spacing:.08em;font-size:16px;font-weight:950}.opening-scene{z-index:2;opacity:0;text-align:center;will-change:opacity, transform;place-content:center;place-items:center;padding:52px 32px 62px;display:grid;position:absolute;inset:0}.opening-kicker,.opening-warning,.opening-mission>span{color:#d9d4c9;letter-spacing:.22em;font-size:clamp(8px,2.4vw,11px);font-weight:900}.opening-clock>strong{color:#fff;letter-spacing:-.08em;text-shadow:0 0 30px #ffffff2e;margin:14px 0 22px;font-family:Courier New,monospace;font-size:clamp(50px,16vw,82px);font-weight:900;line-height:.9}.opening-clock>strong span{color:#cf4037}.opening-clock p,.opening-characters p,.opening-do p{letter-spacing:.05em;min-height:2em;margin:0;font-size:clamp(13px,4vw,18px);font-weight:800}.opening-error{gap:22px}.opening-error>strong{color:#ef5a50;letter-spacing:.08em;font-size:clamp(13px,4vw,19px)}.opening-error>p{color:#aaa69e;letter-spacing:.1em;margin:-10px 0 0;font-size:10px;font-weight:800}.opening-target{aspect-ratio:1;color:#fff;will-change:transform;background:radial-gradient(circle,#cf403740,#0000 62%);border:3px solid #cf4037;border-radius:50%;justify-content:center;align-items:baseline;width:clamp(130px,42vw,190px);display:flex;box-shadow:0 0 0 9px #cf40371a,0 0 54px #cf40374d}.opening-target span{letter-spacing:-.08em;font-size:clamp(48px,16vw,74px);font-weight:950}.opening-target small{color:#ef5a50;margin-left:3px;font-size:17px;font-weight:900}.opening-characters{align-content:center;gap:24px}.opening-character-pair{justify-content:center;align-items:end;gap:18px;height:min(45vh,330px);display:flex}.opening-character-pair img{object-fit:contain;filter:brightness(0)invert()drop-shadow(0 0 18px #ffffff2e);will-change:transform;width:min(34vw,150px);height:100%}.opening-plus{color:#cf4037;align-self:center;font-size:24px;font-weight:300}.opening-do{align-content:center;overflow:hidden}.opening-do:before{content:"";background:radial-gradient(circle at 66% 43%,#286b5952,#0000 36%);position:absolute;inset:0}.opening-warning{z-index:2;color:#ef5a50}.opening-do img{z-index:1;object-fit:contain;filter:saturate(.65)brightness(.78)contrast(1.12)drop-shadow(0 0 26px #286b597a);will-change:transform;width:min(72vw,330px);height:min(61vh,480px);margin:-8px 0 -42px}.opening-do p{z-index:2;color:#fff;text-shadow:0 2px 8px #000}.opening-do small{z-index:2;color:#6ec1aa;margin-top:9px;font-family:Courier New,monospace;font-size:9px;font-weight:900}.opening-mission{gap:19px}.opening-mission>span{color:#ef5a50}.opening-mission>strong{letter-spacing:.03em;min-height:1.4em;font-size:clamp(27px,8vw,43px)}.opening-red-line{background:#cf4037;width:min(72vw,320px);height:3px;box-shadow:0 0 20px #cf4037}.opening-title span{color:#aaa69e;letter-spacing:.18em;font-size:11px;font-weight:900}.opening-title strong{letter-spacing:-.08em;margin:8px 0 13px;font-size:clamp(52px,17vw,86px);font-weight:950;line-height:.9}.opening-title small{color:#ef5a50;letter-spacing:.18em;font-size:11px;font-weight:900}.opening-progress{z-index:7;right:16px;bottom:max(15px, env(safe-area-inset-bottom));background:#ffffff29;height:2px;position:absolute;left:16px;overflow:hidden}.opening-progress i{width:100%;height:100%;transform:scaleX(var(--opening-progress));transform-origin:0;background:#cf4037;display:block}.opening-flash{z-index:10;opacity:0;pointer-events:none;background:var(--cream);position:absolute;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes instruction-float{0%,to{translate:-50%}50%{translate:-50% -8px}}@keyframes rush-pulse{0%{scale:1}to{scale:1.04}}@media (width<=374px){.game-shell{grid-template-rows:78px minmax(0,1fr) 126px}.hud{gap:6px;padding-inline:8px}.title-lockup{width:92px}.score-card{min-width:78px;padding-left:8px}.score-card>strong{font-size:23px}.restart-button{padding-inline:6px}.op-button{width:26px}.hud-actions{gap:4px}.tray{grid-template-columns:47px minmax(0,1fr);gap:6px;padding-inline:8px}.tray-slot{height:96px}.slot-character{width:62px;height:62px}}@media (width>=700px){.game-shell{border-radius:22px;height:min(100dvh,940px);margin-top:max(0px,50dvh - 470px)}}@media (prefers-reduced-motion:reduce){.instruction,.condition-chip--rush{animation:none}*{scroll-behavior:auto!important}}