/* Quick, forgiving one-impulse games, fitted to the mobile game viewport. */
.arcade-root{--arcade-gold:#edc678;--arcade-cyan:#74d8c3;--arcade-coral:#f08b83;position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:9px;color:#e8f0ef;font-family:inherit;padding:10px 14px 8px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 45%,#193744 0%,#0b1923 72%);isolation:isolate;overflow:hidden;border-radius:24px}
.arcade-root *{box-sizing:border-box}.arcade-root button,.arcade-root select{font:inherit;-webkit-tap-highlight-color:transparent}.arcade-root button{cursor:pointer}.arcade-root button:disabled{cursor:default}.arcade-root button:focus-visible,.arcade-root select:focus-visible{outline:3px solid #fff1bc;outline-offset:3px}
.arcade-toolbar{display:flex;align-items:center;gap:7px;flex-shrink:0}.arcade-title-block{flex:1;min-width:0}.arcade-eyebrow{font-size:9px;letter-spacing:.9px;color:#a4bebf;display:block}.arcade-title{font-size:23px;line-height:1.15;margin:3px 0 0;font-weight:750;letter-spacing:-.5px}.arcade-icon{width:33px;height:36px;padding:7px;border:1px solid #29434e;border-radius:12px;color:#c2d8d6;background:#18303b;flex-shrink:0}.arcade-icon svg{display:block;width:100%;height:100%}
.arcade-hud{display:flex;align-items:center;justify-content:space-between;padding:10px 13px 8px;border:1px solid #29434d;border-radius:17px;background:linear-gradient(110deg,#17323e,#162730);flex-shrink:0}.arcade-metric{min-width:65px;color:var(--arcade-cyan)}.arcade-metric-right{text-align:right;color:var(--arcade-gold)}.arcade-root[data-mode=race] .arcade-metric-right{color:var(--arcade-coral)}.arcade-caption{font-size:9px;letter-spacing:1px;color:#acc2c3;display:block;line-height:1.35}.arcade-value{font-size:28px;line-height:1.05;font-variant-numeric:tabular-nums}.arcade-clock{text-align:center}.arcade-time{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;color:#fff1c5}.arcade-last-seconds{color:#ffa292}
.arcade-progress{height:3px;border-radius:2px;background:#203943;overflow:hidden;flex-shrink:0}.arcade-progress>span{display:block;height:100%;background:var(--arcade-gold);border-radius:2px;transition:width .1s linear}.arcade-race-track{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:5px 9px}.arcade-race-track[hidden]{display:none}.arcade-race-row{display:flex;align-items:center;gap:5px}.arcade-race-label{font-size:9px;letter-spacing:1px;color:#a1c4c4;min-width:26px}.arcade-race-dot{flex:1;height:10px;border-radius:4px;background:#1e3541;border:1px solid #35535f;transition:background .15s,box-shadow .15s}.arcade-race-row[data-owner="0"] .arcade-race-done{background:#76d5be;border-color:#95ebd6;box-shadow:0 0 5px #76d5be45}.arcade-race-row[data-owner="1"] .arcade-race-done{background:#ef9384;border-color:#ffb8a6;box-shadow:0 0 5px #ef938445}.arcade-bot-step .arcade-race-row[data-owner="1"] .arcade-race-done{box-shadow:0 0 9px #ffb397a0}
.arcade-board-wrap{flex:1;min-height:0;display:grid;place-items:center;position:relative;padding:5px}.arcade-board{--board-size:300px;--grid-size:3;position:relative;width:var(--board-size);height:var(--board-size);max-width:100%;max-height:100%;border:1px solid #3b6372;border-radius:22px;background:linear-gradient(145deg,#1d3944,#0f2432);box-shadow:inset 0 1px 0 #ffffff12,0 12px 35px #00000030;overflow:visible;transition:border-color .16s,box-shadow .16s}.arcade-cell,.arcade-ring,.arcade-chip{position:absolute;width:calc(100% / var(--grid-size));height:calc(100% / var(--grid-size));left:calc(var(--c) * 100% / var(--grid-size));top:calc(var(--r) * 100% / var(--grid-size));display:flex;align-items:center;justify-content:center}.arcade-cell:before{content:"";width:24%;height:24%;border-radius:50%;background:#1a303c;box-shadow:inset 0 3px 5px #00000040;border:1px solid #35526080}.arcade-ring{z-index:1;pointer-events:none}.arcade-ring:before{content:"";position:absolute;inset:17%;border:3px solid #edc782;border-radius:50%;box-shadow:0 0 10px #e7bd5628,inset 0 0 9px #e7bd5624;transition:border-color .12s,box-shadow .12s}.arcade-ring-filled:before{border-color:#71c7a8;box-shadow:0 0 13px #71c7a84d}
.arcade-chip{z-index:4;border:0;padding:0;background:transparent;color:#132a35;transition:left .17s cubic-bezier(.2,.75,.3,1),top .17s cubic-bezier(.2,.75,.3,1),filter .12s;touch-action:manipulation;isolation:isolate}.arcade-chip:before{content:"";position:absolute;inset:21%;border-radius:50%;background:radial-gradient(circle at 33% 22%,#ffe3a8,#dec085 48%,#b28b55);box-shadow:inset 0 3px 0 #fff5ca70,inset 0 -4px 0 #6b542a55,0 5px 8px #0009;border:1px solid #f6df9d}.arcade-chip.arcade-arrived:before{background:radial-gradient(circle at 33% 22%,#b4f0d9,#76c4b2 48%,#488578);border-color:#b3f5e5;box-shadow:inset 0 3px 0 #e1fff270,inset 0 -4px 0 #22584d55,0 5px 8px #0009}.arcade-chip-glyph{position:relative;z-index:1;font-size:clamp(24px,7vw,34px);font-weight:650;line-height:1;transform:translateY(-3%)}.arcade-chip.arcade-pull:before{border-width:2px}.arcade-chip:hover:not(:disabled){filter:brightness(1.12)}.arcade-chip:active:not(:disabled):before{transform:scale(.92)}.arcade-chip:disabled{opacity:1}.arcade-chip.arcade-target:after{content:attr(data-direction);position:absolute;z-index:3;right:7%;top:7%;color:#fff3ba;text-shadow:0 0 5px #000;font-size:23px;font-weight:700}.arcade-chip.arcade-hinted:before{outline:3px solid #fff5ba;outline-offset:5px;animation:arcade-hint 1s ease-in-out infinite alternate}.arcade-chip.arcade-hinted:after{content:"↓";position:absolute;z-index:5;top:0;left:0;right:0;text-align:center;color:#fff3b6;font-size:20px;line-height:1;text-shadow:0 1px 5px #081924}.arcade-board-solved{border-color:#a9efd0;box-shadow:0 0 22px #75d4aa3a,inset 0 0 17px #75d4aa18}.arcade-board-retry{border-color:#92abc0}
.arcade-solved-pill{position:absolute;pointer-events:none;z-index:7;color:#e6ffd9;background:#254b40e8;border:1px solid #9acbad;border-radius:13px;padding:5px 12px;font-size:23px;font-weight:750;left:calc(50% - 28px);top:35%;opacity:0}.arcade-solved-pill.arcade-pop{animation:arcade-score .65s ease-out forwards}.arcade-status{font-size:12px;color:#e3d39d;text-align:center;line-height:1.35;min-height:16px;margin:0;flex-shrink:0}.arcade-detail{font-size:10px;color:#9cb9c0;text-align:center;line-height:1.35;margin:0;flex-shrink:0;font-variant-numeric:tabular-nums}
.arcade-controls{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:44px}.arcade-hint-button{flex-shrink:0;display:grid;grid-template-columns:23px auto;align-items:center;gap:0 8px;padding:7px 11px;background:#244550;border:1px solid #4c787b;color:#dbefdc;border-radius:13px;min-width:133px}.arcade-hint-button svg{width:23px;height:23px;grid-row:1 / 3}.arcade-hint-button span{font-size:11px;font-weight:650}.arcade-hint-button small{font-size:9px;line-height:1.15;color:#9dbbc0}.arcade-hint-button:disabled{opacity:.7}.arcade-control-note{margin:0;color:#bcd1d1;font-size:11px;line-height:1.4}.arcade-prototype-note{margin:0;text-align:center;font-size:9px;color:#849da8;line-height:1.35;flex-shrink:0}.arcade-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.arcade-overlay{position:absolute;inset:0;background:#06121acc;backdrop-filter:blur(5px);z-index:20;display:flex;align-items:center;justify-content:center;padding:18px}.arcade-overlay[hidden]{display:none}.arcade-sheet{width:100%;max-width:390px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:22px 20px;border-radius:24px;border:1px solid #395764;background:linear-gradient(150deg,#203c47,#112733);box-shadow:0 20px 55px #0006}.arcade-sheet-title{margin:0 0 16px;font-size:26px;line-height:1.2;color:#fff0c0;font-weight:750}.arcade-sheet-text{font-size:13px;line-height:1.5;color:#c1d3d7;margin:0 0 13px}.arcade-intro-lead{font-size:16px;line-height:1.4;color:#e9e5c7}.arcade-rule-demo{display:flex;align-items:center;justify-content:center;gap:9px;margin:15px 0 18px;min-height:42px}.arcade-demo-source,.arcade-demo-target{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;font-size:25px;font-weight:650;color:#183c41;box-shadow:inset 0 2px 0 #ffffff70,0 3px 6px #0005}.arcade-demo-source{background:#7fcbb4;border:2px solid #c4edd1;outline:2px solid #72ac8f;outline-offset:3px}.arcade-demo-target{background:#e1bd7e;border:1px solid #f1dba3}.arcade-demo-arrow{font-size:25px;color:#a7c6c8}.arcade-demo-ring{width:39px;height:39px;border:3px solid #e3c07a;border-radius:50%;box-shadow:0 0 9px #d4b56b25}.arcade-sheet-note{font-size:10px;color:#9db5bf;line-height:1.5;margin:13px 0}.arcade-sheet-button{display:block;width:100%;padding:12px 16px;margin-top:10px;border-radius:14px;border:1px solid #f8d493;background:linear-gradient(120deg,#efd59d,#d5b676);color:#1b2e36;font-weight:700;font-size:14px;min-height:44px}.arcade-sheet-button.arcade-secondary{border-color:#3d5e6d;background:#203d49;color:#c8dddf}.arcade-result-score{font-size:38px;color:#efd38d;font-weight:700;margin-bottom:17px;font-variant-numeric:tabular-nums}.arcade-difficulty{width:100%;padding:10px 12px;border:1px solid #456772;background:#10232f;color:#dcebe9;border-radius:11px;font-size:12px;min-height:44px}
.arcade-reduced .arcade-chip,.arcade-reduced .arcade-progress>span,.arcade-reduced .arcade-board,.arcade-reduced .arcade-ring:before,.arcade-reduced .arcade-race-dot{transition:none}.arcade-reduced .arcade-chip.arcade-hinted:before{animation:none}.arcade-reduced .arcade-solved-pill.arcade-pop{animation:none;opacity:1}.arcade-root:not([data-phase=solved]).arcade-reduced .arcade-solved-pill{opacity:0}
@keyframes arcade-hint{to{outline-offset:8px;filter:brightness(1.1)}}@keyframes arcade-score{0%{opacity:0;transform:translateY(10px) scale(.85)}20%{opacity:1}100%{opacity:0;transform:translateY(-24px) scale(1.08)}}
@media(max-height:720px){.arcade-root{gap:6px;padding:7px 10px 6px;border-radius:18px}.arcade-title{font-size:20px}.arcade-eyebrow{font-size:8px;letter-spacing:.5px}.arcade-hud{padding:7px 11px}.arcade-value{font-size:25px}.arcade-time{font-size:26px}.arcade-controls{min-height:38px}.arcade-hint-button{padding:5px 9px}.arcade-race-track{gap:5px;padding:3px 7px}.arcade-race-dot{height:8px}.arcade-sheet{padding:18px 16px}.arcade-sheet-text{font-size:12px;line-height:1.45;margin-bottom:10px}.arcade-sheet-title{margin-bottom:12px}.arcade-intro-lead{font-size:14px}.arcade-rule-demo{margin:12px 0}.arcade-board-wrap{padding:3px}}
@media(prefers-reduced-motion:reduce){.arcade-chip,.arcade-progress>span,.arcade-board,.arcade-ring:before,.arcade-race-dot{transition:none}.arcade-chip.arcade-hinted:before{animation:none}.arcade-solved-pill.arcade-pop{animation:none;opacity:1}.arcade-root:not([data-phase=solved]) .arcade-solved-pill{opacity:0}}
.arcade-controls button[hidden]{display:none}.arcade-restart-button img{width:25px;height:25px;object-fit:contain;grid-row:1 / 3}.arcade-wall{position:absolute;left:calc(var(--c)*100% / var(--grid-size));top:calc(var(--r)*100% / var(--grid-size));width:calc(100% / var(--grid-size));height:calc(100% / var(--grid-size));z-index:2;pointer-events:none}.arcade-wall:before{content:"";position:absolute;inset:16%;border-radius:10px;border:1px solid #789091;background:linear-gradient(145deg,#71817f,#3c5157);box-shadow:inset 0 2px 0 #b1c0b633,0 3px 6px #0005}.arcade-root[data-mode=race] .arcade-value{font-size:25px}.arcade-root[data-mode=race] .arcade-sheet-text{margin-bottom:10px}