.arcade-page{max-width:960px;padding:24px 32px 50px;margin:auto}.arcade-breadcrumb{display:flex;justify-content:space-between;gap:16px}.arcade-heading{padding:36px 0 28px}.arcade-heading h1{font:900 clamp(32px,5vw,54px)/1.2 var(--display);letter-spacing:-.04em;margin:16px 0}.arcade-heading>p{font-size:16px;line-height:1.8;max-width:620px}.arcade-slate{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;font:11px var(--mono);background:#25271f;color:#f5eedb}.cinema-monitor,.foley-cinema,.kitchen-board{border:2px solid var(--ink);background:var(--arcade-color);overflow:hidden;border-radius:3px}.cinema-monitor .park-art{max-height:340px;transition:background .25s}.mood-warm{background:#edd6b7}.mood-tense{background:#9caeaf}.mood-silent{background:#dedaca}.film-rolling .film-actor{animation:film-motion 2s ease-in-out infinite alternate;transform-origin:180px 150px}.cinema-monitor>p{padding:15px;text-align:center;font-size:16px;background:#25271f;color:var(--paper);min-height:54px}.film-scrub{height:5px;background:#25271f}.film-scrub i{display:block;height:100%;background:var(--orange);width:0}.arcade-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0 26px}.arcade-controls .button{min-height:50px;font-size:15px;padding:12px 20px}.arcade-step{display:flex;align-items:center;gap:12px;font:18px var(--mono);margin:32px 0 16px}.arcade-step>span{font:700 16px/1.6 var(--body)}.film-task{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0}.film-task>span{font-size:13px;margin-right:8px}.arcade-chip{border:1px solid;background:transparent;font:600 14px var(--body);min-height:44px;padding:10px 15px;border-radius:3px;cursor:pointer}.arcade-chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.arcade-chip:disabled{opacity:.45;cursor:default}.film-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.film-slot{background:var(--paper);border:2px solid #9b9e91;border-radius:3px;overflow:hidden;min-width:0}.film-slot.is-selected{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange)}.slot-select{background:none;border:0;width:100%;padding:0;text-align:left;cursor:pointer}.slot-select>span{display:block;font:10px var(--mono);padding:7px}.slot-select>b{display:block;font-size:13px;padding:9px 6px;text-align:center}.slot-tools{display:flex;border-top:1px solid #b8b8a8}.slot-tool{flex:1;min-width:0;min-height:44px;border:0;background:transparent;font:13px var(--mono);cursor:pointer}.slot-tool:disabled{opacity:.25}.film-pool{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:24px 0}.film-source{padding:0;min-width:0;border:1px solid;background:#ebe5d5;cursor:pointer}.film-source>span{display:block;font-size:12px;padding:9px 5px;min-height:44px}.film-source:hover{box-shadow:2px 2px var(--ink)}.arcade-hint,.arcade-storage{font-size:13px;line-height:1.9;color:#616353;margin-top:20px}.arcade-mode{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 24px}.arcade-mode>span{font-size:12px;color:#626553;margin-left:8px}.foley-cinema{background:#d4c8de}.monster-scene{max-height:290px}.foley-strip{height:96px;background:#25271f;position:relative;overflow:hidden;color:#f5f2e9;border-top:1px solid}.hit-line{position:absolute;left:50%;height:100%;border-left:3px solid #f4b04c;padding:8px 0 0 9px;z-index:2;font-size:10px}.foley-tape{position:relative;height:100%;--elapsed:0}.foley-note{position:absolute;left:calc(50% + (var(--cue) - var(--elapsed))*0.08px);top:28px;transform:translateX(-50%);width:38px;height:38px;background:#d4df98;color:#25271f;border-radius:50%;text-align:center;line-height:38px;font:800 20px/38px var(--mono);border:1px solid #f5f2e9}.foley-note small{font:9px var(--body);position:absolute;top:42px;left:-10px;width:58px;color:var(--paper);white-space:nowrap}.foley-note.note-done{opacity:.25}.foley-now{font-size:15px;padding:16px 0;font-weight:700;min-height:58px}.foley-pads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.foley-pad{border:2px solid;background:var(--paper);padding:16px 8px;box-shadow:3px 4px var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;touch-action:manipulation;user-select:none}.foley-pad:active:not(:disabled){transform:translate(2px,3px);box-shadow:1px 1px}.foley-pad:disabled{opacity:.45;box-shadow:1px 1px}.foley-prop{font-size:45px;line-height:1;height:58px}.prop-cup{color:#865e99}.prop-paper{color:#8f763d}.prop-lid{color:#626d66}.foley-pad b{font-size:16px}.foley-pad small{font-size:10px}.monster-walk{animation:monster-walk .55s ease-in-out infinite alternate;transform-origin:190px 165px}.kitchen-board{background:#e3e7bf}.kitchen-tickets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px}.order-ticket{border:1px solid;background:#fff6e1;padding:12px 8px;min-width:0;min-height:93px;position:relative;cursor:pointer;display:grid;gap:7px;text-align:left;box-shadow:2px 2px #25271f44}.order-ticket:before{content:'';position:absolute;top:-5px;left:35%;width:30%;height:10px;background:#b8b19877;transform:rotate(-4deg)}.order-ticket span{font:10px var(--mono)}.order-ticket b{font-size:16px}.order-ticket small{font-size:12px}.order-ticket.is-selected:not(:disabled){outline:3px solid var(--orange);outline-offset:1px}.order-ticket:disabled{cursor:default;color:#555c4d}.order-served{background:#bfd3a0}.order-late,.order-burnt{background:#e8bba0}.kitchen-stoves{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px;background:#b7b9a4;border-top:2px solid}.stove{min-width:0;text-align:center}.stove-number{font:10px var(--mono)}.pan-graphic{position:relative;margin:25px auto 15px;border:8px solid #282b22;width:125px;height:95px;border-radius:50%;background:#a7ac89;box-shadow:0 9px 0 #747e6e,inset 0 -5px 0 #737b66;display:grid;place-items:center}.pan-graphic:after{content:'';position:absolute;right:-33px;top:17px;width:33px;height:15px;background:#282b22;border:1px solid;border-radius:0 8px 8px 0;transform:rotate(-13deg)}.pan-graphic>span{font:900 48px var(--display);color:#f4d776}.pan-steam{position:absolute;top:-35px;opacity:0;font-size:25px}.stove-active .pan-steam{opacity:1;animation:steam 1.5s linear infinite}.stove h3{font-size:16px;min-height:30px;margin:10px 0}.heat-meter{height:13px;background:#ece6d5;position:relative;margin:15px 4px 8px;border:1px solid;overflow:hidden}.heat-perfect{position:absolute;left:60%;right:15%;height:100%;background:#709958}.heat-meter>i{position:absolute;height:100%;width:5px;background:#20231d;left:0}.stove>p{font-size:13px;min-height:24px}.stove-actions{display:flex;gap:8px;align-items:center;flex-direction:column;margin-top:12px}.stove-actions .button{min-height:46px;padding:10px 14px;font-size:14px;justify-content:center;width:100%}.stove-actions .text-button{font-size:12px;min-height:42px}.kitchen-score{display:flex;justify-content:space-around;gap:12px;padding:16px;background:#25271f;color:var(--paper);font-size:13px}.arcade-notice{min-height:34px;font-weight:700;font-size:14px;margin:14px 0;line-height:1.8;color:#a5351e}.arcade-result{margin-top:26px;padding:30px;background:var(--arcade-color);border:2px solid;box-shadow:6px 6px var(--ink)}.arcade-result h2{font-size:30px;line-height:1.4;margin:12px 0}.arcade-result p{font-size:15px;line-height:1.8}.arcade-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.arcade-result-actions .button{font-size:14px;padding:12px 18px;min-height:48px}.arcade-takeaway{border-top:1px solid;padding-top:22px}.arcade-takeaway>span{font-weight:800;font-size:15px}.arcade-takeaway>p{margin-top:12px}.arcade-takeaway .text-button{font-size:13px}.arcade-result>.web-fine{font-size:11px;margin-top:18px}.arcade-launch{display:flex;align-items:center;gap:24px;background:var(--arcade-color);padding:32px;margin:32px 0;border:2px solid var(--ink)}.arcade-launch>div{flex:1}.arcade-launch>.park-art{width:35%;max-width:260px}.arcade-launch h2{font-size:30px;line-height:1.4;margin:12px 0}.arcade-launch p{font-size:15px;line-height:1.8;margin-bottom:20px}.arcade-launch .button{font-size:15px;min-height:48px}.arcade-souvenir{padding:20px 0;border-bottom:1px solid #aaa}.arcade-souvenir>a{display:block;text-decoration:none}.arcade-souvenir span{font-size:12px}.arcade-souvenir h3{font-size:22px;margin:10px 0}.arcade-souvenir p{font-size:14px;line-height:1.8;margin-bottom:12px}.arcade-souvenir b{font-size:13px}.arcade-souvenir .text-button{font-size:12px}.arcade-collection>p:not(.eyebrow){line-height:1.8;margin-top:16px;font-size:14px}@keyframes film-motion{to{transform:translateX(7px) scale(1.025)}}@keyframes monster-walk{to{transform:translateY(-8px) rotate(2deg)}}@keyframes steam{to{transform:translateY(-12px);opacity:.1}}
@media(max-width:700px){.arcade-page{padding:12px 16px 30px}.arcade-breadcrumb{gap:8px}.arcade-breadcrumb .text-button{font-size:11px}.arcade-heading{padding:22px 0}.arcade-heading h1{font-size:34px}.arcade-heading p{font-size:14px}.arcade-slate{font-size:9px;padding:11px 12px}.cinema-monitor>p{font-size:13px;min-height:49px;padding:13px 8px}.arcade-controls{gap:8px}.arcade-controls>.button{font-size:14px;padding:12px 16px;min-height:48px}.arcade-step{font-size:15px;gap:9px}.arcade-step span{font-size:14px}.film-timeline{gap:6px}.slot-select b{font-size:10px;min-height:43px}.slot-tool{font-size:11px}.film-pool{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.film-source>span{font-size:12px}.arcade-chip{font-size:12px;padding:9px 11px}.arcade-mode>span{margin:6px 0 0;width:100%}.foley-pad b{font-size:14px}.foley-pad small{font-size:9px}.foley-pads{gap:9px}.foley-pad{padding:14px 6px}.foley-prop{font-size:36px;height:43px}.foley-now{font-size:13px}.kitchen-tickets{gap:8px;padding:16px 12px}.order-ticket{padding:10px 7px;min-height:85px}.order-ticket b{font-size:14px}.order-ticket small{font-size:10px}.kitchen-stoves{gap:20px;padding:20px 14px}.pan-graphic{width:92px;height:71px;border-width:6px}.pan-graphic:after{width:24px;right:-24px;height:12px}.pan-graphic>span{font-size:38px}.stove h3{font-size:13px}.stove>p{font-size:11px}.kitchen-score{font-size:10px;padding:14px 8px;gap:8px}.arcade-result{padding:22px 18px;box-shadow:4px 4px}.arcade-result h2{font-size:25px}.arcade-result p{font-size:14px}.arcade-result-actions{gap:8px}.arcade-result-actions .button{font-size:12px;padding:11px 12px}.arcade-launch{padding:23px 18px;display:block}.arcade-launch h2{font-size:26px}.arcade-launch>.park-art{display:none}.arcade-launch p{font-size:14px}.arcade-hint,.arcade-storage{font-size:12px}.arcade-souvenir h3{font-size:20px}}
@media(max-width:360px){.arcade-page{padding-inline:12px}.arcade-heading h1{font-size:29px}.slot-tool{font-size:10px}.film-timeline{gap:4px}.pan-graphic{width:82px}.foley-pad small{font-size:8px}.kitchen-stoves{gap:14px;padding-inline:10px}.stove-actions .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.film-rolling .film-actor,.monster-walk,.pan-steam{animation:none!important}.cinema-monitor .park-art{transition:none}}

.monster-scene{--impact:0}.foley-lamp{transform-origin:270px 213px}.foley-trees{transform-origin:48px 205px}.foley-impact{opacity:0}.monster-scene[data-motion=cup] .monster-body{transform:translateY(calc(var(--impact)*7px))}.monster-scene[data-motion=cup] .foley-impact{opacity:var(--impact)}.monster-scene[data-motion=paper] .foley-trees{transform:rotate(calc(var(--impact)*-14deg))}.monster-scene[data-motion=paper] .monster-body{transform:translateX(calc(var(--impact)*-12px))}.monster-scene[data-motion=lid] .foley-lamp{transform:rotate(calc(var(--impact)*37deg))}.monster-scene[data-motion=lid] .monster-body{transform:translateX(calc(var(--impact)*15px))}@media(prefers-reduced-motion:reduce){.monster-body,.foley-lamp,.foley-trees{transform:none!important}.monster-scene[data-motion=paper] .foley-trees,.monster-scene[data-motion=lid] .foley-lamp{stroke:#d85e38;stroke-width:5px}}
