.toy-shelf{margin:27px 0 25px;scroll-margin-top:18px}.toy-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:13px}.toy-heading h2{font:bold 11px/1.6 var(--mono);letter-spacing:1.4px;color:var(--cyan)}.toy-heading button{font:11px var(--mono);padding:7px;color:var(--muted);background:none;border:1px solid var(--line)}.toy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.toy{min-width:0;background:#262437;border:1px solid #8a7c91;box-shadow:3px 3px #070711;display:flex;flex-direction:column;overflow:hidden}.toy-title{padding:12px 12px 9px;border-bottom:1px solid #635971;background:#383143}.toy-title span{display:block;color:#cbb8cc;font:9px var(--mono);letter-spacing:1px;margin-bottom:6px}.toy-title h3{font:bold 19px/1.1 Georgia;color:#f4e6c6}.toy-stage{width:100%;aspect-ratio:260/240;position:relative;overflow:hidden;isolation:isolate;background:#131f2b}.toy-stage>svg{width:100%;height:100%;display:block}.toy-svg{user-select:none;-webkit-user-select:none}.gravity-stage{display:block;border:0;border-bottom:1px solid #5a6172;padding:0;cursor:grab;background:#182d35;color:inherit}.gravity-stage:active{cursor:grabbing}.gravity-stage:focus-visible{outline-offset:-4px}.gravity-stage svg{pointer-events:none}.gravity-stage .glass-line{stroke:#91c8c04d;stroke-width:1}.toy-controls{display:flex;gap:7px;padding:10px 10px 0}.toy-controls>button{flex:1;min-width:0;min-height:42px;padding:7px 4px;font:bold 11px/1.3 var(--mono);border:2px outset #aaa09b;box-shadow:1px 1px #101019;background:#d9cba7;color:#282937}.toy-controls button:active,.toy-controls button.is-down{border-style:inset;transform:translateY(1px)}.toy-controls button:disabled{opacity:.5;cursor:default}.toy-controls button.accent{background:#a9d2c8;border-color:#d7e5d5}.toy-controls button.pink-control{background:#e3b0c9;border-color:#f1d5dc}.toy-status{margin:0;padding:9px 12px 5px;font:11px/1.5 var(--mono);min-height:46px;color:var(--yellow)}.toy-hint{padding:0 12px 12px;margin:auto 0 0;font:11px/1.5 var(--sans);color:#c6bdcb}.toy-hint kbd{font:11px var(--mono);padding:0 3px;border:1px solid #84758e}.physics-indicator{transition:fill .2s}.toy[data-gravity=off] .physics-indicator{fill:#e6a9c6}.toy[data-gravity=off] .chamber-light{fill:#e5add0}.vending-stage{background:#262636;border-bottom:1px solid #5a6172}.snack-items{position:absolute;inset:0;pointer-events:none}.loose-snack{border:0;background:none;padding:0;position:absolute;width:13%;aspect-ratio:1;pointer-events:auto;cursor:pointer;transform-origin:center;touch-action:manipulation}.loose-snack::before{content:"";position:absolute;inset:-6px}.loose-snack svg{width:100%;height:100%;display:block;pointer-events:none}.loose-snack:hover{filter:drop-shadow(0 0 3px #ffdf91)}.loose-snack:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.vending-coil{transform-box:fill-box;transform-origin:center}.vend-indicator{fill:#adcf9e}.toy[data-vend=busy] .vend-indicator{fill:#f2d174}.toy[data-vend=busy] .vending-coil{animation:coil .43s ease-in-out}.toy[data-vend=shake] .vending-machine{animation:machine-shake .35s ease-in-out}.toy-score{display:flex;justify-content:space-between;gap:7px;padding:7px 11px;font:10px var(--mono);color:#b6d0c7;background:#142d2e;border-bottom:1px solid #61716b}.toy-score strong{color:#f4d67a;font-weight:normal}.pinball-stage{aspect-ratio:1;background:#0e292a;border-bottom:1px solid #5a6172}.pinball-stage:focus-visible{outline-offset:-4px}.pinball-controls{gap:5px}.pinball-controls>button{min-height:42px;font-size:10px}.pinball-controls>button:first-child{flex:1.3}.pinball-flipper{stroke:#eab1d0;stroke-width:11;stroke-linecap:round}.pinball-ball{fill:#fff3c3;stroke:#d4a159;stroke-width:2}.bumper-core{fill:#dbb668;stroke:#fff0b8;stroke-width:2}.bumper-ring{fill:none;stroke:#889f9b;stroke-width:2}.bumper-hit .bumper-core{fill:#fff5d2}.bumper-hit .bumper-ring{stroke:#e792bb;stroke-width:4}.pinball-lamp{fill:#666673}.pinball-lamp.lit{fill:#f4dd93}.pinball-trail{fill:#e3d39b;opacity:.2}.toy-shelf-footnote{font:10px/1.5 var(--mono);color:var(--muted);margin:12px 0 0}.toy-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.snack-count-display{font:11px var(--mono);fill:#c6edc0}.snack-collected-pop{fill:#f4d478;font:bold 12px var(--mono)}@keyframes coil{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}@keyframes machine-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px) rotate(-1deg)}40%{transform:translateX(4px) rotate(1deg)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
@media(min-width:741px) and (max-width:1270px){.toy-grid{grid-template-columns:1fr 1fr}.pinball-toy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto auto}.pinball-toy .toy-title{grid-column:1/-1}.pinball-toy .toy-score{grid-column:2;grid-row:2}.pinball-toy .pinball-stage{grid-column:1;grid-row:2/6;border-right:1px solid #61716b;border-bottom:0}.pinball-toy .toy-controls{grid-column:2;grid-row:3;align-items:start;padding:18px 12px}.pinball-toy .toy-status{grid-column:2;grid-row:4}.pinball-toy .toy-hint{grid-column:2;grid-row:5}}
@media(max-width:740px){.toy-grid{grid-template-columns:1fr}.toy{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto auto}.toy-title{grid-column:1/-1;padding:11px 13px}.toy-title h3{font-size:21px}.toy-title span{font-size:9px}.toy-stage{grid-column:1;grid-row:2/5;align-self:center;aspect-ratio:260/240;border:0}.toy-controls{grid-column:2;grid-row:2;flex-direction:column;align-self:center;padding:12px 10px 0}.toy-controls>button{flex:none;font-size:11px;min-height:44px}.toy-status{grid-column:2;grid-row:3;min-height:0;padding:9px 10px 7px}.toy-hint{grid-column:2;grid-row:4;padding:0 10px 12px;font-size:11px}.pinball-toy{display:flex}.pinball-toy .toy-controls{flex-direction:row;align-self:stretch;padding:12px 12px 0}.pinball-toy .toy-controls>button{flex:1}.pinball-stage{width:100%;max-width:360px;align-self:center;aspect-ratio:1}.pinball-toy .toy-status,.pinball-toy .toy-hint{padding-left:13px;padding-right:13px}.pinball-toy .toy-hint{padding-bottom:15px}.toy-heading h2{font-size:10px;max-width:190px}.toy-heading button{font-size:10px;white-space:nowrap}.toy-score{font-size:12px;padding:10px 13px}.toy-shelf-footnote{font-size:10px}}
@media(max-width:370px){.toy{display:flex}.toy-stage{max-width:260px;align-self:center}.toy-controls{flex-direction:row;align-self:stretch;padding:10px 10px 0}.toy-controls>button{flex:1}.toy-status{padding:10px 12px 5px}.toy-hint{padding:0 12px 13px}.toy-title h3{font-size:23px}.pinball-stage{max-width:none}.toy-heading{gap:7px}}
.gravity-stage{touch-action:none}.gravity-port-label{fill:#ffe3a0;font:bold 9px monospace;letter-spacing:1px}.gravity-switch{display:flex;align-items:center;justify-content:space-between;gap:4px}.gravity-toggle-label{flex:1}.gravity-lever{display:block;flex:none;width:34px;height:19px;border-radius:12px;border:2px solid #53736d;background:#45635f;box-shadow:inset 1px 1px 3px #243c3b}.gravity-lever>span{display:block;width:13px;height:13px;border-radius:50%;margin:1px;background:#f4e9c9;box-shadow:1px 1px 2px #1c3433;transition:transform .18s ease}.gravity-toy[data-gravity=off] .gravity-lever{background:#9f668c;border-color:#744f76}.gravity-toy[data-gravity=off] .gravity-lever>span{transform:translateX(15px)}.gravity-progress{margin:0;padding:0 12px 12px;font:10px var(--mono);letter-spacing:1px;color:#b5d2c4}.gravity-toy .toy-hint{padding-bottom:7px}.port-hit{animation:port-hit .5s ease-out}@keyframes port-hit{0%{filter:drop-shadow(0 0 12px #fff1ac);transform:scale(1.2);transform-origin:205px 67px}100%{filter:none;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.gravity-lever>span{transition:none}.port-hit{animation:none}}
@media(min-width:371px) and (max-width:740px){.gravity-toy .gravity-stage{grid-row:2/6}.gravity-progress{grid-column:2;grid-row:5;padding:0 10px 12px}}