.case-page-game{--case-accent:var(--game);--game-ink:#7a4806}.game-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo{padding:clamp(80px, 10vw, 130px) var(--gutter);background:radial-gradient(50% 60% at 75% 50%, #f7bd9029, transparent 70%), linear-gradient(180deg, var(--night), #241a45);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.demo-copy h2{margin:0 0 1rem;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1}.demo-copy>p{max-width:32rem;color:var(--muted);margin:0;font-size:1.1rem}.demo-stages{flex-wrap:wrap;gap:8px;margin:1.75rem 0;padding:0;list-style:none;display:flex}.demo-stages li{background:#eee9f70f;border-radius:12px;padding:10px 14px;display:grid;box-shadow:inset 0 0 0 1px #eee9f71f}.demo-stages span{color:var(--muted);font-size:.85rem}.demo-stages .demo-stage-3{background:#f2b56329;box-shadow:inset 0 0 0 1px #f2b56380}.demo-copy .demo-note{font-size:.9rem}.demo-play{justify-items:center;gap:16px;display:grid}.demo-board{--gap:8px;gap:var(--gap);aspect-ratio:1;width:min(440px,100%);padding:var(--gap);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(160deg,#3a3170,#241c4d);border-radius:22px;grid-template:repeat(4,1fr)/repeat(4,1fr);scroll-margin-top:12px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 40px 80px -30px #000000b3}.demo-board[data-touch]{touch-action:none}.demo-board:focus-visible{outline:3px solid var(--candle);outline-offset:3px}.demo-cell{background:#00000038;border-radius:14px}.demo-tile{--step:calc(100% + var(--gap));top:var(--gap);left:var(--gap);width:calc((100% - 5 * var(--gap)) / 4);height:calc((100% - 5 * var(--gap)) / 4);transform:translate(calc(var(--x) * var(--step)), calc(var(--y) * var(--step)));transition:transform var(--dur-state) var(--ease-out);position:absolute}.demo-tile-inner{border-radius:14px;place-content:center;justify-items:center;height:100%;display:grid}.demo-tile[data-merged] .demo-tile-inner{animation:tile-merge var(--dur-feedback) cubic-bezier(.34, 1.4, .64, 1) var(--dur-state) backwards}.demo-tile b{font-family:var(--font-display), Georgia, serif;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:400;line-height:1}.demo-tile small{font-size:clamp(.7rem,1.6vw,.8rem);line-height:1.2}.demo-tile small:first-of-type{margin-top:4px;font-weight:600}.demo-cat .demo-tile-inner{color:#3a1a05;background:linear-gradient(160deg,#ffc48a,#f08a3c)}.demo-gull .demo-tile-inner{color:#1e2a4a;background:linear-gradient(160deg,#f4f7ff,#b9c7ea)}.demo-cat.demo-tile-1 .demo-tile-inner{background:linear-gradient(160deg,#ffb470,#e2702a)}.demo-cat.demo-tile-2 .demo-tile-inner{color:#240b03;background:linear-gradient(160deg,#ffa466,#d95c22)}.demo-cat.demo-tile-3 .demo-tile-inner{color:#2a0c10;background:linear-gradient(160deg,#ffe08a,#f2b563 45%,#e0475b);box-shadow:0 0 0 3px #fff3,0 0 40px #f2b563cc}@keyframes tile-merge{0%{filter:brightness(1.12);transform:scale(.92)}to{filter:none;transform:scale(1)}}.demo-count,.demo-status{text-align:center;width:min(440px,100%);margin:0}.demo-count{color:var(--muted);font-variant-numeric:tabular-nums}.demo-status{min-height:4.5em;color:var(--text);margin-top:-8px;font-size:.95rem}.demo-intro{color:var(--muted)}.demo-intro-touch{display:none}@media (any-pointer:coarse){.demo-intro-fine{display:none}.demo-intro-touch{display:inline}}.demo-board[data-won]~.demo-status{color:var(--candle);font-weight:600}.demo-controls,.demo-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.demo-play button{min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;transition:background-color var(--dur-feedback);background:#eee9f71a;border:0;border-radius:12px;padding:0 14px;font-size:.95rem}.demo-play button:hover{background:#eee9f729}.demo-play button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.demo-controls button:not(.demo-reset){font-size:1.1rem}.demo-play button[aria-disabled=true]{color:#eee9f773;cursor:default;background:#eee9f70a}.demo-controls button[data-hint]{box-shadow:inset 0 0 0 2px var(--candle)}.demo-tools button{background:0 0;box-shadow:inset 0 0 0 1px #eee9f74d}.demo-tools .demo-touch{display:none}.demo-tools .demo-touch[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--candle);background:#f2b5632e}@media (any-pointer:coarse){.demo-tools .demo-touch{display:inline-block}}.demo-tour{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;width:min(440px,100%);display:flex}.demo-trail{counter-reset:trail;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.demo-trail li{counter-increment:trail;color:var(--muted);border-radius:10px;padding:5px 8px;font-size:.85rem;box-shadow:inset 0 0 0 1px #eee9f729}.demo-trail li:before{content:counter(trail) " ";font-variant-numeric:tabular-nums}.demo-trail li[data-done]{color:var(--text);background:#eee9f714}.demo-trail li[aria-current=step]{color:var(--text);box-shadow:inset 0 0 0 2px var(--candle)}.demo-table{width:min(440px,100%);color:var(--muted);font-size:.9rem}.demo-table summary{cursor:pointer;width:fit-content;margin-inline:auto;padding-block:10px}.demo-table table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:6px}.demo-table th,.demo-table td{text-align:left;border-top:1px solid #eee9f71f;padding:6px 4px;font-weight:400}.demo-table th{color:var(--muted)}.demo-table td{color:var(--text)}@media (prefers-reduced-motion:reduce){.demo-tile{transition:none}.demo-tile[data-merged] .demo-tile-inner{animation:none}}.case-block-charts{align-items:start}.charts{gap:36px;min-width:0;display:grid}.chart{--chart-0:#b06f0c;--chart-1:#8a2c14;border:1px solid var(--rule);background:var(--card);border-radius:18px;min-width:0;margin:0;padding:20px 20px 12px}.chart-title{margin-bottom:8px;font-weight:600}.chart-legend{color:var(--soft);flex-wrap:wrap;gap:6px 18px;margin:0 0 6px;padding:0;font-size:.9rem;list-style:none;display:flex}.chart-legend li{align-items:center;gap:8px;display:flex}.chart-key{border-radius:3px;width:10px;height:10px}.chart-key-0{background:var(--chart-0)}.chart-key-1{background:var(--chart-1)}.chart-plot{position:relative}.chart-plot svg{width:100%;height:auto;display:block;overflow:visible}.chart-hits{display:flex;position:absolute}.chart-hits button{cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1 1 0;min-width:0;padding:0}.chart-hits button:focus-visible{outline:2px solid var(--ink);outline-offset:0}.chart-grid line{stroke:#e6e9ef;stroke-width:1px}.chart-grid text,.chart-x,.chart-axis{fill:var(--soft);font-size:13px}.range-bar-0{fill:var(--chart-0)}.range-bar-1{fill:var(--chart-1)}.range-bar.is-active{stroke:var(--ink);stroke-width:2px}.chart-band{fill:var(--ink);fill-opacity:.07}.chart-tip{z-index:2;background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;border-radius:8px;padding:6px 10px;font-size:.85rem;position:absolute;left:0;transform:translate(-50%,calc(-100% - 10px))}.chart-read{align-items:center;gap:8px;margin-top:4px;display:flex}.chart-info{height:48px;color:var(--ink);flex:auto;align-items:center;margin:0;font-size:.9rem;line-height:1.3;display:flex}.chart-step{flex:none;gap:6px;display:flex}.chart-step button{width:44px;height:44px;color:var(--ink);font:inherit;box-shadow:inset 0 0 0 1px var(--soft);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;font-size:1.1rem}.chart-step button[aria-disabled=true]{color:var(--soft);box-shadow:inset 0 0 0 1px var(--rule);cursor:default}.chart:not([data-active]) .chart-info{color:var(--soft)}.chart:not([data-narrow]) .chart-read{margin:0}.chart:not([data-narrow]) .chart-info{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chart-table{color:var(--soft);margin-top:8px;font-size:.9rem}.chart-table summary{cursor:pointer;width:fit-content;padding-block:8px}.chart-table table{border-collapse:collapse;margin-top:8px}.chart-table td,.chart-table th{text-align:left;font-variant-numeric:tabular-nums;padding:3px 16px 3px 0;font-weight:400}.chart-table thead th{color:var(--ink);font-weight:600}.layers{gap:6px;margin:0;padding:0;list-style:none;display:grid}.layers-row{justify-items:center;gap:6px;display:grid}.layers-arrow{color:var(--soft);font-size:.8rem}.layers-arrow:after{content:"";background:var(--soft);clip-path:polygon(4px 0,6px 0,6px 16px,10px 16px,5px 22px,0 16px,4px 16px);width:10px;height:22px;margin:4px auto 0;display:block}.layers-cells{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.layer{border:1px solid var(--rule);background:var(--card);text-align:center;border-radius:14px;flex:160px;gap:2px;padding:14px 16px;display:grid}.layer span{color:var(--soft);font-size:.9rem}.layer small{color:var(--soft);font-variant-numeric:tabular-nums}.layer-core{border-color:var(--game);max-width:420px;box-shadow:inset 0 -4px 0 var(--game)}@media (max-width:599px){.layers-cells{flex-wrap:nowrap;gap:6px}.layer{overflow-wrap:anywhere;flex:1 1 0;min-width:0;padding:10px 6px}.layer span{font-size:.8rem;line-height:1.3}.layer small{font-size:.8rem}}.case-art,.case-protos{padding:clamp(64px, 8vw, 110px) var(--gutter)}.case-art .case-block-copy,.case-protos .case-block-copy{max-width:46rem;margin-bottom:32px}.art-sheets{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.art-sheets figure,.art-wide{margin:0}.art-sheets img,.art-wide img{background:#fff;border-radius:14px;width:100%;box-shadow:0 20px 40px -30px #141e3a99}.art-sheets figcaption,.art-wide figcaption{color:var(--soft);margin-top:8px;font-size:.9rem}.art-wide{margin-top:28px}.protos{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2vw,28px);margin:0;padding:0;list-style:none;display:grid;position:relative}.protos .is-chosen{transform:translateY(-12px)}.protos .phone-screen img{object-fit:contain;object-position:center}.protos p{text-align:center;margin:12px 0 0;font-weight:600}.protos p span{color:var(--game-ink);font-size:.85rem;font-weight:400;display:block}.protos-strip .strip-controls{--strip-line:var(--soft);--strip-ink:var(--ink);--strip-hover:var(--game-ink);--strip-muted:var(--soft);margin-bottom:4px}@media (min-width:900px){.protos-strip .strip-controls{display:none}}@media (max-width:400px){.demo-stages{gap:6px}.demo-stages li{padding:8px 9px}.demo-controls{gap:6px}.demo-controls .demo-reset{padding:0 10px}.demo-trail-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:899px){.demo,.art-sheets{grid-template-columns:1fr}.protos{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-template-columns:repeat(5,46vw);padding:16px 0 12px;overflow-x:auto}.protos li{scroll-snap-align:start}}.case-art h3,.case-protos h3{margin:0 0 1rem;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.05}.case-art .case-block-copy p,.case-protos .case-block-copy p{color:var(--soft);margin:0;font-size:1.05rem}.art-wide{max-width:980px}