:root{color:#1f2630;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff7e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff7e8e6;border-bottom:1px solid #6442191f;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand-button{color:#1f2630;letter-spacing:-.03em;background:0 0;border:0;font-weight:900}.screen{width:min(1180px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.hero{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);min-height:calc(100vh - 90px);display:grid}.hero-copy h1,.section-heading h2,.result-card h1{color:#141922;letter-spacing:-.06em;margin:0}.hero-copy h1{max-width:720px;font-size:clamp(2.8rem,8vw,6.8rem);line-height:.92}.hero-copy p,.split-block p,.control-panel p{color:#5d6472;font-size:1.05rem;line-height:1.7}.hero-art{background:#fff;border:14px solid #fff;border-radius:2rem;overflow:hidden;box-shadow:0 28px 70px #412e1638}.eyebrow{color:#0d8b48;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:900;display:inline-flex}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:999px;padding:.85rem 1.2rem;font-weight:900;transition:transform .16s,box-shadow .16s}.primary-button{color:#141922;background:#ffce28;margin-top:1rem;box-shadow:0 14px 34px #e3990047}.secondary-button{color:#fff;background:#152238}.ghost-button{color:#273044;background:#fff;border:1px solid #1f263029}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.level-card:hover,.product-card:hover{transform:translateY(-2px)}.section-block{background:#ffffffb8;border-radius:2rem;margin-top:3rem;padding:clamp(1rem,3vw,2rem);box-shadow:0 20px 50px #593a131a}.section-heading{margin-bottom:1.5rem}.section-heading h2,.split-block h2{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.level-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.level-card{color:#1f2630;text-align:left;background:#fff;border:1px solid #4c381d24;border-radius:1.35rem;gap:.55rem;padding:.75rem;display:grid;box-shadow:0 14px 26px #593a1317}.level-card>img{aspect-ratio:1;object-fit:cover;border-radius:1rem;width:100%}.board-preview{aspect-ratio:1;--grid-left:0%;--grid-top:0%;--grid-width:100%;--grid-height:100%;background:#f3e4c9;border-radius:1rem;width:100%;position:relative;overflow:hidden}.board-preview__base{object-fit:cover;width:100%;height:100%;display:block}.board-preview__tracks,.board-preview__sliders,.board-preview__track-overlays,.board-preview__special-track-bases,.board-preview__special-track-tops,.board-preview__special-track-disks{left:var(--grid-left);top:var(--grid-top);width:var(--grid-width);height:var(--grid-height);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute}.board-preview__tracks{z-index:1}.board-preview__track img{object-fit:contain;width:100%;height:100%;display:block}.board-preview__sliders{z-index:2}.board-preview__track-overlays{z-index:3;pointer-events:none}.board-preview__special-track-bases{z-index:1}.board-preview__special-track-tops{z-index:3;pointer-events:none}.board-preview__special-track-disks{z-index:4}.board-preview__slider{justify-content:center;align-items:center;display:flex}.board-preview__track--overlay img{filter:none;opacity:1}.board-preview__special-track{pointer-events:none;overflow:visible}.board-preview__special-track img{object-fit:fill;transform-origin:50%;width:100%;height:100%;display:block}.board-preview__special-track-base{filter:drop-shadow(0 3px 4px #0000003d)}.board-preview__special-track-disk{transition:transform .22s}.level-card span,.level-card small{color:#68707d}.level-card strong{font-size:1.1rem}.split-block{grid-template-columns:minmax(260px,.8fr) minmax(0,1fr);align-items:center;gap:clamp(1.25rem,4vw,2.5rem);display:grid}.split-block>img{background:#fff;border-radius:1.5rem;width:100%}.product-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.5rem;display:grid}.product-card{color:#fff;background:#141922;border-radius:1.2rem;gap:.35rem;padding:1rem;display:grid}.product-card span{color:#ffce28;font-weight:900}.product-card small{color:#c8d0dc}.game-shell{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.25rem;display:grid}.game-panel,.control-panel,.result-card{background:#ffffffc7;border-radius:2rem;box-shadow:0 24px 58px #412e1624}.game-panel{padding:clamp(1rem,3vw,1.5rem)}.hud{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.hud h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,4vw,3.2rem)}.hud p{color:#68707d;margin:.25rem 0 0}.hud-stats{flex-wrap:wrap;justify-content:end;gap:.5rem;display:flex}.stat{text-align:center;background:#f8ebd4;border-radius:1rem;min-width:84px;padding:.8rem}.stat span{color:#68707d;text-transform:uppercase;font-size:.75rem;font-weight:800;display:block}.stat strong{font-size:1.15rem}.board-wrap{aspect-ratio:1;--grid-left:0%;--grid-top:0%;--grid-width:100%;--grid-height:100%;background:#f5e9d0;border-radius:2rem;width:min(720px,100%);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 28px #503c192e}.board-image{object-fit:cover;width:100%;height:100%;display:block}.track-layer,.slot-grid,.slider-layer,.track-overlay-layer,.selection-layer,.special-track-base-layer,.special-track-top-layer,.special-track-disk-layer{left:var(--grid-left);top:var(--grid-top);width:var(--grid-width);height:var(--grid-height);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute}.track-layer,.special-track-base-layer{z-index:1;pointer-events:none}.track-cell{place-self:stretch stretch;position:relative;overflow:visible}.track-cell img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.track-cell--overlay img{filter:none;opacity:1}.slot-grid{z-index:2;pointer-events:none}.food-slot{border-radius:50%;margin:27%;transition:transform .22s,filter .22s;position:relative}.food-slot--found{filter:drop-shadow(0 4px 6px #5a361047);transform:scale(1.02)}.food-image{object-fit:cover;clip-path:inset(34% 22% 33%);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:160%;height:160%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider-layer{z-index:3;pointer-events:none}.track-overlay-layer,.special-track-top-layer{z-index:4;pointer-events:none}.selection-layer{z-index:6;pointer-events:none}.special-track-disk-layer{z-index:7;pointer-events:none}.special-track-piece{overflow:visible}.special-track-piece img{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;width:100%;height:100%;display:block}.special-track-piece__base{filter:drop-shadow(0 10px 16px #0000002e)}.special-track-piece__top{filter:none}.special-track-piece__disk{filter:drop-shadow(0 10px 16px #0000003d);transition:transform .22s}.slider-piece{pointer-events:auto;cursor:pointer;background:0 0;border:0;place-self:stretch stretch;width:100%;min-width:0;height:100%;min-height:0;padding:0;transition:transform .16s,filter .16s;position:relative}.slider-piece--base.slider-piece--round .slider-image{width:100%;height:100%}.slider-piece--base.slider-piece--long.slider-piece--vertical .slider-image{width:64%;height:96%}.slider-piece--base.slider-piece--long.slider-piece--horizontal .slider-image{width:32%;height:184%;transform:translate(-50%,-50%)rotate(-90deg)}.slider-piece:hover{filter:brightness(1.05);transform:translateY(-1px)}.slider-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:96%;height:96%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider-piece--round .slider-image{width:92%;height:92%}.slider-piece--long.slider-piece--vertical .slider-image{width:64%;height:96%}.slider-piece--long.slider-piece--horizontal .slider-image{width:32%;height:184%;transform:translate(-50%,-50%)rotate(-90deg)}.selection-highlight{position:relative}.selection-highlight:after{content:"";border:3px solid #ffce28;border-radius:50%;animation:1.6s ease-in-out infinite pulse-select;position:absolute;inset:24%;box-shadow:0 0 14px 2px #ffce288c}.selection-highlight--long.selection-highlight--vertical:after{border-radius:999px;inset:16% 29%}.selection-highlight--long.selection-highlight--horizontal:after{border-radius:999px;inset:29% 16%}@keyframes pulse-select{0%,to{box-shadow:0 0 14px 2px #ffce288c}50%{box-shadow:0 0 18px 4px #ffce28cc}}.control-panel{gap:1rem;padding:1.25rem;display:grid}.control-panel h3{margin:0;font-size:1.8rem;line-height:1}.selected-slider{background:#fff6e4;border-radius:1rem;gap:.25rem;padding:1rem;display:grid}.selected-slider span{color:#68707d;font-size:.82rem;font-weight:800}.direction-pad{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.direction-button{color:#151515;background:#ffce28;border:0;border-radius:1rem;min-height:54px;font-weight:900}.direction-button--up{grid-column:2}.direction-button--left{grid-area:2/1}.direction-button--right{grid-area:2/3}.direction-button--down{grid-area:3/2}.hint-copy{background:#edf9f1;border-left:4px solid #13b95f;border-radius:.8rem;margin:0;padding:1rem}.roundabout-controls{background:linear-gradient(#fffffff0 0%,#fff6e4f0 100%);border:1px solid #ffce2859;border-radius:1rem;gap:.75rem;padding:.95rem;display:grid;box-shadow:0 10px 18px #412e1614}.roundabout-controls__header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.roundabout-controls__label{color:#68707d;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:800}.roundabout-controls__value{color:#152238;font-size:1rem;font-weight:900;line-height:1}.roundabout-controls__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.roundabout-controls .ghost-button{text-align:center;white-space:nowrap;background:#f7fbff;border-color:#15223824;border-radius:999px;min-height:2.35rem;padding:.55rem .9rem;font-size:.8rem;font-weight:800;line-height:1;box-shadow:inset 0 0 0 1px #ffffffa6}.roundabout-controls .ghost-button:hover{color:#141922;background:#ffce28;border-color:#e3990073;box-shadow:0 6px 16px #e3990047}.roundabout-controls .ghost-button:focus-visible{outline-offset:2px;outline:2px solid #15223859}.completion-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1419226b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.completion-dialog{color:#141922;background:#fff9eb;border-radius:1.5rem;width:min(520px,100%);padding:clamp(1.5rem,4vw,2.25rem);box-shadow:0 24px 70px #14192247}.completion-dialog h3{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,6vw,3.2rem);line-height:1}.completion-dialog p{color:#5d6472;line-height:1.7}.game-actions,.result-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.result{place-items:center;min-height:calc(100vh - 90px);display:grid}.result-card{text-align:center;width:min(680px,100%);padding:clamp(1.5rem,4vw,3rem)}.result-card h1{color:#ffb000;font-size:clamp(3rem,10vw,6rem)}.score{letter-spacing:-.05em;margin:1rem 0;font-size:clamp(2rem,6vw,4rem);display:block}@media (width<=920px){.hero,.split-block,.game-shell{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-panel{order:-1}}@media (width<=620px){.topbar{flex-direction:column;align-items:flex-start}.level-grid,.product-cards{grid-template-columns:1fr}.hud{flex-direction:column}.hud-stats{justify-content:start}.slot-grid,.slider-layer{inset:8%}}