:root{--color-primary: #ec4899;--color-primary-deep: #c72e78;--color-secondary: #8b5cf6;--color-secondary-deep: #6d3ddb;--color-accent: #f6b91a;--color-background: #fdf2f8;--color-surface: #fffafd;--color-card: #ffffff;--color-ink: #171429;--color-muted: #5d586e;--color-border: #e7c9da;--color-error: #bc254e;--color-success: #167d5b;--theme-canvas: var(--color-background);--theme-ink: var(--color-ink);--theme-accent: var(--color-accent);--theme-focus-ink: var(--color-ink);--theme-selection: var(--color-accent);--theme-selection-ink: var(--color-ink);--shadow-clay: 0 8px 0 #dcb8cb, 0 16px 32px rgb(88 35 69 / 12%), inset 0 2px 0 rgb(255 255 255 / 85%);--shadow-button: 0 4px 0 var(--color-ink), 0 8px 14px rgb(23 20 41 / 13%);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--font-display: ui-rounded, "Arial Rounded MT Bold", "Avenir Next Rounded", system-ui, sans-serif;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--motion-fast: .14s;--motion-base: .24s;--motion-slow: .42s}:root{--theme-canvas: #e8dfbd;--theme-ink: #24392f;--theme-accent: #ec6d55;--theme-focus-ink: #171429;--theme-selection: #24392f;--theme-selection-ink: #f5edcf}*{box-sizing:border-box}html{min-width:320px;background:var(--theme-canvas);scrollbar-color:var(--theme-ink) var(--theme-canvas);scrollbar-width:thin;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;color:var(--color-ink);background-color:var(--theme-canvas);background-image:radial-gradient(circle at 9px 9px,rgb(236 72 153 / 8%) 2px,transparent 2.5px),radial-gradient(circle at 28px 30px,rgb(139 92 246 / 6%) 1.5px,transparent 2px);background-size:40px 40px;font-family:var(--font-body);font-size:16px;line-height:1.5;accent-color:var(--theme-accent);caret-color:var(--theme-ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}::selection{color:var(--theme-selection-ink);background:var(--theme-selection)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--theme-canvas)}::-webkit-scrollbar-thumb{border:3px solid var(--theme-canvas);border-radius:999px;background:var(--theme-ink)}button,a{touch-action:manipulation}.snake-direction,.dot-maze-direction,.dot-maze-pause,.breaker-touch-controls button,.claw-touch-controls button,.cricket-shot-controls button,.roll-controls button,.ruby-controls button,.galaxy-controls button,.temple-gem-controls button,.pinball-controls button,.rapid-drop-controls button,.gravity-bike-controls button{touch-action:none;user-select:none;-webkit-user-select:none}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--theme-focus-ink);outline-offset:3px;box-shadow:0 0 0 6px var(--theme-accent)}button:disabled{cursor:not-allowed}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 16px;border:2px solid var(--color-ink);border-radius:10px;color:#fff;background:var(--color-ink);transform:translateY(-150%);transition:transform var(--motion-fast) ease-out}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(100%,1240px);min-height:100dvh;margin:0 auto;padding:0 16px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:max(12px,env(safe-area-inset-top)) 0 10px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(1rem,3.8vw,1.25rem);font-weight:700;letter-spacing:.04em;text-decoration:none}.brand strong{font-weight:900}.brand-mark{width:42px;height:42px;flex:0 0 auto;color:var(--color-accent);filter:drop-shadow(0 3px 0 #d79b07)}.top-actions,.primary-controls,.dialog-actions{display:flex;align-items:center;gap:10px}.icon{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button,.pill-button,.control-button,.dialog-primary,.dialog-secondary,.dialog-close{min-height:44px;border:2px solid var(--color-ink);transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) ease}.icon-button,.dialog-close{display:inline-grid;width:44px;min-width:44px;place-items:center;padding:0;border-radius:14px;background:var(--color-card);box-shadow:0 3px 0 var(--color-ink)}.icon-button:hover,.dialog-close:hover{background:#fff1b9}.icon-button:active,.dialog-close:active,.pill-button:active,.control-button:active,.dialog-primary:active,.dialog-secondary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--color-ink)}.pill-button{display:inline-flex;align-items:center;gap:7px;padding:0 14px;border-radius:14px;background:var(--color-card);box-shadow:0 3px 0 var(--color-ink);font-weight:800}.sound-off-icon,#sound-toggle[aria-pressed=false] .sound-on-icon{display:none}#sound-toggle[aria-pressed=false] .sound-off-icon{display:block}.game-layout{display:grid;gap:24px;align-items:start;padding:14px 0 46px}.game-stage{min-width:0}.stage-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}.stage-meta{display:flex;align-items:center;gap:8px}.timer-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;border:2px solid var(--color-ink);border-radius:999px;background:#fff1b9;box-shadow:0 3px 0 var(--color-ink);font-family:var(--font-display);font-size:.82rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:background-color var(--motion-base) ease}.timer-chip .icon{width:18px;height:18px}.timer-chip.is-running{background:var(--color-accent)}.eyebrow,.rail-kicker{margin:0 0 2px;color:var(--color-primary-deep);font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.difficulty-trigger{display:inline-flex;align-items:center;gap:3px;min-height:26px;padding:0;border:0;color:var(--color-primary-deep);background:transparent;transition:color var(--motion-fast) ease}.difficulty-trigger:hover{color:var(--color-secondary-deep)}.difficulty-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{overflow-wrap:anywhere}h1,h2{margin:0;font-family:var(--font-display);line-height:1.05;text-wrap:balance}h1{font-size:clamp(2rem,8vw,3.7rem);letter-spacing:-.05em}h2{font-size:clamp(1.4rem,5vw,2rem);letter-spacing:-.035em}.lives{display:flex;align-items:center;gap:3px;min-height:36px;padding:6px 9px;border:2px solid var(--color-ink);border-radius:999px;background:var(--color-card);box-shadow:0 3px 0 var(--color-ink)}.heart{width:20px;height:20px;fill:var(--color-primary);stroke:var(--color-ink);stroke-width:1.7;transition:fill var(--motion-base) ease,opacity var(--motion-base) ease,transform var(--motion-base) ease}.heart.lost{fill:transparent;opacity:.42;transform:scale(.82)}.progress-track{height:9px;margin-bottom:14px;overflow:hidden;border:2px solid var(--color-ink);border-radius:999px;background:#fff}.progress-track span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--color-secondary);transform:scaleX(0);transform-origin:left center;transition:transform var(--motion-base) ease-out}.board-frame{position:relative;isolation:isolate;overflow:hidden;width:100%;padding:clamp(8px,2.5vw,18px);border:3px solid var(--color-ink);border-radius:clamp(20px,6vw,32px);background:#f8d9e9;box-shadow:var(--shadow-clay)}.board-frame:before,.board-frame:after{position:absolute;z-index:-1;width:140px;height:140px;border:22px solid rgb(255 255 255 / 28%);border-radius:50%;content:""}.board-frame:before{top:-82px;right:-54px}.board-frame:after{bottom:-98px;left:-68px}.board-grid{--grid-size: 4;position:relative;display:grid;grid-template-columns:repeat(var(--grid-size),minmax(0,1fr));grid-template-rows:repeat(var(--grid-size),minmax(0,1fr));gap:clamp(3px,1vw,8px);width:100%;aspect-ratio:1;padding:clamp(5px,1.6vw,12px);border:2px solid rgb(23 20 41 / 17%);border-radius:clamp(15px,4vw,23px);background:#fffafda1;box-shadow:inset 0 4px 14px #5823451a}.grid-cell{min-width:0;border:1px dashed rgb(23 20 41 / 10%);border-radius:clamp(7px,1.8vw,13px);background:#ffffff42}.arrow-piece{position:relative;z-index:2;display:grid;min-width:0;min-height:0;place-items:center;padding:5%;border:clamp(1.5px,.45vw,2.5px) solid var(--color-ink);border-radius:clamp(8px,2vw,15px);color:var(--arrow-ink, #fff);background:var(--arrow-color, var(--color-secondary));box-shadow:0 clamp(2px,.7vw,5px) 0 var(--color-ink),inset 0 2px #ffffff70;cursor:pointer;transition:filter var(--motion-fast) ease,box-shadow var(--motion-fast) ease,opacity var(--motion-base) ease,transform var(--motion-fast) ease;-webkit-tap-highlight-color:transparent}.arrow-piece:after{position:absolute;inset:10%;border:2px solid transparent;border-radius:inherit;content:"";pointer-events:none}.arrow-piece:hover{filter:brightness(1.08) saturate(1.05)}.arrow-piece:active{transform:translateY(2px);box-shadow:0 1px 0 var(--color-ink),inset 0 2px #ffffff5c}.arrow-piece:focus-visible{z-index:5;outline:4px solid #fff;outline-offset:-6px;box-shadow:0 0 0 4px var(--color-ink),0 5px 0 var(--color-ink)}.arrow-piece svg{width:78%;height:78%;overflow:visible;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(var(--rotation, 0deg));filter:drop-shadow(0 1px 0 rgb(23 20 41 / 22%));pointer-events:none}.arrow-piece.tone-0{--arrow-color: #18152b;--arrow-ink: #fff8fc}.arrow-piece.tone-1{--arrow-color: #ef5aa1;--arrow-ink: #171429}.arrow-piece.tone-2{--arrow-color: #8b5cf6;--arrow-ink: #ffffff}.arrow-piece.tone-3{--arrow-color: #f6bf32;--arrow-ink: #171429}.arrow-piece.blocked{animation:blocked-bump .36s ease-out}.arrow-piece.blocked:after{border-color:#fff;animation:blocked-ring .5s ease-out}.arrow-piece.blocker-hit{animation:blocker-pulse .52s ease-out}.arrow-piece.hinted{z-index:4;animation:hint-pulse .85s ease-in-out 3}.arrow-piece.hinted:after{border-color:#fff;box-shadow:0 0 0 4px var(--color-accent),0 0 0 7px var(--color-ink)}.arrow-piece.escaping{z-index:6;pointer-events:none;animation:arrow-escape .36s cubic-bezier(.22,.61,.36,1) forwards;backface-visibility:hidden;box-shadow:none;contain:layout style;transition:none;will-change:transform,opacity}.arrow-piece.escaping svg{filter:none}.board-stamp{position:absolute;right:25px;bottom:21px;z-index:8;color:#17142947;font-family:var(--font-display);font-size:clamp(.55rem,1.8vw,.72rem);font-weight:900;letter-spacing:.14em;pointer-events:none;transform:rotate(-2deg)}.game-status{min-height:28px;margin:25px 4px 14px;color:var(--color-muted);font-weight:700;text-align:center}.game-status.is-error{color:var(--color-error)}.game-status.is-success{color:var(--color-success)}.primary-controls{align-items:stretch}.control-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 16px;border-radius:16px;box-shadow:0 4px 0 var(--color-ink);font-weight:900}.control-button.secondary{flex:0 1 42%;background:#fff}.control-button.primary{flex:1 1 58%;background:var(--color-accent)}.control-button:hover:not(:disabled){background-color:#ffe48c}.control-button:disabled{opacity:.48;box-shadow:0 2px 0 var(--color-ink)}.hint-count{display:inline-grid;min-width:24px;height:24px;place-items:center;border:1.5px solid currentColor;border-radius:999px;font-size:.76rem;font-variant-numeric:tabular-nums}.game-rail{display:grid;gap:14px}.rail-card{padding:20px;border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-card);box-shadow:0 5px #dcb8cb}.rail-card h2{font-size:1.35rem}.rail-card p{margin:10px 0 0;color:var(--color-muted)}.objective-card{background:#fff4bd}.mini-rule{display:flex;align-items:center;margin-top:18px}.mini-arrow{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:2px solid var(--color-ink);border-radius:11px;color:#fff;background:var(--color-secondary);box-shadow:0 3px 0 var(--color-ink)}.mini-arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.route-line{height:2px;flex:1;border-top:2px dashed var(--color-ink)}.edge-label{padding-left:8px;font-size:.68rem;font-weight:900;letter-spacing:.08em}.rail-title-row,.key-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.level-chip{padding:4px 9px;border-radius:999px;color:#fff;background:var(--color-ink);font-size:.72rem;font-weight:900;font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 0}.stats-grid div{min-width:0;padding-top:10px;border-top:1.5px solid var(--color-border)}.stats-grid dt{color:var(--color-muted);font-size:.75rem;font-weight:700}.stats-grid dd{margin:2px 0 0;font-family:var(--font-display);font-size:1.45rem;font-weight:900;font-variant-numeric:tabular-nums}.key-card h2{margin-bottom:13px}.key-row{min-height:36px;color:var(--color-muted);font-size:.82rem;font-weight:700}kbd{min-width:34px;padding:4px 8px;border:1.5px solid var(--color-ink);border-bottom-width:3px;border-radius:7px;color:var(--color-ink);background:#fff;font-family:var(--font-body);font-size:.68rem;font-weight:900;text-align:center}.ad-slot{display:grid;min-height:100px;place-items:center;align-content:center;margin:0 auto 48px;border:1.5px dashed #b89aac;border-radius:16px;color:#746879;background:#ffffff85;text-align:center}.ad-slot span{font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ad-slot p{margin:2px 0 0;font-size:.82rem}.about-game{display:grid;gap:24px;padding:clamp(26px,6vw,54px);border:3px solid var(--color-ink);border-radius:var(--radius-lg);color:#fff;background:var(--color-ink);box-shadow:0 8px 0 var(--color-secondary)}.about-game .eyebrow{color:#ff8cc4}.about-game h2{max-width:16ch;font-size:clamp(1.8rem,6vw,3.4rem)}.about-copy{max-width:66ch}.about-copy p{margin:0;color:#e7e2ef}.about-copy p+p{margin-top:16px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:30px 4px 0;color:var(--color-muted);font-size:.78rem;font-weight:700}.game-dialog{width:min(calc(100% - 32px),520px);max-height:min(760px,calc(100dvh - 32px));overflow:auto;padding:clamp(24px,6vw,36px);border:3px solid var(--color-ink);border-radius:var(--radius-lg);color:var(--color-ink);background:var(--color-card);box-shadow:0 10px 0 var(--color-ink),0 28px 70px #17142947}.game-dialog[open]{animation:dialog-in var(--motion-base) ease-out}.game-dialog::backdrop{background:#171429ad;backdrop-filter:blur(4px)}.game-dialog form{margin:0}.dialog-close{position:absolute;top:16px;right:16px}.game-dialog h2{max-width:calc(100% - 52px);margin-bottom:14px;font-size:clamp(1.8rem,7vw,2.65rem)}.dialog-intro{max-width:42ch;margin:0 0 24px;color:var(--color-muted)}.difficulty-dialog{width:min(calc(100% - 24px),620px)}.difficulty-options{display:grid;gap:12px}.difficulty-option{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;min-height:86px;padding:13px 14px;border:2px solid var(--color-ink);border-radius:18px;color:var(--color-ink);background:#fff;box-shadow:0 4px 0 var(--color-ink);text-align:left;transition:filter var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) ease}.difficulty-option:hover{filter:brightness(1.03) saturate(1.08)}.difficulty-option:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-ink)}.difficulty-option[aria-pressed=true]{box-shadow:0 0 0 4px var(--color-accent),0 5px 0 var(--color-ink)}.difficulty-option.easy{background:#fff4bd}.difficulty-option.medium{background:#f8b8d8}.difficulty-option.hard{color:#fff;background:var(--color-ink)}.difficulty-icon{display:grid;width:56px;height:56px;place-items:center;border:2px solid currentColor;border-radius:16px;background:#ffffff47}.difficulty-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.difficulty-copy,.difficulty-copy strong,.difficulty-copy span{display:block}.difficulty-copy strong{font-family:var(--font-display);font-size:1.2rem;line-height:1.1}.difficulty-copy span{margin-top:3px;color:var(--color-muted);font-size:.8rem;font-weight:700}.difficulty-option.hard .difficulty-copy span{color:#ddd7e8}.difficulty-action{max-width:102px;padding:5px 8px;border:1.5px solid currentColor;border-radius:999px;font-size:.69rem;font-weight:900;line-height:1.2;text-align:center}.steps-list{display:grid;gap:18px;margin:26px 0;padding:0;list-style:none}.steps-list li{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}.steps-list li>span{display:grid;width:42px;height:42px;place-items:center;border:2px solid var(--color-ink);border-radius:13px;background:#f9b7d8;box-shadow:0 3px 0 var(--color-ink);font-family:var(--font-display);font-weight:900}.steps-list strong{font-family:var(--font-display);font-size:1.05rem}.steps-list p{margin:3px 0 0;color:var(--color-muted)}.dialog-primary,.dialog-secondary{min-height:50px;padding:0 20px;border-radius:15px;box-shadow:0 4px 0 var(--color-ink);font-weight:900}.dialog-primary{background:var(--color-accent)}.dialog-secondary{background:#fff}.game-dialog form>.dialog-primary{width:100%}.level-groups{display:grid;gap:24px;margin-top:24px}.level-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.level-group-heading h3{margin:0;font-family:var(--font-display);font-size:1.05rem}.level-group-heading span{color:var(--color-muted);font-size:.72rem;font-weight:800}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px}.level-button{position:relative;display:grid;aspect-ratio:1;min-width:0;place-items:center;border:2px solid var(--color-ink);border-radius:13px;color:var(--color-ink);background:#fff;box-shadow:0 3px 0 var(--color-ink);font-family:var(--font-display);font-weight:900;transition:background-color var(--motion-fast) ease,opacity var(--motion-fast) ease,transform var(--motion-fast) ease}.level-button:hover:not(:disabled){background:#fff1b9}.level-button.current{color:#fff;background:var(--color-secondary-deep)}.level-button.completed:after{position:absolute;right:5px;bottom:5px;width:7px;height:7px;border:1px solid var(--color-ink);border-radius:50%;background:var(--color-accent);content:""}.level-button:disabled{opacity:.35;background:#e7e2e8;box-shadow:none}.result-dialog{text-align:center}.result-dialog h2{max-width:none}.result-art{display:grid;width:150px;height:98px;place-items:center;margin:0 auto 18px;border:3px solid var(--color-ink);border-radius:30px;color:var(--color-ink);background:#f8b8d8;box-shadow:0 7px 0 var(--color-ink);transform:rotate(-3deg)}.result-art.fail{color:#fff;background:var(--color-error)}.result-art svg{width:106px;fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.result-dialog>p:not(.eyebrow){margin:8px auto 0;color:var(--color-muted)}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.result-stats div{padding:14px;border:2px solid var(--color-border);border-radius:15px;background:#fff8fc}.result-stats span,.result-stats strong{display:block}.result-stats span{color:var(--color-muted);font-size:.72rem;font-weight:800}.result-stats strong{margin-top:2px;font-family:var(--font-display);font-size:1.25rem}.dialog-actions>*{flex:1}.arcade-result-dialog{text-align:center}.arcade-result-dialog h2{max-width:none;margin:12px 0 8px}.arcade-result-dialog>p{max-width:38ch;margin:0 auto;color:var(--color-muted)}.arcade-result-dialog .dialog-primary{width:100%}.arcade-result-mark{display:grid;width:112px;height:92px;place-items:center;margin:-4px auto 0;border:2px solid var(--color-ink);border-radius:26px;background:#fff1b9;box-shadow:0 5px 0 var(--color-ink),0 12px 24px #1714291f}.arcade-result-mark svg{width:82px;height:66px;fill:var(--color-secondary);stroke:var(--color-ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.jam-result-dialog .arcade-result-mark{background:#c7f4ed}.jam-result-dialog .arcade-result-mark svg{fill:none;stroke:var(--color-success);stroke-width:9}@keyframes arrow-escape{0%{opacity:1;transform:translateZ(0) rotate(0)}72%{opacity:1}to{opacity:0;transform:translate3d(var(--exit-x),var(--exit-y),0) rotate(var(--exit-spin))}}@keyframes blocked-bump{0%,to{transform:translate(0)}24%{transform:translate(calc(var(--bump-x) * 1px),calc(var(--bump-y) * 1px))}49%{transform:translate(calc(var(--bump-x) * -.55px),calc(var(--bump-y) * -.55px))}72%{transform:translate(calc(var(--bump-x) * .28px),calc(var(--bump-y) * .28px))}}@keyframes blocked-ring{0%{opacity:1;transform:scale(.82)}to{opacity:0;transform:scale(1.35)}}@keyframes blocker-pulse{0%,to{filter:brightness(1)}45%{filter:brightness(1.38) saturate(1.5);box-shadow:0 4px 0 var(--color-ink),0 0 0 6px #bc254e52}}@keyframes hint-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:620px){.site-shell{padding-right:28px;padding-left:28px}.topbar{min-height:88px}.game-layout{width:min(100%,760px);margin:0 auto}.level-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.about-game{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:end}}@media(min-width:920px){.game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:34px;width:100%;max-width:1070px;padding-top:30px}.game-stage{max-width:710px}.game-rail{position:sticky;top:20px}}@media(min-width:1200px){.game-layout{grid-template-columns:minmax(0,720px) 320px;gap:46px}}@media(max-width:480px){.site-shell{padding-right:8px;padding-left:8px}.topbar{gap:8px}.top-actions{gap:4px}.brand{gap:7px;letter-spacing:0}.brand-mark{width:38px;height:38px}.pill-button{width:44px;min-width:44px;padding:0;justify-content:center}.pill-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.game-layout{padding-top:6px}.lives{gap:1px;padding-right:7px;padding-left:7px}.heart{width:18px;height:18px}.stage-meta{gap:5px}.timer-chip{padding-right:8px;padding-left:8px}.game-status{margin-top:22px;font-size:.9rem}.control-button{min-width:0;padding-right:11px;padding-left:11px;font-size:.9rem}.key-card{display:none}.difficulty-dialog{padding-right:18px;padding-left:18px}.difficulty-option{grid-template-columns:48px minmax(0,1fr);gap:11px;padding:11px}.difficulty-icon{width:48px;height:48px;border-radius:13px}.difficulty-icon svg{width:32px;height:32px}.difficulty-action{grid-column:2;justify-self:start;max-width:none}}[hidden]{display:none!important}@media(max-width:360px){.stage-heading{gap:7px}.stage-heading h1{font-size:1.85rem}.timer-chip{gap:4px;padding-right:6px;padding-left:6px;font-size:.75rem}.lives{padding-right:5px;padding-left:5px}.heart{width:16px;height:16px}.result-stats{gap:6px}.result-stats div{padding:10px 6px}}@media(max-height:520px)and (orientation:landscape){.topbar{min-height:58px}.game-layout{grid-template-columns:minmax(280px,.78fr) minmax(250px,1fr);gap:20px;align-items:center}.game-rail{display:block}.game-rail .stats-card,.game-rail .key-card{display:none}.stage-heading h1{font-size:1.7rem}.progress-track{margin-bottom:8px}.game-status{margin:12px 0 8px}.control-button{min-height:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.arcade-home,.mini-game-view{min-height:100dvh}.arcade-home{width:min(100%,1240px);margin:0 auto;padding:0 18px 32px}.arcade-header,.mini-game-toolbar{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:16px;padding:max(12px,env(safe-area-inset-top)) 0 10px}.arcade-brand{display:inline-flex;align-items:center;gap:11px;color:var(--color-ink);font-family:var(--font-display);font-size:1.1rem;font-weight:750;letter-spacing:.035em;text-decoration:none}.arcade-brand strong{font-weight:950}.arcade-brand svg{width:44px;height:44px;overflow:visible;fill:var(--color-accent);stroke:var(--color-ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 0 #d79b07)}.arcade-brand svg path:last-child{fill:none}.arcade-count,.mini-brand{color:var(--color-muted);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.arcade-main{padding:clamp(30px,6vw,74px) 0 48px}.arcade-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(28px,6vw,88px);align-items:end;margin-bottom:clamp(42px,7vw,82px)}.arcade-intro h1{max-width:780px;margin:0;font-family:var(--font-display);font-size:clamp(3.2rem,8.4vw,7rem);font-weight:900;letter-spacing:-.04em;line-height:.91;text-wrap:balance}.arcade-intro p{max-width:42ch;margin:0 0 7px;color:var(--color-muted);font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.65}.game-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-tile{display:grid;grid-template-columns:minmax(160px,.78fr) minmax(0,1.22fr);min-height:312px;overflow:hidden;border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-clay)}.game-preview{position:relative;min-height:100%;overflow:hidden;border-right:2px solid var(--color-ink)}.game-preview:after{position:absolute;inset:0;background-image:radial-gradient(circle at 8px 8px,rgb(23 20 41 / 12%) 1.5px,transparent 1.8px);background-size:19px 19px;content:"";pointer-events:none}.game-tile-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:25px 23px 23px}.game-number{display:inline-grid;min-width:40px;min-height:29px;place-items:center;padding:3px 8px;border:2px solid var(--color-ink);border-radius:999px;color:#fff;background:var(--color-ink);font-size:.72rem;font-weight:900;letter-spacing:.08em}.game-tile h2{margin:19px 0 7px;font-family:var(--font-display);font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.05;letter-spacing:-.025em}.game-tile p{margin:0;color:var(--color-muted);font-size:.92rem;line-height:1.55}.game-tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 18px}.game-tags span{padding:4px 8px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);background:#ffffffa6;font-size:.68rem;font-weight:800}.game-launch,.mini-reset,.back-home{min-height:46px;border:2px solid var(--color-ink);border-radius:14px;font-weight:850;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease}.game-launch{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:auto;padding:0 14px;color:#fff;background:var(--color-ink);box-shadow:0 4px #1714294d;text-decoration:none}.game-launch span{font-size:1.3rem;line-height:1}.game-launch:hover,.mini-reset:hover,.back-home:hover{background:#fff1b9;color:var(--color-ink)}.game-launch:active,.mini-reset:active,.back-home:active{transform:translateY(2px);box-shadow:none}.preview-arrow{background:#ffd5e8}.preview-arrow-piece{position:absolute;z-index:1;display:block;width:68px;aspect-ratio:1;border:3px solid var(--color-ink);border-radius:16px;background:var(--color-accent);box-shadow:0 6px 0 var(--color-ink)}.preview-arrow-piece:before,.preview-arrow-piece:after{position:absolute;background:var(--color-ink);content:""}.preview-arrow-piece:before{top:31px;left:16px;width:35px;height:7px;border-radius:6px}.preview-arrow-piece:after{top:23px;right:15px;width:19px;height:19px;border-top:7px solid var(--color-ink);border-right:7px solid var(--color-ink);background:transparent;transform:rotate(45deg)}.preview-arrow-piece.up{top:26px;left:25px;transform:rotate(-90deg)}.preview-arrow-piece.right{top:112px;right:20px;background:var(--color-primary)}.preview-arrow-piece.left{bottom:23px;left:30px;background:var(--color-secondary);transform:rotate(180deg)}.preview-blast{background:#d9d1ff}.blast-shape{position:absolute;z-index:1;display:block;width:54px;height:54px;border:3px solid var(--color-ink);border-radius:12px;background:var(--color-secondary);box-shadow:0 5px 0 var(--color-ink)}.blast-shape.one{top:31px;left:30px;box-shadow:57px 0 0 -3px var(--color-secondary),57px 0 0 0 var(--color-ink),0 5px 0 var(--color-ink),57px 5px 0 0 var(--color-ink)}.blast-shape.two{top:114px;right:30px;background:var(--color-primary);box-shadow:0 57px 0 -3px var(--color-primary),0 57px 0 0 var(--color-ink),0 5px 0 var(--color-ink),0 62px 0 0 var(--color-ink)}.blast-shape.three{bottom:29px;left:27px;background:var(--color-accent)}.preview-jam{background:#fff1b9}.jam-preview-block,.jam-preview-goal{position:absolute;z-index:1;width:66px;aspect-ratio:1;border:3px solid var(--color-ink);border-radius:17px;box-shadow:0 6px 0 var(--color-ink)}.jam-preview-block.rose{top:27px;left:25px;background:var(--color-primary)}.jam-preview-block.violet{top:105px;right:22px;background:var(--color-secondary)}.jam-preview-block.amber{bottom:26px;left:31px;background:var(--color-accent)}.jam-preview-goal{right:23px;bottom:23px;border-style:dashed;background:transparent;box-shadow:none}.preview-water{display:flex;align-items:flex-end;justify-content:center;gap:14px;padding-bottom:38px;background:#c7f4ed}.preview-tube{position:relative;z-index:1;display:flex;width:44px;height:145px;flex-direction:column-reverse;overflow:hidden;border:4px solid var(--color-ink);border-top:0;border-radius:0 0 20px 20px;background:#ffffff70;transform:rotate(3deg)}.preview-tube:nth-child(2){transform:translateY(-18px) rotate(-4deg)}.preview-tube:nth-child(3){transform:rotate(5deg)}.preview-tube i{display:block;height:31%}.water-a{background:var(--color-primary)}.water-b{background:var(--color-secondary)}.water-c{background:var(--color-accent)}.preview-snake{background:#f4bfd8}.snake-preview-screen{position:absolute;z-index:1;top:34px;left:50%;width:min(76%,164px);aspect-ratio:.9;border:9px solid #35323c;border-radius:24px 24px 35px 35px;background:#c9d898;box-shadow:0 6px 0 var(--color-ink),inset 0 0 0 3px #829061;transform:translate(-50%) rotate(-2deg)}.snake-preview-score{position:absolute;top:10px;right:11px;color:#34402c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;font-weight:900;letter-spacing:.1em}.snake-preview-body,.snake-preview-fruit{position:absolute;width:18px;height:18px;background:#34402c;box-shadow:inset -3px -3px #0000002e}.snake-preview-body.p1{top:44px;left:22px}.snake-preview-body.p2{top:44px;left:41px}.snake-preview-body.p3{top:44px;left:60px}.snake-preview-body.p4{top:63px;left:60px}.snake-preview-body.p5{top:82px;left:60px}.snake-preview-body.p6{top:82px;left:79px;border-radius:0 7px 7px 0}.snake-preview-fruit{right:22px;bottom:21px;width:14px;height:14px;background:transparent;border:4px solid #34402c;box-shadow:none}.snake-preview-key{position:absolute;z-index:1;bottom:23px;width:45px;height:24px;border:3px solid var(--color-ink);border-radius:999px;background:#35323c;box-shadow:0 4px 0 var(--color-ink)}.snake-preview-key.key-left{left:24px;transform:rotate(14deg)}.snake-preview-key.key-right{right:24px;transform:rotate(-14deg)}.preview-breaker{display:grid;place-items:center;background:#7866c4}.breaker-preview-cabinet{position:relative;z-index:1;width:min(76%,164px);height:224px;overflow:hidden;border:8px solid #26243a;border-radius:23px 23px 34px 34px;background:#111025;box-shadow:0 7px 0 var(--color-ink),inset 0 0 0 2px #4c486b;transform:rotate(2deg)}.breaker-preview-cabinet:before{position:absolute;inset:0;background:linear-gradient(145deg,rgb(255 255 255 / 9%),transparent 42%);content:""}.breaker-preview-bricks{position:absolute;top:27px;left:13px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;width:calc(100% - 26px)}.breaker-preview-bricks i{height:14px;border:2px solid #171429;border-radius:4px;background:#40e5f5;box-shadow:0 0 8px #40e5f5b3}.breaker-preview-bricks i:nth-child(5n+2),.breaker-preview-bricks i:nth-child(5n+4){background:#ff4fa3;box-shadow:0 0 8px #ff4fa3b3}.breaker-preview-bricks i:nth-child(n+11){background:#ffd34d;box-shadow:0 0 8px #ffd34da6}.breaker-preview-ball{position:absolute;right:38px;bottom:58px;width:14px;height:14px;border:2px solid #171429;border-radius:50%;background:#fff7cf;box-shadow:0 0 12px #fff1a8}.breaker-preview-paddle{position:absolute;right:29px;bottom:25px;width:78px;height:14px;border:2px solid #171429;border-radius:999px;background:#40e5f5;box-shadow:0 0 11px #40e5f5b3}.arcade-promise{display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;margin-top:28px;padding:20px 22px;border:2px solid var(--color-ink);border-radius:18px;color:var(--color-muted);background:#fff;box-shadow:0 5px 0 var(--color-ink);font-size:.87rem}.arcade-promise strong{color:var(--color-ink);font-size:1rem}.arcade-footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 6px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.82rem}.mini-game-view{width:min(100%,1120px);margin:0 auto;padding:0 18px 40px}.mini-game-toolbar{border-bottom:1px solid var(--color-border)}.back-home{display:inline-flex;align-items:center;gap:8px;padding:0 14px 0 10px;background:#fff;box-shadow:0 3px 0 var(--color-ink);text-decoration:none}.back-home svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mini-reset{padding:0 16px;background:#fff;box-shadow:0 3px 0 var(--color-ink)}.mini-game-main{padding:clamp(32px,5vw,58px) 0 20px}.mini-game-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}.mini-game-heading h1{margin:0 0 5px;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.8rem);line-height:.98;letter-spacing:-.04em}.mini-game-heading h1:focus-visible{outline:none}.mini-game-heading p{margin:0;color:var(--color-muted)}.mini-score{display:flex;gap:10px;margin:0}.mini-score div{min-width:82px;padding:9px 12px;border:2px solid var(--color-ink);border-radius:14px;background:#fff;box-shadow:0 3px 0 var(--color-ink)}.mini-score dt{color:var(--color-muted);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mini-score dd{margin:1px 0 0;font-family:var(--font-display);font-size:1.3rem;font-variant-numeric:tabular-nums;font-weight:900}.mini-status{min-height:28px;margin:0 0 17px;color:var(--color-muted);font-weight:700}.mini-status[data-tone=error]{color:var(--color-error)}.mini-status[data-tone=success]{color:var(--color-success)}.blast-layout,.jam-layout{display:grid;grid-template-columns:minmax(320px,590px) minmax(230px,1fr);gap:clamp(24px,4vw,54px);align-items:start}.block-board,.jam-board{display:grid;width:100%;aspect-ratio:1;padding:clamp(7px,1.5vw,12px);border:2px solid var(--color-ink);border-radius:clamp(18px,3vw,28px);background:#f0deea;box-shadow:var(--shadow-clay)}.block-board{grid-column:1;grid-row:1;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(2px,.5vw,5px)}.block-cell{min-width:0;padding:0;border:1px solid rgb(23 20 41 / 15%);border-radius:clamp(4px,.9vw,9px);background:#ffffff94;box-shadow:inset 0 2px 3px #58234512;transition:transform var(--motion-fast) ease,background-color var(--motion-fast) ease}.block-cell:not(.is-filled):not(:disabled):hover{background:#fff1b9;transform:scale(.92)}.block-cell.is-filled{border:2px solid var(--color-ink);box-shadow:inset 0 2px #ffffff61,0 2px 0 var(--color-ink);cursor:default}.block-cell.tone-0{background:var(--color-primary)}.block-cell.tone-1{background:var(--color-secondary)}.block-cell.tone-2{background:var(--color-accent)}.block-cell.tone-3{background:#25b9a6}.piece-dock,.jam-help{padding:23px;border:2px solid var(--color-ink);border-radius:22px;background:#fff;box-shadow:0 6px #dcb8cb,0 14px 28px #5823451a}.piece-dock{grid-column:2;grid-row:1}.piece-dock h2,.jam-help h2{margin:0 0 17px;font-family:var(--font-display);font-size:1.25rem}.piece-dock>p,.jam-help>p{margin:17px 0 0;color:var(--color-muted);font-size:.84rem}.piece-tray{display:grid;gap:11px}.piece-choice{display:grid;min-height:92px;place-items:center;padding:12px;border:2px solid var(--color-ink);border-radius:15px;color:#fff;background:#f9edf4;box-shadow:0 3px 0 var(--color-ink)}.piece-choice:hover:not(:disabled),.piece-choice.is-selected{transform:translateY(-2px);box-shadow:0 5px 0 var(--color-ink),0 0 0 4px #fff,0 0 0 7px var(--color-secondary)}.piece-choice:disabled{opacity:.42;box-shadow:none}.piece-mini-grid{display:grid;grid-template-columns:repeat(var(--piece-cols),24px);grid-template-rows:repeat(var(--piece-rows),24px);gap:3px}.piece-mini-grid i{border:2px solid var(--color-ink);border-radius:6px;background:var(--piece-color);box-shadow:0 2px 0 var(--color-ink)}.piece-choice.tone-0{--piece-color: var(--color-primary)}.piece-choice.tone-1{--piece-color: var(--color-secondary)}.piece-choice.tone-2{--piece-color: var(--color-accent)}.piece-choice.tone-3{--piece-color: #25b9a6}.piece-used{color:var(--color-muted);font-size:.78rem;font-weight:850;text-transform:uppercase}.jam-board{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(3px,.65vw,7px);background:#fff3c7}.jam-cell{position:relative;display:grid;min-width:0;place-items:center;padding:9%;border:1px dashed rgb(23 20 41 / 17%);border-radius:clamp(7px,1.4vw,13px);background:#ffffff7f}.jam-cell svg,.jam-legend-item svg{width:66%;height:66%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round}.jam-cell.has-block{border:2px solid var(--color-ink);color:var(--jam-symbol);background:var(--jam-color);box-shadow:0 4px 0 var(--color-ink),inset 0 2px #ffffff73}.jam-cell.has-block:hover,.jam-cell.has-block.is-selected{transform:translateY(-2px);box-shadow:0 6px 0 var(--color-ink),0 0 0 4px #fff,0 0 0 7px var(--jam-color)}.jam-cell.has-goal{border:3px dashed var(--jam-color);color:var(--jam-color);background:#ffffffab}.jam-cell.is-home:after{position:absolute;inset:7px;border:3px dashed rgb(255 255 255 / 80%);border-radius:inherit;content:""}.jam-cell.is-wall{border:2px solid rgb(23 20 41 / 45%);background:repeating-linear-gradient(135deg,#d4c0cc 0 7px,#eadbe3 7px 14px);opacity:.8}.jam-rose{--jam-color: #ec4899;--jam-symbol: #171429}.jam-violet{--jam-color: #7040d7;--jam-symbol: #fff}.jam-amber{--jam-color: #f6b91a;--jam-symbol: #171429}.jam-teal{--jam-color: #25b9a6;--jam-symbol: #171429}.jam-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:21px}.jam-legend-item{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid var(--color-border);border-radius:11px;color:var(--jam-symbol);background:var(--jam-color);font-size:.73rem;font-weight:800}.jam-legend-item svg{width:25px;height:25px;flex:0 0 auto}.jam-next{margin-top:22px}.water-layout{padding:clamp(24px,5vw,50px);border:2px solid var(--color-ink);border-radius:28px;background:#d8f7f1;box-shadow:var(--shadow-clay)}.tube-board{display:flex;min-height:320px;align-items:flex-end;justify-content:center;gap:clamp(12px,3vw,35px);padding:20px 0 28px}.water-tube{position:relative;width:clamp(48px,8vw,76px);height:clamp(190px,27vw,265px);overflow:hidden;padding:0;border:5px solid var(--color-ink);border-top:0;border-radius:0 0 28px 28px;background:linear-gradient(90deg,#e4fbf7bd,#ffffffe0 42%,#def6f3ad);box-shadow:inset 7px 0 #ffffff73,inset -4px 0 #1714290d,0 7px 10px #17142921;transform-origin:bottom center;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.water-tube:before{position:absolute;z-index:3;top:0;left:-7px;width:calc(100% + 14px);height:7px;border:3px solid var(--color-ink);border-radius:999px;background:linear-gradient(180deg,#fff,#d9f3ef);content:""}.water-tube:after{position:absolute;z-index:4;top:17px;bottom:34px;left:11%;width:12%;border-radius:999px;background:linear-gradient(180deg,#ffffffb8,#ffffff2e);content:"";pointer-events:none}.water-tube:hover,.water-tube.is-selected{transform:translateY(-12px) rotate(-2deg);box-shadow:0 0 0 4px #fff,0 0 0 7px var(--color-secondary),0 10px #17142921}.water-layer{position:absolute;right:2px;bottom:calc(2px + var(--layer) * 24.3%);left:2px;height:24.7%;border-top:1px solid rgb(23 20 41 / 22%);box-shadow:inset 7px 0 #ffffff21,inset -7px 0 #1714291a}.water-layer:after{position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,rgb(255 255 255 / 26%) 38%,transparent 58%);content:""}.water-layer:first-child{border-radius:0 0 23px 23px}.water-layer.is-top{border-radius:50% 50% 0 0/7px 7px 0 0}.water-layer:first-child.is-top{border-radius:48% 48% 23px 23px/7px 7px 23px 23px}.water-rose{background:linear-gradient(90deg,#bd286b,#f34b91 46%,#ff91bd 72%,#bd286b)}.water-violet{background:linear-gradient(90deg,#6d43cf,#9167ed 46%,#c2a8ff 72%,#6d43cf)}.water-amber{background:linear-gradient(90deg,#d28d05,#f8bd25 46%,#ffe184 72%,#d28d05)}.water-teal{background:linear-gradient(90deg,#168e83,#27bfae 46%,#8be5da 72%,#168e83)}.water-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.water-actions .game-launch{width:auto;min-width:150px}@keyframes roll-guide-pulse{to{box-shadow:0 4px #2a2031,0 0 0 4px #f6cf726b}}@keyframes roll-hint-pulse{to{box-shadow:0 4px #2a2031,0 0 0 5px #2f8f837a}}@keyframes water-settle{0%{transform:scaleY(.86);transform-origin:bottom}58%{transform:scaleY(1.06);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@media(max-width:900px){.game-library{grid-template-columns:1fr}.game-tile{min-height:285px}.arcade-promise{grid-template-columns:1fr 1fr}.arcade-promise strong{grid-column:1 / -1}.blast-layout,.jam-layout{grid-template-columns:minmax(0,1fr)}.block-board,.jam-board,.piece-dock,.jam-help{max-width:620px;margin:0 auto}.block-board,.piece-dock{grid-column:1;grid-row:auto;width:100%}.piece-tray{grid-template-columns:repeat(3,1fr)}.snake-layout{grid-template-columns:minmax(0,1fr)}.snake-device{max-width:680px;margin:0 auto}.snake-run-panel{position:static;width:min(100%,680px);margin:8px auto 0;grid-template-columns:repeat(2,minmax(0,1fr))}.snake-goal-panel{grid-column:1 / -1}.snake-panel-start{min-height:58px}.breaker-layout{grid-template-columns:minmax(0,1fr)}.breaker-cabinet{max-width:720px;margin:0 auto}.breaker-run-panel{position:static;width:min(100%,720px);margin:8px auto 0;grid-template-columns:repeat(2,minmax(0,1fr))}.breaker-progress-panel{grid-column:1 / -1}.breaker-panel-action{min-height:58px}.dot-maze-layout{grid-template-columns:minmax(0,1fr)}.dot-maze-board-shell{max-width:720px;margin:0 auto}.dot-maze-run-panel{position:static;width:min(100%,720px);margin:8px auto 0;grid-template-columns:repeat(2,minmax(0,1fr))}.dot-maze-mission-panel{grid-column:1 / -1}.dot-maze-panel-action{min-height:58px}.claw-layout{grid-template-columns:minmax(0,1fr)}.claw-cabinet{max-width:720px;margin:0 auto}.claw-run-panel{position:static;width:min(100%,720px);margin:8px auto 0;grid-template-columns:repeat(2,minmax(0,1fr))}.claw-room-panel{grid-column:1 / -1}.claw-panel-action{min-height:58px}.cricket-layout{grid-template-columns:minmax(0,1fr)}.cricket-ground{max-width:720px;margin:0 auto}.cricket-run-panel{position:static;width:min(100%,720px);margin:8px auto 0;grid-template-columns:repeat(2,minmax(0,1fr))}.cricket-chase-panel{grid-column:1 / -1}.cricket-panel-action{min-height:58px}.roll-layout{grid-template-columns:minmax(0,1fr)}.roll-temple{max-width:720px;margin:0 auto}.roll-run-panel{position:static;width:min(100%,720px);margin:8px auto 0;grid-template-columns:repeat(2,minmax(0,1fr))}.roll-stage-panel{grid-column:1 / -1}.roll-panel-action{min-height:58px}.ruby-layout{grid-template-columns:minmax(0,1fr)}.ruby-stage-shell{max-width:720px;margin:0 auto}.ruby-run-panel{position:static;width:min(100%,720px);margin:8px auto 0;grid-template-columns:repeat(2,minmax(0,1fr))}.ruby-stage-panel{grid-column:1 / -1}.ruby-panel-action{min-height:58px}}@media(max-width:680px){.arcade-count,.mini-brand{display:none}.arcade-main{padding-top:30px}.arcade-intro{grid-template-columns:1fr;gap:22px;margin-bottom:42px}.arcade-intro h1{font-size:clamp(3rem,15vw,5.1rem)}.arcade-intro p{max-width:50ch}.mini-game-heading{align-items:flex-start;flex-direction:column;gap:18px}.tube-board{min-height:280px;flex-wrap:wrap;align-content:flex-end}.water-tube{width:54px;height:190px}.snake-run-panel{grid-template-columns:1fr}.snake-heading{align-items:flex-start}.breaker-run-panel{grid-template-columns:1fr}.breaker-heading{align-items:flex-start}.breaker-scoreboard{flex-wrap:wrap}.dot-maze-run-panel{grid-template-columns:1fr}.dot-maze-heading{align-items:flex-start}.dot-maze-scoreboard{flex-wrap:wrap}.claw-run-panel{grid-template-columns:1fr}.claw-heading{align-items:flex-start}.claw-scoreboard{flex-wrap:wrap}.cricket-run-panel{grid-template-columns:1fr}.cricket-heading{align-items:flex-start}.cricket-scoreboard{flex-wrap:wrap}.roll-run-panel{grid-template-columns:1fr}.roll-heading{align-items:flex-start}.roll-scoreboard{flex-wrap:wrap}.ruby-run-panel{grid-template-columns:1fr}.ruby-heading{align-items:flex-start}.ruby-scoreboard{flex-wrap:wrap}}@media(max-width:520px){.arcade-home,.mini-game-view{padding-right:12px;padding-left:12px}.arcade-header,.mini-game-toolbar{min-height:66px}.game-tile{grid-template-columns:1fr}.game-preview{min-height:190px;border-right:0;border-bottom:2px solid var(--color-ink)}.game-tile-copy{min-height:270px}.preview-arrow-piece{width:58px}.preview-arrow-piece:before{top:26px;left:13px;width:32px}.preview-arrow-piece:after{top:18px;right:12px}.preview-arrow-piece.right{top:62px;right:26px}.preview-arrow-piece.left{bottom:20px;left:42%}.blast-shape.two{top:52px}.preview-water{padding-bottom:22px}.preview-tube{height:135px}.arcade-promise{grid-template-columns:1fr}.arcade-promise strong{grid-column:auto}.arcade-footer{flex-direction:column;gap:6px}.back-home span{display:none}.back-home{width:46px;padding:0;justify-content:center}.mini-game-main{padding-top:28px}.mini-game-heading h1{font-size:2.55rem}.mini-score{width:100%}.mini-score div{flex:1}.piece-dock,.jam-help{padding:17px}.piece-tray{gap:7px}.piece-choice{min-height:78px;padding:7px}.piece-mini-grid{grid-template-columns:repeat(var(--piece-cols),18px);grid-template-rows:repeat(var(--piece-rows),18px)}.jam-legend{grid-template-columns:1fr}.water-layout{padding:20px 10px}.tube-board{gap:14px;padding-top:5px}.water-tube{width:46px;height:156px;border-width:4px}.water-actions{flex-wrap:wrap}.snake-toolbar-actions{gap:7px}.snake-toolbar-actions .mini-icon-action{width:46px}.snake-device{padding:25px 14px 22px;border-radius:32px 32px 48px 48px}.snake-screen-bezel{padding:12px 10px 9px;border-radius:17px 17px 31px}.snake-lcd-meta{font-size:.57rem}.snake-start-screen{gap:7px;padding:17px}.snake-start-mark{width:58px;height:44px}.snake-start-screen strong{font-size:2.1rem}.snake-start-screen>span{max-width:29ch;font-size:.75rem}.snake-start-screen button{min-height:44px}.snake-device-controls{min-height:151px;gap:15px;padding:18px 3px 0}.snake-dpad{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px)}.snake-direction{min-width:50px;min-height:50px}.snake-direction svg{width:23px;height:23px}.snake-pause-key{width:74px;min-height:60px}.snake-run-panel{gap:11px}.snake-scoreboard div{min-width:0;padding:8px 10px}.breaker-toolbar-actions{gap:7px}.breaker-toolbar-actions .mini-icon-action{width:46px}.breaker-cabinet{padding:16px 10px 18px;border-radius:28px 28px 40px 40px}.breaker-marquee{min-height:42px;padding:7px 9px}.breaker-marquee span{display:none}.breaker-marquee strong{grid-column:1 / -1}.breaker-canvas-wrap{margin-top:9px}.breaker-start-screen{gap:8px;padding:18px}.breaker-start-screen strong{font-size:2rem}.breaker-start-screen>span{max-width:28ch;font-size:.75rem}.breaker-start-screen button{min-height:44px}.breaker-touch-controls{gap:8px;padding-top:13px}.breaker-touch-controls button{min-width:52px;min-height:52px;padding:0 12px}.breaker-touch-controls .breaker-action-key{width:min(52%,200px)}.breaker-run-panel{gap:11px}.breaker-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.breaker-scoreboard div{min-width:0;padding:8px 7px}.breaker-scoreboard dt{font-size:.6rem}.breaker-scoreboard dd{font-size:1.1rem}.dot-maze-toolbar-actions{gap:7px}.dot-maze-toolbar-actions .mini-icon-action{width:46px}.dot-maze-board-shell{padding:13px 9px 17px;border-radius:25px 25px 35px 35px}.dot-maze-board-label{min-height:39px;padding:6px 8px}.dot-maze-canvas-wrap{margin-top:8px}.dot-maze-start-screen{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:9px}.dot-maze-start-screen svg{display:none}.dot-maze-start-screen strong{grid-column:1;font-size:1rem}.dot-maze-start-screen>span{grid-column:1;max-width:24ch;font-size:.64rem}.dot-maze-start-screen button{grid-column:2;grid-row:1 / 3;min-height:44px;padding:0 12px;font-size:.76rem}.dot-maze-dpad{grid-template-columns:repeat(3,minmax(52px,72px));grid-template-rows:repeat(3,52px);gap:6px;padding-top:13px}.dot-maze-direction,.dot-maze-pause{min-height:50px}.dot-maze-run-panel{gap:11px}.dot-maze-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.dot-maze-scoreboard div{min-width:0;padding:8px 6px}.dot-maze-scoreboard dt{font-size:.57rem}.dot-maze-scoreboard dd{font-size:1rem}.claw-toolbar-actions{gap:7px}.claw-toolbar-actions .mini-icon-action{width:46px}.claw-cabinet{padding:13px 9px 18px;border-radius:26px 26px 38px 38px}.claw-marquee{min-height:41px;padding:6px 8px}.claw-marquee span{display:none}.claw-marquee strong{grid-column:1 / -1;justify-self:center}.claw-briefing{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:9px}.claw-briefing svg{display:none}.claw-briefing strong{grid-column:1;font-size:1rem}.claw-briefing>span{grid-column:1;max-width:24ch;font-size:.63rem}.claw-briefing button{grid-column:2;grid-row:1 / 3;min-height:44px;padding:0 11px;font-size:.74rem}.claw-canvas-wrap{margin-top:9px}.claw-touch-controls{gap:6px;padding-top:13px}.claw-touch-controls button{min-width:70px;min-height:52px;gap:4px;padding:0 9px}.claw-touch-controls button span{display:none}.claw-touch-controls .claw-drop-control{width:min(48%,180px);font-size:.8rem}.claw-run-panel{gap:11px}.claw-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.claw-scoreboard div{min-width:0;padding:8px 6px}.claw-scoreboard dt{font-size:.57rem}.claw-scoreboard dd{font-size:1rem}.claw-prize-list{grid-template-columns:repeat(3,minmax(0,1fr))}.cricket-toolbar-actions{gap:7px}.cricket-game-view .cricket-main{padding-top:16px}.cricket-game-view .cricket-heading{gap:10px;margin-bottom:10px}.cricket-game-view .cricket-status{font-size:.88rem}.cricket-toolbar-actions .mini-icon-action{width:46px}.cricket-ground{padding:13px 9px 18px;border-radius:26px 26px 38px 38px}.cricket-score-strip{min-height:40px;padding:6px 8px}.cricket-score-strip span{display:none}.cricket-score-strip strong{grid-column:1 / -1;justify-self:center}.cricket-briefing{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:9px}.cricket-briefing svg{display:none}.cricket-briefing strong{grid-column:1;font-size:1rem}.cricket-briefing>span{grid-column:1;max-width:24ch;font-size:.63rem}.cricket-briefing button{grid-column:2;grid-row:1 / 3;min-height:44px;padding:0 10px;font-size:.72rem}.cricket-canvas-wrap{margin-top:9px}.cricket-shot-controls{gap:6px;padding-top:13px}.cricket-shot-controls button{min-height:56px;column-gap:4px;padding:6px 5px}.cricket-shot-controls svg{width:19px;height:19px}.cricket-shot-controls span{font-size:.76rem}.cricket-shot-controls small{font-size:.52rem}.cricket-run-panel{gap:11px}.cricket-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cricket-scoreboard div{min-width:0;padding:8px 6px}.cricket-scoreboard dt{font-size:.57rem}.cricket-scoreboard dd{font-size:1rem}.roll-toolbar-actions{gap:7px}.roll-game-view .roll-main{padding-top:11px}.roll-game-view .roll-heading{gap:10px;margin-bottom:10px}.roll-game-view .roll-heading h1{font-size:2.23rem}.roll-game-view .roll-status{font-size:.86rem}.roll-toolbar-actions .mini-icon-action{width:46px}.roll-temple{padding:13px 9px 18px;border-radius:26px 26px 38px 38px}.roll-frieze{min-height:40px;padding:6px 8px}.roll-frieze span{display:none}.roll-frieze strong{grid-column:1 / -1;justify-self:center}.roll-briefing{grid-template-columns:minmax(0,1fr) auto;gap:2px 7px;padding:8px 9px}.roll-briefing svg{display:none}.roll-briefing strong,.roll-briefing>span{grid-column:1}.roll-briefing strong{font-size:.98rem}.roll-briefing>span{max-width:none;font-size:.62rem}.roll-briefing-actions{grid-column:2;grid-row:1 / 3;gap:6px}.roll-guide-button,.roll-hint-button{min-height:44px;padding:0 9px;font-size:.62rem}.roll-guide-button{width:44px;padding:0;justify-content:center}.roll-guide-button span{display:none}.roll-guide-button svg,.roll-hint-button svg{display:block;width:18px;height:18px}.roll-canvas-wrap{margin-top:9px}.roll-tutorial{right:8px;bottom:9px;width:calc(100% - 16px);padding:12px;border-radius:14px}.roll-tutorial h2{font-size:1.02rem}.roll-tutorial>p{margin-top:4px;font-size:.61rem}.roll-tutorial-close{top:7px;right:7px;width:44px;height:44px}.roll-direction-map{gap:5px;margin-top:8px}.roll-direction-map>div{min-height:41px;grid-template-columns:22px minmax(0,1fr) 20px;gap:4px;padding:4px 5px}.roll-direction-map svg{width:20px;height:20px}.roll-direction-map strong{font-size:.64rem}.roll-direction-map small{font-size:.54rem}.roll-tutorial-foot{gap:7px;margin-top:7px}.roll-tutorial-foot p{font-size:.57rem}.roll-tutorial-action{min-height:44px;padding:0 9px;font-size:.58rem}.roll-controls{gap:6px;padding-top:13px}.roll-controls button{min-height:56px;flex-direction:column;flex-wrap:nowrap;gap:2px;padding:5px 1px}.roll-controls button:last-child svg{order:-1}.roll-controls svg{width:18px;height:18px}.roll-controls span{max-width:100%;overflow:visible;font-size:.6rem;line-height:1.05;text-overflow:clip;white-space:normal}.roll-run-panel{gap:11px}.roll-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.roll-scoreboard div{min-width:0;padding:8px 6px}.roll-scoreboard dt{font-size:.57rem}.roll-scoreboard dd{font-size:1rem}.ruby-toolbar-actions{gap:7px}.ruby-game-view .ruby-main{padding-top:11px}.ruby-game-view .ruby-heading{gap:10px;margin-bottom:10px}.ruby-game-view .ruby-heading h1{font-size:2.35rem}.ruby-game-view .ruby-status{font-size:.84rem}.ruby-toolbar-actions .mini-icon-action{width:46px}.ruby-stage-shell{padding:13px 9px 18px;border-radius:26px 26px 38px 38px}.ruby-marquee{min-height:40px;padding:6px 8px}.ruby-marquee span{display:none}.ruby-marquee strong{grid-column:1 / -1;justify-self:center}.ruby-briefing{grid-template-columns:42px minmax(0,1fr);gap:2px 8px;padding:8px 9px}.ruby-briefing svg{width:39px;height:36px}.ruby-briefing strong{font-size:.98rem}.ruby-briefing>span{font-size:.61rem}.ruby-canvas-wrap{margin-top:9px}.ruby-start-screen{gap:7px;padding:17px}.ruby-start-screen svg{width:72px;height:58px}.ruby-start-screen strong{font-size:1.35rem}.ruby-start-screen>span{max-width:30ch;font-size:.7rem}.ruby-start-screen button{min-height:44px}.ruby-controls{gap:6px;padding-top:13px}.ruby-controls button{min-width:0;min-height:56px;flex:1;gap:4px;padding:0 7px}.ruby-controls button span{font-size:.66rem}.ruby-controls svg{width:21px;height:21px}.ruby-controls .ruby-pause-control{min-width:76px;flex:.74}.ruby-run-panel{gap:11px}.ruby-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ruby-scoreboard div{min-width:0;padding:8px 5px}.ruby-scoreboard dt{font-size:.55rem}.ruby-scoreboard dd{font-size:.93rem}@media(max-width:360px){.ruby-briefing{display:none}.ruby-game-view .ruby-main{padding-top:5px}.ruby-game-view .ruby-heading{margin-bottom:7px}.ruby-game-view .ruby-heading>div p{display:none}.ruby-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.ruby-controls button{padding-right:4px;padding-left:4px}.ruby-controls button span{font-size:.6rem}.ruby-controls svg{width:18px;height:18px}}}@media(forced-colors:active){.block-cell.is-filled,.jam-cell.has-block,.water-layer,#snake-canvas,#breaker-canvas,#dot-maze-canvas,#claw-canvas,#cricket-canvas,#roll-canvas,#ruby-canvas{forced-color-adjust:none}}.road-hopper-game-view{--road-ink: #24392f;--road-paper: #f5edcf;--road-green: #91ad69;--road-river: #3f91a7;--road-coral: #ec6d55;--road-gold: #f4c657;--road-teal: #5cb8ad;color:var(--road-ink);background-color:#e8dfbd;background-image:linear-gradient(rgb(61 79 61 / 8%) 1px,transparent 1px),linear-gradient(90deg,rgb(61 79 61 / 8%) 1px,transparent 1px);background-size:22px 22px}.road-hopper-game-view .mini-game-toolbar{border-bottom-color:var(--road-ink);background:var(--road-paper)}.road-hopper-game-view .back-home,.road-hopper-game-view .mini-reset{border-color:var(--road-ink);color:var(--road-ink);background:#fff9e5;box-shadow:0 3px 0 var(--road-ink)}.road-hopper-game-view .back-home:hover,.road-hopper-game-view .mini-reset:hover{background:#ffd787}.road-hopper-game-view .back-home:focus-visible,.road-hopper-game-view .mini-reset:focus-visible,.road-hopper-game-view button:focus-visible,#road-hopper-canvas:focus-visible{outline-color:var(--road-coral)}.road-hopper-main{width:min(1190px,calc(100% - 24px))}.road-hopper-heading{align-items:end}.road-hopper-kicker,.road-hopper-marquee,.road-hopper-ticket span,.road-hopper-ticket>strong,.road-hopper-rail-label,.road-hopper-panel-head span,.road-hopper-local-card>span{font:900 .6rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.road-hopper-kicker{color:#a13f2e}.road-hopper-heading h1{max-width:none;margin-top:5px;color:var(--road-ink);font-size:clamp(3.2rem,7.5vw,6.2rem);letter-spacing:-.055em;text-transform:uppercase;text-shadow:4px 4px 0 var(--road-gold)}.road-hopper-heading p{color:#516458}.road-hopper-scoreboard{grid-template-columns:repeat(4,minmax(72px,1fr));border-color:var(--road-ink);background:var(--road-paper);box-shadow:4px 4px #719486}.road-hopper-scoreboard>div{border-color:#24392f38}.road-hopper-scoreboard dt{color:#5e7066}.road-hopper-scoreboard dd{color:var(--road-ink)}#road-hopper-passes{color:#a94335;letter-spacing:.08em}.road-hopper-status{border-color:var(--road-ink);color:var(--road-ink);background:var(--road-paper);box-shadow:3px 3px 0 var(--road-teal)}.road-hopper-status[data-tone=success]{color:#315b2e}.road-hopper-status[data-tone=error]{color:#983b2f}.road-hopper-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;align-items:start;gap:clamp(16px,2.5vw,30px)}.road-hopper-board{overflow:hidden;border:5px solid var(--road-ink);border-radius:7px;background:#826447;box-shadow:8px 8px #719486,0 22px 50px #24392f3d}.road-hopper-marquee{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;color:#d4e8d8;background:var(--road-ink)}.road-hopper-marquee strong{color:var(--road-gold);font-size:.65rem}.road-hopper-ticket{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:18px;padding:10px 18px;border-bottom:4px solid var(--road-ink);color:#354d40;background-color:#dfe5b8;background-image:repeating-linear-gradient(90deg,transparent 0 33px,rgb(36 57 47 / 8%) 34px 35px)}.road-hopper-ticket h2{margin:4px 0 0;color:var(--road-ink);font:950 clamp(1rem,2vw,1.4rem)/1 var(--font-display);text-transform:uppercase}.road-hopper-ticket>strong{padding:9px 12px;border:2px solid var(--road-ink);color:var(--road-ink);background:var(--road-gold);box-shadow:3px 3px 0 var(--road-ink);transform:rotate(-1deg)}.road-hopper-frame{position:relative;overflow:hidden;aspect-ratio:720 / 700;border:9px solid #826447;background:#b8c887;touch-action:none}.road-hopper-frame:after{position:absolute;z-index:1;inset:0;border:2px solid rgb(245 237 207 / 30%);box-shadow:inset 0 0 32px #312a1c3d;pointer-events:none;content:""}#road-hopper-canvas{display:block;width:100%;height:100%;outline:none;cursor:grab}#road-hopper-canvas:active{cursor:grabbing}#road-hopper-canvas:focus-visible{box-shadow:inset 0 0 0 6px var(--road-coral)}.road-hopper-start,.road-hopper-pause-screen{position:absolute;z-index:2;inset:5%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(10px,2.4vw,22px);border:3px solid var(--road-ink);color:var(--road-ink);background:#f5edcff7;box-shadow:7px 7px 0 var(--road-coral);text-align:center}.road-hopper-start>span,.road-hopper-pause-screen>span{color:#9f3f30;font:900 .55rem/1 ui-monospace,monospace;letter-spacing:.1em}.road-hopper-start h2{margin:6px 0 0;font:950 clamp(1.05rem,2.5vw,1.7rem)/1 var(--font-display);text-transform:uppercase}.road-hopper-demo{position:relative;width:min(76%,350px);height:110px;margin:11px auto 9px;overflow:hidden;border:3px solid var(--road-ink);background:var(--road-green)}.road-hopper-demo .demo-road,.road-hopper-demo .demo-river{position:absolute;right:0;left:0;height:34px}.road-hopper-demo .demo-road{bottom:8px;background:#3c4240}.road-hopper-demo .demo-road:after{position:absolute;top:15px;right:0;left:0;border-top:2px dashed #fff1bf;content:""}.road-hopper-demo .demo-river{top:9px;background:repeating-linear-gradient(0deg,#3f91a7 0 8px,#4da0b3 8px 10px)}.road-hopper-demo .demo-car{position:absolute;z-index:1;right:18%;bottom:14px;width:66px;height:23px;border:2px solid var(--road-ink);border-radius:6px;background:var(--road-coral);animation:road-demo-car 2.7s linear infinite}.road-hopper-demo .demo-raft{position:absolute;z-index:1;top:14px;left:11%;width:92px;height:22px;border:2px solid #4b392c;border-radius:12px;background:repeating-linear-gradient(90deg,#ce8c4f 0 17px,#9f663e 17px 20px);animation:road-demo-raft 3.1s linear infinite}.road-hopper-demo>em{position:absolute;z-index:2;bottom:49px;left:47%;width:20px;height:25px;border:2px solid var(--road-ink);border-radius:9px;background:var(--road-coral);animation:road-demo-hop 2s ease-in-out infinite}.road-hopper-demo>u{position:absolute;top:4px;left:49%;height:102px;border-left:2px dotted var(--road-ink);opacity:.4;text-decoration:none}@keyframes road-demo-car{0%{transform:translate(90px)}to{transform:translate(-310px)}}@keyframes road-demo-raft{0%{transform:translate(-130px)}to{transform:translate(300px)}}@keyframes road-demo-hop{0%,20%{transform:translateY(17px)}44%,56%{transform:translateY(-24px)}80%,to{transform:translateY(-58px)}}.road-hopper-start ol{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px;padding:0;list-style:none;counter-reset:road-step}.road-hopper-start li{position:relative;min-width:0;padding:7px 5px 7px 27px;border:1.5px dashed #83917e;text-align:left;counter-increment:road-step}.road-hopper-start li:before{position:absolute;top:7px;left:6px;display:grid;width:15px;height:15px;place-items:center;border:1.5px solid var(--road-ink);border-radius:50%;color:var(--road-ink);content:counter(road-step);font:900 .45rem/1 ui-monospace,monospace}.road-hopper-start li b,.road-hopper-start li small{display:block}.road-hopper-start li b{font-size:.56rem}.road-hopper-start li small{margin-top:3px;color:#5d6b61;font-size:.45rem;line-height:1.25}.road-hopper-start button,.road-hopper-pause-screen button{min-height:45px;padding:9px 21px;border:3px solid var(--road-ink);color:var(--road-ink);background:var(--road-gold);box-shadow:4px 4px 0 var(--road-coral);font:950 .62rem/1 var(--font-display);text-transform:uppercase}.road-hopper-start button:hover,.road-hopper-pause-screen button:hover{background:#ffdd79}.road-hopper-start button:active,.road-hopper-pause-screen button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--road-coral)}.road-hopper-pause-screen{inset:24%;gap:10px}.road-hopper-pause-screen strong{font:950 1rem/1.1 var(--font-display);text-transform:uppercase}.road-hopper-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:11px;border-top:4px solid var(--road-ink);background:#826447}.road-hopper-controls button{display:grid;min-width:0;min-height:62px;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:6px;align-items:center;padding:8px;border:2px solid var(--road-ink);color:var(--road-ink);background:var(--road-paper);box-shadow:0 4px 0 var(--road-ink);text-align:left;touch-action:none;user-select:none}.road-hopper-controls button>span{grid-row:1/3;font:950 1.2rem/1 var(--font-display)}.road-hopper-controls button strong{align-self:end;font:950 .51rem/1 var(--font-display);text-transform:uppercase}.road-hopper-controls button small{align-self:start;margin-top:4px;color:#5e6b62;font:850 .43rem/1 ui-monospace,monospace}.road-hopper-controls button:hover:not(:disabled){background:#fff9e5}.road-hopper-controls button:active:not(:disabled),.road-hopper-controls button.is-held:not(:disabled){background:var(--road-gold);box-shadow:0 1px 0 var(--road-ink);transform:translateY(3px)}.road-hopper-controls .road-hopper-forward{background:#b9d77d}.road-hopper-controls #road-hopper-pause{background:var(--road-gold)}.road-hopper-controls button:disabled{color:#747b76;background:#cac7b8;box-shadow:0 2px 0 var(--road-ink)}.road-hopper-instructions{margin:0;padding:9px 13px 11px;border-top:2px dashed rgb(245 237 207 / 55%);color:#f5edcf;background:var(--road-ink);font-size:.58rem;line-height:1.45}.road-hopper-rail{display:grid;gap:12px}.road-hopper-progress-card,.road-hopper-level-card,.road-hopper-config-card,.road-hopper-rule-card,.road-hopper-local-card{border:3px solid var(--road-ink);color:var(--road-ink);background:var(--road-paper);box-shadow:5px 5px #719486}.road-hopper-progress-card,.road-hopper-level-card,.road-hopper-config-card,.road-hopper-rule-card{padding:15px}.road-hopper-rail-label,.road-hopper-panel-head span,.road-hopper-local-card>span{color:#a13f2e}.road-hopper-rail h2{margin:5px 0 0;color:var(--road-ink);font-size:1rem}.road-hopper-progress-card>p,.road-hopper-level-card>p{margin:7px 0 10px;color:#57665d;font-size:.65rem;line-height:1.4}.road-hopper-meter,.road-hopper-clock-meter{height:15px;overflow:hidden;border:2px solid var(--road-ink);background:#c8c6ac}.road-hopper-meter span,.road-hopper-clock-meter span{display:block;width:0;height:100%;transition:width .2s ease}.road-hopper-meter span{background:repeating-linear-gradient(90deg,var(--road-teal) 0 12px,#8ed0b5 12px 24px)}.road-hopper-clock-meter{height:8px;margin-top:6px}.road-hopper-clock-meter span{background:var(--road-gold)}.road-hopper-clock-meter span.is-low{background:var(--road-coral)}.road-hopper-progress-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0 0}.road-hopper-progress-card dl>div,.road-hopper-config-card dl>div{padding:8px 4px;border:1.5px solid #889388;background:#fff9e5;text-align:center}.road-hopper-progress-card dt,.road-hopper-config-card dt{color:#5f6c64;font-size:.42rem;text-transform:uppercase}.road-hopper-progress-card dd,.road-hopper-config-card dd{margin:4px 0 0;font:950 .7rem/1 var(--font-display)}.road-hopper-panel-head{display:flex;align-items:end;justify-content:space-between;gap:10px}.road-hopper-panel-head>strong{color:#a13f2e;font:950 .8rem/1 var(--font-display)}.road-hopper-level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:12px}.road-hopper-level-grid button{display:grid;min-width:0;min-height:39px;place-content:center;gap:2px;padding:2px;border:1.5px solid #7e8b82;color:var(--road-ink);background:#fff9e5;font:950 .55rem/1 ui-monospace,monospace}.road-hopper-level-grid button small{font-size:.32rem}.road-hopper-level-grid button.is-current{border-color:var(--road-ink);background:var(--road-gold);box-shadow:2px 2px 0 var(--road-ink)}.road-hopper-level-grid button:disabled{color:#757c76;background:#d1cebe}.road-hopper-config-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0 0}.road-hopper-rule-card ul{display:grid;gap:9px;margin:12px 0 0;padding:0;list-style:none}.road-hopper-rule-card li{display:flex;align-items:center;gap:10px}.road-hopper-rule-card li>b{position:relative;display:block;width:36px;height:36px;flex:0 0 auto;border:2px solid var(--road-ink)}.road-hopper-rule-card li>b.verge{background:var(--road-green)}.road-hopper-rule-card li>b.verge:after{position:absolute;inset:14px 5px;border-top:3px dotted var(--road-ink);content:""}.road-hopper-rule-card li>b.traffic{background:#3c4240}.road-hopper-rule-card li>b.traffic:after{position:absolute;inset:9px 4px;border:2px solid var(--road-ink);border-radius:4px;background:var(--road-coral);content:""}.road-hopper-rule-card li>b.raft{background:var(--road-river)}.road-hopper-rule-card li>b.raft:after{position:absolute;inset:11px 3px;border:2px solid #4b392c;border-radius:9px;background:repeating-linear-gradient(90deg,#ce8c4f 0 7px,#9f663e 7px 9px);content:""}.road-hopper-rule-card p,.road-hopper-rule-card strong,.road-hopper-rule-card small{display:block;margin:0}.road-hopper-rule-card strong{font-size:.63rem}.road-hopper-rule-card small{margin-top:2px;color:#58665d;font-size:.52rem;line-height:1.3}.road-hopper-local-card{padding:13px 15px;color:#d8e5dc;background:var(--road-ink);box-shadow-color:var(--road-coral)}.road-hopper-local-card>span{color:var(--road-gold)}.road-hopper-local-card p{margin:7px 0 0;color:#cedbd2;font-size:.58rem;line-height:1.45}.road-hopper-local-card strong{color:#fff9e5}.preview-road-hopper{overflow:hidden;background:#b8c887}.road-preview-map{position:absolute;inset:16px;overflow:hidden;border:3px solid #24392f;background:#91ad69;box-shadow:5px 5px #24392f}.road-preview-map .road,.road-preview-map .river{position:absolute;right:0;left:0;height:38px}.road-preview-map .road{background:#3c4240}.road-preview-map .road:after{position:absolute;top:18px;right:0;left:0;border-top:2px dashed #fff1bf;content:""}.road-preview-map .road.one{bottom:15px}.road-preview-map .road.two{bottom:62px}.road-preview-map .river{top:28px;background:repeating-linear-gradient(0deg,#3f91a7 0 9px,#4da0b3 9px 11px)}.road-preview-map .car{position:absolute;right:27px;bottom:69px;width:66px;height:24px;border:2px solid #24392f;border-radius:6px;background:#ec6d55}.road-preview-map .raft{position:absolute;top:35px;left:30px;width:91px;height:23px;border:2px solid #4b392c;border-radius:12px;background:repeating-linear-gradient(90deg,#ce8c4f 0 16px,#9f663e 16px 19px)}.road-preview-map>em{position:absolute;bottom:25px;left:45%;width:20px;height:27px;border:2px solid #24392f;border-radius:8px;background:#f4c657}.preview-road-hopper>strong{position:absolute;z-index:2;right:9px;bottom:8px;padding:6px 8px;border:2px solid #24392f;color:#24392f;background:#f4c657;box-shadow:2px 2px #24392f;font:950 .55rem/1 ui-monospace,monospace;transform:rotate(-2deg)}.tile-road-hopper .game-number{color:#a13f2e}.tile-road-hopper .game-launch{color:#24392f;background:#f4c657}.road-hopper-result-dialog{border-color:var(--road-ink);border-radius:6px;color:var(--road-ink);background-color:var(--road-paper);background-image:linear-gradient(rgb(36 57 47 / 7%) 1px,transparent 1px),linear-gradient(90deg,rgb(36 57 47 / 7%) 1px,transparent 1px);background-size:18px 18px;box-shadow:8px 8px #719486,0 30px 70px #24392f66}.road-hopper-result-mark{display:grid;width:100px;height:62px;margin:0 auto 13px;place-items:center;border:4px double var(--road-ink);color:var(--road-ink);background:var(--road-gold);font:950 1.2rem/1 ui-monospace,monospace;transform:rotate(-3deg)}.road-hopper-result-mark.is-over{color:#fff9e5;background:#a13f2e}.road-hopper-result-kicker{color:#a13f2e}.road-hopper-result-dialog h2{color:var(--road-ink);text-transform:uppercase}.road-hopper-result-dialog>p{color:#57665d}.road-hopper-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.road-hopper-result-stats>div{padding:9px 5px;border:2px solid var(--road-ink);background:#fff9e5;text-align:center}.road-hopper-result-stats dt{color:#5e6c63;font-size:.45rem;text-transform:uppercase}.road-hopper-result-stats dd{margin:4px 0 0;font:950 .95rem/1 var(--font-display)}.road-hopper-result-dialog .dialog-primary{color:var(--road-ink);background:var(--road-gold)}@media(max-width:980px){.road-hopper-layout{grid-template-columns:1fr}.road-hopper-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.road-hopper-local-card{grid-column:1/-1}}@media(max-width:650px){.road-hopper-main{width:min(100% - 12px,590px)}.road-hopper-heading{align-items:stretch}.road-hopper-heading h1{font-size:clamp(2.8rem,16vw,4.6rem)}.road-hopper-scoreboard{grid-template-columns:repeat(4,minmax(0,1fr))}.road-hopper-scoreboard>div{min-width:0;overflow:hidden;padding-inline:3px}.road-hopper-scoreboard dt{font-size:.42rem}.road-hopper-scoreboard dd{font-size:.75rem}.road-hopper-marquee span{display:none}.road-hopper-marquee{min-height:31px;justify-content:center;padding:6px 10px}.road-hopper-ticket{min-height:52px;padding:7px 9px}.road-hopper-ticket h2{font-size:.88rem}.road-hopper-ticket>strong{padding:6px 8px;font-size:.45rem}.road-hopper-frame{border-width:5px}.road-hopper-start{inset:4px;display:grid;grid-template-columns:.85fr 1.3fr;grid-template-rows:auto 1fr auto;gap:4px 6px;padding:5px;box-shadow:3px 3px 0 var(--road-coral)}.road-hopper-start>span{display:none}.road-hopper-start h2{grid-column:1/-1;margin:0;font-size:.75rem}.road-hopper-demo{grid-column:1;grid-row:2;width:100%;height:81px;margin:0}.road-hopper-start ol{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr;gap:2px;margin:0}.road-hopper-start li{min-height:18px;padding:2px 2px 2px 18px}.road-hopper-start li:before{top:2px;left:2px;width:12px;height:12px;font-size:.34rem}.road-hopper-start li b{font-size:.4rem}.road-hopper-start li small{display:none}.road-hopper-start button{grid-column:1/-1;min-height:32px;padding:4px 12px;font-size:.46rem}.road-hopper-controls{gap:4px;padding:7px}.road-hopper-controls button{min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:3px;text-align:center}.road-hopper-controls button>span{font-size:.95rem}.road-hopper-controls button strong{align-self:auto;font-size:.38rem}.road-hopper-controls button small{display:none}.road-hopper-instructions{padding:7px 9px 9px;font-size:.47rem}.road-hopper-rail{grid-template-columns:1fr}.road-hopper-local-card{grid-column:auto}.road-hopper-pause-screen{inset:18%}}@media(max-width:380px){.road-hopper-game-view .mini-game-toolbar{gap:5px}.road-hopper-game-view .mini-reset{max-width:88px;font-size:.42rem}.road-hopper-heading h1{font-size:2.6rem}.road-hopper-ticket>div>span{display:none}}@media(prefers-reduced-motion:reduce){.road-hopper-demo .demo-car,.road-hopper-demo .demo-raft,.road-hopper-demo>em{animation:none}.road-hopper-meter span,.road-hopper-clock-meter span,.road-hopper-start button,.road-hopper-pause-screen button{transition-duration:1ms}}@media(forced-colors:active){#road-hopper-canvas{border:2px solid CanvasText}.road-hopper-start,.road-hopper-pause-screen{forced-color-adjust:none}}