@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+TC:wght@500;700;900&family=Outfit:wght@500;600;700;800;900&display=swap";:root{--ink:#27322f;--muted:#68746c;--paper:#fffdf6;--canvas:#e8f0dc;--board:#f8f4e6;--line:#dfd8bf;--accent:#b44c3c;--accent-dark:#84362c;--mint:#d1e8c7;--radius:18px;--shadow:0 12px 0 #cbd8b9;--fast:.18s;--game-safe-inline:max(12px,env(safe-area-inset-left));--game-safe-inline-end:max(12px,env(safe-area-inset-right));--game-safe-bottom:max(16px,env(safe-area-inset-bottom))}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;color:var(--ink);margin:0;font-family:Noto Sans TC,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #216546}.app-shell{min-height:100dvh;padding:max(clamp(18px,4vw,52px), env(safe-area-inset-top)) max(clamp(18px,4vw,52px), env(safe-area-inset-right)) max(clamp(18px,4vw,52px), env(safe-area-inset-bottom)) max(clamp(18px,4vw,52px), env(safe-area-inset-left));background-image:radial-gradient(#cfddbd 1px,#0000 1px);background-size:18px 18px;place-items:center;display:grid}.game-card{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);width:min(100%,1000px);box-shadow:var(--shadow);padding:clamp(18px,3vw,38px)}.brand-lockup{justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:900;display:flex}.brand-mark{color:var(--accent);font-size:22px}.eyebrow{color:var(--muted);letter-spacing:.18em;margin:16px 0 3px;font:500 11px DM Mono,monospace}h1{letter-spacing:-.04em;margin:0;font:700 clamp(28px,5vw,53px)/1.12 Fraunces,serif}h1 em{color:var(--accent);font-style:normal}.intro{max-width:480px;color:var(--muted);margin:12px auto 0;font-size:14px}.start-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:650px;min-height:540px;margin:auto;display:flex}.start-screen .primary-button{margin-top:18px}.mode-summary{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--accent-dark);border-radius:14px;margin:22px 0 0;padding:13px;font:500 11px DM Mono,monospace}.mode-summary strong{color:var(--ink);font:700 20px Fraunces,serif}.mode-chip.mode-classic{--mode-tint:#cfe7c5}.score-snapshot{color:var(--muted);gap:26px;margin-top:18px;font-size:12px;display:flex}.score-snapshot span{gap:3px;display:grid}.score-snapshot strong{color:var(--accent);font:700 23px Fraunces,serif}.start-links{flex-wrap:wrap;justify-content:center;gap:2px 12px;margin-top:10px;display:flex}.credit-note{max-width:440px;color:var(--muted);margin:19px 0 0;font-size:11px;line-height:1.7}.statistics-panel{border:1px solid var(--line);text-align:left;border-radius:12px;width:min(100%,470px);margin-top:20px;padding:11px 15px}.statistics-panel>span{color:var(--muted);letter-spacing:.1em;font:500 10px DM Mono,monospace}.statistics-panel dl{grid-template-columns:repeat(5,1fr);gap:6px;margin:7px 0 0;display:grid}.statistics-panel dl div{gap:1px;display:grid}.statistics-panel dt{color:var(--muted);font-size:10px}.statistics-panel dd{margin:0;font:700 18px Fraunces,serif}.play-topbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.play-identity{align-items:center;gap:10px;display:flex}.mode-chip{--mode-tint:var(--mint);border:1px solid color-mix(in srgb,var(--mode-tint),var(--ink) 35%);background:color-mix(in srgb,var(--mode-tint),var(--paper) 28%);color:var(--ink);letter-spacing:.08em;border-radius:99px;padding:4px 8px;font:500 9px DM Mono,monospace}.text-button{min-height:44px;color:var(--muted);text-underline-offset:4px;background:0 0;border:0;text-decoration:underline}.text-button.compact{min-height:34px;padding:0 6px;font-size:12px}.hud{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr auto;align-items:center;margin-bottom:14px;padding:12px 0;display:grid}.hud div{gap:2px;display:grid}.hud span{color:var(--muted);font-size:11px;font-weight:700}.hud strong{font:500 20px DM Mono,monospace}.timer{text-align:center}.hud-combo{text-align:center;min-width:90px;position:relative}.hud-combo strong{color:#216546;transition:color var(--fast),transform var(--fast)}.hud-combo strong small{color:var(--muted);font:500 9px Noto Sans TC,sans-serif;display:block}.hud-combo.tier-rising strong,.hud-combo.tier-charged strong,.hud-combo.tier-legendary strong{animation:.36s cubic-bezier(.2,.8,.2,1) combo-number-pop}.hud-combo.is-milestone strong,.hud-combo.tier-legendary strong{color:var(--accent)}.hud-combo.tier-charged strong{color:#1b6b67}.hud-combo em{color:var(--accent-dark);white-space:nowrap;font:700 9px Fraunces,serif;animation:.52s ease-out both combo-title-pop;position:absolute;top:-2px;left:50%;transform:translate(-50%,-100%)}.hud-combo i{background:linear-gradient(90deg,#216546 var(--combo-progress),var(--line) var(--combo-progress));border-radius:9px;width:70%;height:3px;margin:4px auto 0;display:block}.hud-combo i.is-idle{visibility:hidden}.icon-button{border:1px solid var(--ink);background:var(--paper);border-radius:50%;width:44px;height:44px;font-size:22px}.icon-button:disabled{cursor:default;opacity:.5}.is-urgent{color:var(--accent);animation:1s ease-in-out infinite urgent-pulse}.board-actions{min-height:35px;color:var(--muted);align-items:center;gap:9px;margin:0 0 8px;font-size:11px;display:flex}.board-actions span{margin-left:auto}.quiet-button{border:1px solid var(--line);min-height:34px;color:var(--ink);background:0 0;border-radius:99px;padding:0 11px;font-size:11px;font-weight:700}.quiet-button:disabled{opacity:.45;cursor:not-allowed}.board-frame{background:var(--board);border:1px solid var(--line);transition:border-color var(--fast),box-shadow var(--fast);border-radius:10px;padding:clamp(6px,1.4vw,12px);position:relative}.board-frame.is-multi-pointer{border-color:#638978;box-shadow:0 0 0 3px #63897824}.game-board{aspect-ratio:17/10;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:clamp(2px,.4vw,5px);display:grid;position:relative}.fruit-cell{background:var(--fruit);border:1px solid color-mix(in srgb,var(--fruit),#253 24%);min-width:0;min-height:0;transition:transform var(--fast),filter var(--fast),box-shadow var(--fast);border-radius:44% 56% 48% 52%;place-items:center;display:grid;position:relative;box-shadow:inset -2px -3px #00000014}.fruit-cell:before{content:"";background:#ffffff59;border-radius:50%;height:22%;position:absolute;inset:13% 20% auto}.fruit-cell:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--fast),transform var(--fast);border:2px solid #0000;border-radius:48% 52% 46% 54%;position:absolute;inset:-7%}.fruit-leaf{background:#4b925b;border-radius:100% 0;width:22%;height:15%;position:absolute;top:-7%;right:25%;transform:rotate(-28deg)}.fruit-value{z-index:1;color:#24312c;text-shadow:0 1px #ffffff80;font:700 clamp(10px,1.8vw,20px) Fraunces,serif;position:relative}.fruit-theme-0{--fruit:#f5866e}.fruit-theme-1{--fruit:#f4c958}.fruit-theme-2{--fruit:#9fcd73}.fruit-theme-3{--fruit:#bd8acb}.fruit-theme-4{--fruit:#8ed4bc}.fruit-theme-5{--fruit:#ffb78a}.fruit-theme-6{--fruit:#e86c68}.fruit-theme-7{--fruit:#85c9bb}.fruit-theme-8{--fruit:#e7d85d}.is-empty{box-shadow:none;background:0 0;border:1px dashed #ded8c7}.is-highlighted{z-index:3;filter:brightness(1.14)saturate(1.4);transform:translateY(-2px)scale(1.06);box-shadow:0 0 0 2px #fffdf6,0 0 0 5px #216546,0 7px 11px #21654647,inset -2px -3px #00000014}.is-highlighted:after{opacity:1;border-color:#f9d661;animation:.76s ease-in-out infinite alternate selection-glow;transform:scale(1.08)}.is-clearing{will-change:transform,opacity;animation:harvest-out var(--clear-duration) ease-out var(--clear-delay) forwards}.is-clearing.tier-rising{animation-name:harvest-out-rising}.is-clearing.tier-charged,.is-clearing.tier-legendary{animation-name:harvest-out-charged}.board-frame.is-paused{background:#d8e6c8;border-color:#b8c9a6;padding:clamp(6px,1.4vw,12px);overflow:hidden}.paused-board{isolation:isolate;aspect-ratio:17/10;color:var(--ink);text-align:center;background:#d8e6c8;border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden}.paused-board:before,.paused-board:after{content:"";z-index:-1;pointer-events:none;position:absolute}.paused-board:before{background:radial-gradient(at 18% 28%,#b7d1a3 0 9%,#0000 9.5%),radial-gradient(at 84% 72%,#c2d7ae 0 12%,#0000 12.5%),radial-gradient(circle at 76% 17%,#f0d88b 0 5%,#0000 5.5%),radial-gradient(circle at 22% 82%,#e3a18d 0 6%,#0000 6.5%);inset:-18%;transform:rotate(-7deg)}.paused-board:after{aspect-ratio:1;border:clamp(18px,4vw,48px) solid #fffdf661;border-radius:50%;width:38%;top:-34%;right:-9%}.paused-board-content{width:min(88%,430px);padding:20px}.paused-board-content .eyebrow{color:#53685c;margin:10px 0 3px}.paused-board-content h2{letter-spacing:-.03em;margin:0;font:700 clamp(25px,4vw,42px)/1.08 Fraunces,serif}.paused-board-content p:last-child{color:#53685c;margin:9px auto 0;font-size:clamp(11px,1.5vw,14px);line-height:1.6}.paused-board-icon{border:2px solid var(--ink);background:var(--paper);width:58px;height:58px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;justify-content:center;align-items:center;gap:8px;display:inline-flex}.paused-board-icon i{background:var(--accent);border-radius:5px;width:7px;height:23px}.selection-overlay{z-index:2;pointer-events:none;background:#59b97921;border:3px solid #216546;border-radius:11px;margin:-3px;position:absolute;box-shadow:0 0 0 2px #fffdf6cc,inset 0 0 0 1px #ffffff73}.selection-overlay.is-success{background:#59b9792e;border-color:#15543a;box-shadow:0 0 0 2px #fffdf6cc,0 0 0 5px #21654629,inset 0 0 0 1px #fff9}.selection-overlay.is-over{background:#d49e5f1f;border-color:#a46c3c}.selection-overlay.is-hint{animation:.8s ease-in-out infinite alternate hint-pulse}.selection-overlay.is-invalid{background:#dca87133;border-color:#a46c3c;animation:.22s ease-out invalid-flash}.selection-sum{z-index:4;pointer-events:none;color:#fff;background:var(--ink);white-space:nowrap;text-align:center;border:2px solid #fffdf6;border-radius:10px;place-self:start end;padding:6px 10px;font:500 11px DM Mono,monospace;position:absolute;transform:translate(30%,-112%);box-shadow:0 3px #27322f47}.selection-sum small{opacity:.75;margin-top:2px;font:500 9px Noto Sans TC,sans-serif;display:block}.selection-sum.is-success{background:#15543a}.selection-sum.is-over{background:#976137}.selection-status{text-align:center;min-height:20px;color:var(--muted);margin:10px 0 -4px;font-size:12px}.shortcut-tip{color:var(--muted);text-align:center;margin:11px 0 0;font-size:10px}.game-board:focus-visible{outline-offset:5px;outline:3px solid #33755b}.keyboard-cursor{z-index:3;pointer-events:none;border:2px dashed #27322f;border-radius:8px;margin:-2px;position:absolute}.mobile-gesture-hint{z-index:18;left:var(--game-safe-inline);right:var(--game-safe-inline-end);bottom:calc(var(--game-safe-bottom) + 12px);width:max-content;max-width:calc(100% - var(--game-safe-inline) - var(--game-safe-inline-end));color:var(--ink);pointer-events:none;background:#fffdf6f5;border:1px solid #446c5b;border-radius:99px;margin:auto;padding:9px 13px;font-size:12px;animation:.36s ease-out both gesture-hint-in;position:fixed;box-shadow:0 5px 16px #27322f33}.particle-layer{z-index:6;pointer-events:none;contain:layout paint;border-radius:7px;position:absolute;inset:0;overflow:hidden}.combo-burst{width:1px;height:1px;transform:scale(var(--burst-scale));position:absolute}.fruit-particle{will-change:transform,opacity;width:6px;height:6px;animation:particle-fly var(--burst-duration) cubic-bezier(.18,.8,.25,1) var(--particle-delay) both;background:#f4c958;border-radius:50%;margin:-3px;position:absolute;box-shadow:0 0 0 1px #fffdf6d1}.particle-juice{background:#ef846a}.particle-spark{background:#fff7b2;width:4px;height:4px;margin:-2px}.particle-seed{width:4px;height:6px;box-shadow:none;background:#6f4e36;border-radius:55% 45%;margin:-3px -2px}.particle-rind{width:8px;height:5px;box-shadow:none;background:0 0;border:2px solid #70bfa5;border-left-color:#0000;border-radius:100% 0;margin:-3px -4px}.harvest-core{will-change:transform,opacity;width:36px;height:36px;animation:harvest-core-out var(--burst-duration) ease-out both;background:radial-gradient(circle,#fffdf6 0 12%,#f9d661e6 13% 30%,#f4c95847 31% 58%,#0000 60%);border-radius:50%;position:absolute;top:-18px;left:-18px}.combo-burst.tier-charged .harvest-core,.combo-burst.tier-legendary .harvest-core{background:radial-gradient(circle,#fffdf6 0 10%,#70bfa5eb 11% 31%,#f4c95857 32% 60%,#0000 62%)}.combo-ring{will-change:transform,opacity;width:44px;height:44px;animation:combo-ring-out var(--burst-duration) ease-out both;border:3px solid #f9d661b8;border-radius:50%;position:absolute;top:-22px;left:-22px}.combo-ring-secondary{width:34px;height:34px;animation-duration:calc(var(--burst-duration) * .78);border-color:#70bfa58c;top:-17px;left:-17px}.score-pop{color:#15543a;text-align:center;will-change:transform,opacity;min-width:42px;animation:score-float calc(var(--burst-duration) + 40ms) ease-out both;background:#fffdf6f0;border:1px solid #15543a47;border-radius:99px;padding:3px 7px;font:700 16px DM Mono,monospace;position:absolute;top:0;left:0;transform:translate(-50%,-45%);box-shadow:0 3px #27322f2e}.combo-burst.tier-rising .score-pop{color:#216546}.combo-burst.tier-charged .score-pop{color:#1b6b67;border-color:#1b6b6752}.combo-burst.tier-legendary .score-pop{color:var(--accent-dark);border-color:#a540344d;font-size:19px}.board-frame:has(.combo-burst.tier-legendary):not(:has(.particle-layer.effects-minimal)){animation:.46s ease-out board-border-pulse}.primary-button{border:2px solid var(--ink);background:var(--accent);color:#fff;min-height:48px;box-shadow:3px 3px 0 var(--ink);border-radius:99px;padding:0 24px;font-weight:900}.primary-button:hover{background:var(--accent-dark);box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.danger-button{color:#8a482e;background:#fff7ed;border:1px solid #a46c3c;border-radius:99px;min-height:40px;padding:0 14px;font-size:12px}.dialog-backdrop{z-index:40;padding:max(20px,env(safe-area-inset-top));background:#27322f73;place-items:center;display:grid;position:fixed;inset:0}.dialog{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);width:min(100%,470px);max-height:calc(100dvh - 40px);box-shadow:8px 8px 0 var(--ink);text-align:center;padding:32px;position:relative;overflow:auto}.dialog h2{margin:4px 0 10px;font:700 34px Fraunces,serif}.dialog p{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.7}.dialog p a,.credit-note a,.site-footer a{color:var(--accent-dark);font-weight:900}.dialog-close{width:36px;height:36px;color:var(--ink);background:0 0;border:0;font-size:26px;position:absolute;top:10px;right:11px}.dialog-actions{justify-items:center;gap:8px;margin-top:22px;display:grid}.result-score{color:var(--accent);margin:8px 0;font:700 70px/1 Fraunces,serif;display:block}.rules-list{text-align:left;color:var(--muted);margin:16px 0 0;padding-left:22px;font-size:13px;line-height:1.8}.tutorial-demo{justify-content:center;align-items:center;gap:6px;margin:16px 0;display:flex}.tutorial-demo span{background:#f4c958;border:1px solid #c7a33f;border-radius:45% 55% 48% 52%;place-items:center;width:44px;height:44px;font:700 21px Fraunces,serif;display:grid}.tutorial-demo i{color:#216546;font:700 16px DM Mono,monospace}.settings-list{text-align:left;gap:8px;margin-top:16px;display:grid}.settings-list label{border-bottom:1px solid var(--line);min-height:40px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:13px;display:flex}.settings-list input[type=checkbox]{accent-color:#216546;width:20px;height:20px}.settings-list input[type=range]{accent-color:#216546;width:125px}.settings-list select{border:1px solid var(--line);background:var(--paper);min-height:34px;color:var(--ink);border-radius:8px;padding:0 28px 0 9px}.settings-list output{color:var(--ink);font:500 11px DM Mono,monospace}.result-stats{text-align:left;grid-template-columns:repeat(2,1fr);gap:7px;margin:18px 0 0;display:grid}.result-stats div{border:1px solid var(--line);border-radius:9px;padding:8px 10px}.result-stats dt{color:var(--muted);font-size:10px}.result-stats dd{margin:2px 0 0;font:700 19px Fraunces,serif}.site-footer{width:min(100%,1000px);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 13px;margin-top:17px;font-size:10px;display:flex}.site-footer button{min-height:30px;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:10px;text-decoration:underline}.share-button{border-color:var(--ink);min-height:48px;color:var(--ink);padding:0 20px;font-weight:900}.share-card-preview{aspect-ratio:4/5;border:1px solid var(--ink);background:var(--mint);object-fit:cover;width:min(100%,250px);box-shadow:3px 3px 0 var(--ink);border-radius:12px;margin:16px auto;display:block}.share-card-preview.is-loading,.share-card-preview.is-unavailable{color:var(--muted);place-items:center;padding:20px;font-size:12px;line-height:1.6;display:grid}.share-actions{justify-items:stretch;gap:8px;margin-top:16px;display:grid}.share-actions .primary-button,.share-actions .quiet-button{width:100%}.share-action-button{min-height:48px;font-weight:900}.share-fallback{background:#fff7ed;border:1px solid #a46c3c;border-radius:9px;padding:9px 12px;color:#754624!important;font-size:12px!important}.share-status{min-height:22px;margin:12px 0 0!important;font-size:12px!important}.share-status.is-success{color:#15543a!important}.share-status.is-error{color:#8a482e!important}.low-stimulation{--canvas:#edf0e9;--paper:#fffefa;--accent:#805c4c;--accent-dark:#694a3f;--shadow:0 8px 0 #d8ddd3}.low-stimulation .fruit-cell{filter:saturate(.55)}.low-stimulation.app-shell{background-image:none}.low-stimulation .particle-layer i,.low-stimulation .combo-ring,.low-stimulation .board-burst{display:none}.low-stimulation .score-pop{animation-name:score-float-gentle}.low-stimulation .hud-combo strong,.low-stimulation .hud-combo em{animation-name:combo-title-gentle}.low-stimulation .selection-overlay.is-invalid,.low-stimulation .selection-overlay.is-hint,.low-stimulation .is-urgent{animation:none}.animations-reduced .particle-layer{opacity:.82}.animations-off *,.animations-off :before,.animations-off :after{transition-duration:.01ms!important;animation:none!important}@keyframes harvest-out{22%{filter:brightness(1.18);transform:scale(1.08)}to{opacity:0;transform:scale(.18)rotate(5deg)}}@keyframes harvest-out-rising{20%{filter:brightness(1.2);transform:scale(1.1)}to{opacity:0;transform:scale(.16)rotate(10deg)}}@keyframes harvest-out-charged{24%{filter:brightness(1.3);transform:scale(1.12)}to{opacity:0;transform:scale(.14)rotate(-10deg)}}@keyframes harvest-core-out{0%{opacity:.95;transform:scale(.35)}35%{opacity:.78}to{opacity:0;transform:scale(1.65)}}@keyframes particle-fly{0%{transform:translate(0,0) rotate(0) scale(var(--particle-scale));opacity:0}14%{opacity:1}to{transform:translate(var(--particle-x),var(--particle-y)) rotate(var(--particle-turn)) scale(calc(var(--particle-scale) * .25));opacity:0}}@keyframes combo-ring-out{0%{opacity:.86;transform:scale(.45)}to{opacity:0;transform:scale(2.2)}}@keyframes score-float{0%{opacity:0;transform:translate(-50%,-10%)scale(.78)}18%,62%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)scale(1.06)}}@keyframes score-float-gentle{0%{opacity:0;transform:translate(-50%,-65%)}25%,70%{opacity:1}to{opacity:0;transform:translate(-50%,-120%)}}@keyframes board-border-pulse{45%{border-color:#e2a43c;box-shadow:0 0 0 5px #e2a43c29}}@keyframes combo-number-pop{45%{transform:scale(1.16)}}@keyframes combo-title-pop{0%{opacity:0;transform:translate(-50%,-55%)scale(.8)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}@keyframes combo-title-gentle{0%{opacity:0}to{opacity:1}}@keyframes gesture-hint-in{0%{opacity:0;transform:translateY(8px)}}@keyframes invalid-flash{50%{transform:translate(2px)}}@keyframes hint-pulse{to{transform:scale(1.02);box-shadow:0 0 0 5px #2165461f}}@keyframes selection-glow{to{filter:drop-shadow(0 0 3px #f9d661);transform:scale(1.15)rotate(2deg)}}@keyframes urgent-pulse{50%{transform:scale(1.06)}}@media (width<=560px){.app-shell{padding:10px var(--game-safe-inline-end) var(--game-safe-bottom) var(--game-safe-inline);align-items:start}.app-shell.is-game-active{min-height:100dvh;padding-top:max(8px,env(safe-area-inset-top));place-items:start center}.game-card{border-radius:14px;padding:16px 12px;box-shadow:0 7px #cbd8b9}.is-game-active .game-card{padding:10px 8px 8px;box-shadow:0 4px #cbd8b9}.start-screen{min-height:calc(100dvh - 90px)}.intro{font-size:12px}.mode-picker{gap:6px;margin-top:17px}.mode-option{min-height:86px;padding:10px 8px}.mode-option.is-selected{box-shadow:2px 2px 0 var(--ink);padding:9px 7px}.mode-option strong{font-size:19px}.mode-option small{display:none}.mode-meta{font-size:8px;line-height:1.45}.score-snapshot{margin-top:14px}.statistics-panel{margin-top:15px}.play-topbar{margin-bottom:7px}.play-topbar .brand-lockup span:last-child{display:none}.play-identity{gap:5px}.mode-chip{padding:3px 6px;font-size:8px}.hud{grid-template-columns:.8fr 1.15fr .8fr auto;gap:2px;margin-bottom:7px;padding:7px 0}.hud strong{font-size:17px}.hud-combo{min-width:76px}.hud-combo i{width:78%}.hud-combo em{font-size:8px}.icon-button{width:38px;height:38px;font-size:19px}.board-actions{min-height:31px;margin-bottom:4px}.board-frame{padding:4px}.selection-sum{transform:translateY(-116%)}.board-actions span{display:none}.selection-status{margin-top:6px;font-size:10px}.shortcut-tip{margin-top:5px}.dialog{box-shadow:5px 5px 0 var(--ink);padding:27px 20px}.dialog h2{font-size:30px}.site-footer{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.particle-layer.effects-minimal .score-pop{opacity:1;transform:translate(-50%,-115%);animation:none!important}}.network-toast.is-inline{width:auto;box-shadow:none;margin:0 0 8px;position:static}.hud-combo.tier-orchard strong{color:var(--accent);animation:.36s cubic-bezier(.2,.8,.2,1) combo-number-pop}.is-clearing.tier-orchard{animation-name:harvest-out-charged}.combo-burst.tier-orchard .harvest-core{background:radial-gradient(circle,#fffdf6 0 10%,#70bfa5eb 11% 31%,#f4c95857 32% 60%,#0000 62%)}.combo-burst.tier-orchard .score-pop{color:var(--accent-dark);border-color:#a540344d;font-size:19px}.board-frame:has(.combo-burst.tier-orchard):not(:has(.particle-layer.effects-minimal)){animation:.46s ease-out board-border-pulse}.low-stimulation .combo-evaluation.is-visible{animation:.56s ease-out both combo-evaluation-gentle}@keyframes combo-evaluation-pop{0%{opacity:0;transform:scale(.88)}18%,62%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes combo-evaluation-gentle{0%{opacity:0}18%,62%{opacity:1}to{opacity:0}}@media (width<=560px) and (orientation:portrait){.game-board.is-portrait{aspect-ratio:10/17;width:min(100%,58.8235dvh - 126.471px);max-width:100%;height:auto;margin:auto}.paused-board{aspect-ratio:10/17}}@media (width<=560px) and (height<=700px){.is-game-active .play-topbar{margin-bottom:3px}.is-game-active .hud{margin-bottom:4px;padding:4px 0}.is-game-active .board-actions{min-height:27px}.is-game-active .shortcut-tip{display:none}.game-board.is-portrait{width:min(100%,58.8235dvh - 135.294px);height:auto}}@media (display-mode:standalone) and (width<=560px){.app-shell.is-game-active{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:var(--game-safe-bottom)}}.network-toast{z-index:20;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));color:#754624;background:#fff7ed;border:1px solid #8a482e;border-radius:12px;width:min(100% - 28px,390px);padding:10px 13px;font-size:12px;line-height:1.45;position:fixed;box-shadow:0 4px 14px #27322f2e}.network-toast.is-restored{color:#15543a;background:#eff8eb;border-color:#216546}.pwa-update{z-index:19;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));border:2px solid var(--ink);background:var(--paper);width:min(100% - 28px,440px);box-shadow:4px 4px 0 var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex;position:fixed}.pwa-update strong,.pwa-update span{display:block}.pwa-update strong{font-size:14px}.pwa-update span{color:var(--muted);margin-top:3px;font-size:11px}.pwa-update-actions{flex-shrink:0;gap:5px;display:flex}.pwa-update .quiet-button{min-height:38px}.pwa-update .primary-button{min-height:38px;padding:0 14px}.low-stimulation .particle-layer.effects-minimal i{display:block}.fruit-particle-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{grid-template-columns:1fr minmax(112px,1.25fr) 1fr auto;padding:8px 0}.hud-combo{grid-template-rows:13px 28px 15px 3px;align-content:center;justify-items:center;gap:2px;min-width:0;height:70px;display:grid}.hud-combo .combo-label{line-height:13px}.hud-combo strong{line-height:1}.hud-combo strong small{margin-top:2px}.hud-combo em{display:none}.combo-evaluation{width:100%;min-width:0;color:var(--accent-dark);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;will-change:transform,opacity;font:700 clamp(9px,1.3vw,12px)/15px Fraunces,serif;display:block;overflow:hidden;transform:scale(.92)}.combo-evaluation.is-visible{animation:.56s ease-out both combo-evaluation-pop}.hud-combo i{margin:0 auto}@media (width<=560px){.hud{grid-template-columns:.8fr minmax(86px,1.15fr) .8fr auto;padding:5px 0}.hud-combo{grid-template-rows:12px 25px 14px 3px;height:62px}.combo-evaluation{font-size:clamp(8px,2.6vw,10px);line-height:14px}}.platform-shell{min-height:100dvh;color:var(--ink)}.home-shell{padding:max(20px,env(safe-area-inset-top)) max(clamp(18px,5vw,70px),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(clamp(18px,5vw,70px),env(safe-area-inset-left));background:linear-gradient(115deg,#eef3df 0 54%,#dce9d3 54% 100%);overflow:hidden}.home-shell:before{content:"";z-index:0;pointer-events:none;opacity:.32;background-image:linear-gradient(#27322f1c 1px,#0000 1px),linear-gradient(90deg,#27322f1c 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 76%);mask-image:linear-gradient(90deg,#000,#0000 76%)}.home-shell>*{z-index:1;position:relative}.platform-header{border-bottom:1px solid #27322f33;justify-content:space-between;align-items:center;gap:18px;width:min(100%,1180px);min-height:52px;margin:0 auto;display:flex}.platform-header.is-compact{min-height:48px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));border-bottom-color:var(--line);background:#fffdf6eb}.platform-wordmark{letter-spacing:-.02em;align-items:center;gap:9px;font:700 17px Fraunces,serif;display:flex}.platform-wordmark span{border:1px solid var(--ink);width:29px;height:29px;color:var(--accent);background:var(--paper);box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.platform-settings-button,.platform-home-button{min-height:44px;color:var(--ink);text-underline-offset:5px;background:0 0;border:0;padding:0 4px;font-size:12px;font-weight:900;text-decoration:underline}.platform-home-button span{transition:transform var(--fast);margin-right:4px;text-decoration:none;display:inline-block}.platform-home-button:hover span{transform:translate(-3px)}.home-hero{grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);align-items:end;gap:clamp(24px,5vw,82px);width:min(100%,1180px);margin:clamp(42px,7vw,88px) auto clamp(32px,5vw,58px);display:grid}.home-hero .eyebrow{margin:0 0 9px}.home-hero h1{max-width:760px;font-size:clamp(39px,6.7vw,84px);line-height:.98}.home-hero h1 em:first-of-type{color:#be4f3e}.home-hero h1 em:last-of-type{color:#327b77}.home-intro{border-left:3px solid var(--ink);max-width:330px;color:var(--muted);margin:0 0 6px;padding:17px 0 2px 20px;font-size:14px;line-height:1.8}.game-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,32px);width:min(100%,1180px);margin:auto;display:grid}.game-choice-card{--card-accent:var(--accent);isolation:isolate;border:2px solid var(--ink);background:var(--paper);min-height:390px;transition:transform var(--fast),box-shadow var(--fast);border-radius:22px;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(190px,.85fr);gap:22px;padding:clamp(24px,3.2vw,42px);display:grid;position:relative;overflow:hidden;box-shadow:0 12px #27322f2e}.game-choice-card:before{content:"";z-index:-1;border:42px solid color-mix(in srgb,var(--card-accent),transparent 75%);border-radius:50%;width:260px;height:260px;position:absolute;top:-116px;right:-104px}.game-choice-card:focus-within{box-shadow:0 12px #27322f2e,0 0 0 4px #21654633}.game-card-hitbox{z-index:1;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.game-card-hitbox:focus-visible{outline-offset:-7px;border-radius:20px;outline:4px solid #216546}.game-card-copy,.home-preview{z-index:0;pointer-events:none;position:relative}.game-card-copy{align-self:start}.game-card-copy .eyebrow{color:var(--card-accent);margin:0 0 8px}.game-card-copy h2{letter-spacing:-.04em;margin:0;font:700 clamp(31px,4vw,48px)/1 Fraunces,serif}.game-card-copy>p:not(.eyebrow){max-width:280px;color:var(--muted);margin:15px 0 0;font-size:13px;line-height:1.7}.local-record{width:max-content;color:var(--muted);letter-spacing:.04em;align-items:baseline;gap:8px;margin-top:23px;font:500 10px DM Mono,monospace;display:flex}.local-record strong{color:var(--card-accent);font:700 25px Fraunces,serif}.game-start-button{z-index:2;border:2px solid var(--ink);background:var(--card-accent);color:#fff;width:max-content;min-height:46px;box-shadow:3px 3px 0 var(--ink);border-radius:99px;grid-column:1/-1;align-self:end;padding:0 20px;font-weight:900;position:relative}.game-start-button:hover{box-shadow:2px 2px 0 var(--ink);filter:brightness(.92);transform:translate(1px,1px)}.home-preview{aspect-ratio:1;place-self:center end;width:min(100%,220px)}.fruit-preview{place-items:center;display:grid;transform:rotate(3deg)}.preview-fruit{border:2px solid var(--ink);width:61px;height:57px;color:var(--ink);border-radius:46% 54% 49% 51%;place-items:center;font:700 25px Fraunces,serif;display:grid;position:absolute;box-shadow:inset -5px -6px #00000014}.preview-fruit:before{content:"";background:#4b925b;border-radius:100% 0;width:17px;height:8px;position:absolute;top:-6px;right:7px;transform:rotate(-25deg)}.preview-fruit.fruit-a{background:#f5866e;top:16%;left:16%}.preview-fruit.fruit-b{background:#f4c958;bottom:17%;right:11%}.preview-fruit.fruit-c{opacity:.78;background:#9fcd73;width:49px;height:47px;top:7%;right:4%;transform:scale(.75)}.preview-selection{border:3px dashed #216546;border-radius:17px;position:absolute;inset:9% 5% 12% 9%;transform:rotate(-8deg)}.fruit-preview em{z-index:1;border:2px solid var(--ink);background:var(--paper);color:var(--card-accent);box-shadow:3px 3px 0 var(--ink);border-radius:9px;padding:7px 10px;font:700 17px DM Mono,monospace;position:absolute;transform:rotate(-8deg)}.color-preview{place-items:center;display:grid;transform:rotate(-2deg)}.preview-color-grid{border:2px solid var(--ink);background:#ece8da;border-radius:13px;grid-template-columns:repeat(5,1fr);gap:4px;width:88%;padding:7px;display:grid;box-shadow:5px 5px #327b773b}.preview-color-cell{aspect-ratio:1;color:#fff;border-radius:5px;place-items:center;font:700 10px DM Mono,monospace;display:grid}.preview-color-cell.empty{background:#faf6e9;border:1px dashed #cec6b1}.preview-color-cell.c1{background:#df715f}.preview-color-cell.c2{background:#4a76a8}.preview-color-cell.c3{background:#d9a62e}.preview-color-cell.c4{background:#327b77}.preview-link{background:#fff9d8;position:absolute;box-shadow:0 0 0 1px #327b77,0 0 9px #fff}.preview-link.horizontal{width:62%;height:3px}.preview-link.vertical{width:3px;height:62%}.platform-footer{width:min(100%,1180px);color:var(--muted);letter-spacing:.1em;justify-content:space-between;gap:18px;margin:26px auto 0;font:500 9px DM Mono,monospace;display:flex}.game-route-shell{background:var(--canvas)}.game-route-shell>.platform-header{z-index:18;position:relative}.game-route-shell>.app-shell{min-height:calc(100dvh - 48px)}.fruit-route-shell{padding-top:clamp(12px,2vw,26px)}.route-loading,.route-fallback{text-align:center;place-content:center;justify-items:center;gap:12px;width:min(100% - 32px,760px);min-height:calc(100dvh - 100px);margin:auto;display:grid}.route-loading span{border:2px solid var(--ink);background:var(--paper);width:54px;height:54px;color:var(--accent);box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;animation:1.2s ease-in-out infinite route-loading-turn;display:grid}.route-loading p,.route-fallback p{color:var(--muted)}.route-fallback .text-button{margin-top:4px}.color-game-card{--color-ink:#203d3a;--color-paper:#fbf8ec;--color-board:#e9e6d9;--color-accent:#327b77;border:2px solid var(--color-ink);background:var(--color-paper);width:min(100% - 24px,1040px);min-height:calc(100dvh - 76px);color:var(--color-ink);border-radius:20px;margin:14px auto;padding:clamp(18px,3vw,34px);box-shadow:0 9px #203d3a33}.color-start{grid-template-columns:minmax(260px,.8fr) minmax(340px,1fr);align-items:center;gap:clamp(30px,6vw,90px);display:grid}.color-start-copy{max-width:430px}.color-start-copy .eyebrow,.color-game-topbar .eyebrow{color:var(--color-accent);margin:0 0 8px}.color-start-copy h1{font-size:clamp(39px,5.5vw,68px)}.color-start-copy h1 em{color:var(--color-accent)}.color-start-copy>p:not(.eyebrow,.color-credit){color:#60716d;font-size:14px;line-height:1.8}.color-primary{background:var(--color-accent,#327b77)}.color-primary:hover{background:#245d5a}.color-rule-chips{flex-wrap:wrap;gap:7px;margin:21px 0;padding:0;list-style:none;display:flex}.color-rule-chips li{background:#eef4e9;border:1px solid #9cb3aa;border-radius:99px;padding:6px 10px;font:500 10px DM Mono,monospace}.color-credit{color:#75817d;margin:22px 0 0;font-size:10px;line-height:1.7}.color-credit a{color:#245d5a;font-weight:900}.color-start-board{width:100%}.color-preview-caption{color:#6b7975;text-align:center;margin-top:13px;font-size:10px;display:block}.color-play{flex-direction:column;display:flex}.color-game-topbar{justify-content:space-between;align-items:center;gap:18px;min-height:42px;margin-bottom:7px;display:flex}.color-game-topbar>div{align-items:baseline;gap:10px;display:flex}.color-game-topbar .eyebrow{margin:0}.color-game-topbar strong{font:700 24px Fraunces,serif}.color-hud{border-top:1px solid #d2d1c5;border-bottom:1px solid #d2d1c5;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:8px;padding:9px 0;display:grid}.color-hud>div{justify-items:center;gap:1px;display:grid}.color-hud span{color:#4e5c59;font-size:10px;font-weight:700}.color-hud strong{font:500 19px DM Mono,monospace}.color-hud .timer{text-align:center}.color-pause-button{border-color:var(--color-ink);background:var(--color-paper)}.color-board-frame{aspect-ratio:1;background:var(--color-board);border:1px solid #c8c5b7;border-radius:15px;align-self:center;width:min(100%,100dvh - 245px,640px);margin:12px auto 0;padding:clamp(6px,1vw,10px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff40}.color-links-board{grid-template-rows:repeat(var(--color-rows),minmax(0,1fr));gap:clamp(3px,.55vw,6px);width:100%;height:100%;display:grid}.color-board-row{grid-template-columns:repeat(var(--color-columns),minmax(0,1fr));gap:clamp(3px,.55vw,6px);min-height:0;display:grid}.color-cell{aspect-ratio:1;color:#fff;touch-action:manipulation;border:1px solid #0000;border-radius:7px;place-items:center;min-width:0;min-height:0;padding:0;font:700 clamp(9px,1.6vw,18px) DM Mono,monospace;transition:transform .12s,filter .12s,box-shadow .12s;display:grid;position:relative;overflow:hidden}.color-cell.is-color-tile{cursor:default;opacity:1;box-shadow:inset -3px -4px #0000001f,inset 2px 2px #ffffff29}.color-cell.is-color-tile:disabled{opacity:1}.color-cell.is-color-tile:after{content:"";border:1px solid #ffffff54;border-radius:4px;position:absolute;inset:11%}.color-cell.is-color-tile span{z-index:1;text-shadow:0 1px 2px #0000003d;position:relative}.color-cell.is-color-empty{background:#f9f5e8;border-color:#d0cabb}.color-cell.is-color-empty:hover:not(:disabled),.color-cell.is-color-empty:focus-visible{z-index:2;background:#eff5e8;border-color:#327b77;transform:scale(1.06);box-shadow:0 0 0 2px #327b77}.empty-cell-dot{background:#c6c0b1;border-radius:50%;width:3px;height:3px}.color-cell.is-invalid-link{border-color:#aa6954;animation:.26s ease-out color-invalid;box-shadow:inset 0 0 0 2px #aa69543d}.color-coral{background:#c95e50}.color-amber{background:#b9871e}.color-teal{background:#327b77}.color-blue{background:#4a76a8}.color-plum{background:#806083}.color-effect-layer{z-index:5;pointer-events:none;contain:layout paint;border-radius:9px;position:absolute;inset:clamp(6px,1vw,10px);overflow:hidden}.color-effect-core{left:var(--origin-x);top:var(--origin-y);background:#327b77;border:3px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px;animation:.42s ease-out both color-core-burst;position:absolute;box-shadow:0 0 0 5px #327b7747}.color-link-line{left:var(--origin-x);top:var(--origin-y);width:var(--line-length);height:3px;transform:translateY(-50%) rotate(var(--line-angle));transform-origin:0;background:linear-gradient(90deg,#fff,var(--effect-color));box-shadow:0 0 7px var(--effect-color);border-radius:99px;animation:.35s ease-out both color-link-flash;position:absolute}.color-target-pulse{left:var(--target-x);top:var(--target-y);border:3px solid var(--effect-color);border-radius:50%;width:18px;height:18px;margin:-9px;animation:.42s ease-out both color-target-out;position:absolute}.color-particle-cluster{left:var(--target-x);top:var(--target-y);position:absolute}.color-particle-cluster b{--particle-angle:calc(var(--particle-index) * 90deg);background:var(--effect-color);width:6px;height:6px;transform:rotate(var(--particle-angle)) translateX(4px);border-radius:2px;margin:-3px;animation:.41s ease-out both color-particle-out;position:absolute;box-shadow:0 0 0 1px #ffffffa6}.color-score-pop{left:var(--origin-x);top:var(--origin-y);color:#245d5a;text-align:center;background:#fbf8ecf2;border:1px solid #327b77;border-radius:99px;min-width:38px;padding:3px 7px;font:700 15px DM Mono,monospace;animation:.42s ease-out both color-score-out;position:absolute;transform:translate(-50%,-35%)}.color-effect-layer.is-reduced .color-link-line{animation-duration:.17s}.color-effect-layer.is-reduced .color-target-pulse,.color-effect-layer.is-reduced .color-effect-core{animation-duration:.18s}.color-board-meta{color:#4e5c59;justify-content:space-between;align-items:center;gap:14px;width:min(100%,640px);min-height:26px;margin:5px auto 0;font-size:10px;display:flex}.color-feedback{margin:0}.color-board-meta>span{flex-shrink:0;font:500 9px DM Mono,monospace}.color-play>.shortcut-tip{margin:3px 0 0}.color-paused-board{aspect-ratio:1;color:#45625b;background:radial-gradient(circle at 30% 25%,#d6e5d5 0 8%,#0000 8.5%),radial-gradient(circle at 72% 70%,#ead9c5 0 11%,#0000 11.5%),#dfe7d9;border:1px solid #b9c9bf;border-radius:15px;place-content:center;align-self:center;justify-items:center;gap:12px;width:min(100%,100dvh - 245px,640px);margin:12px auto 0;display:grid}.color-paused-board span{background:var(--color-paper);border:2px solid #45625b;border-radius:14px;place-items:center;width:58px;height:58px;font-size:24px;display:grid;box-shadow:4px 4px #45625b40}.color-paused-board strong{font:700 24px Fraunces,serif}.color-result-score{color:var(--color-accent)}@keyframes route-loading-turn{50%{transform:rotate(22deg)scale(1.06)}}@keyframes color-invalid{35%{background:#f6e2d7;transform:translate(2px)}70%{transform:translate(-2px)}}@keyframes color-core-burst{0%{opacity:0;transform:scale(.35)}30%{opacity:1}to{opacity:0;transform:scale(2.4)}}@keyframes color-link-flash{0%{clip-path:inset(0 100% 0 0);opacity:0}30%{clip-path:inset(0);opacity:1}to{opacity:0}}@keyframes color-target-out{0%{opacity:0;transform:scale(.3)}35%{opacity:1}to{opacity:0;transform:scale(1.8)}}@keyframes color-particle-out{0%{opacity:1}to{transform:rotate(var(--particle-angle)) translateX(24px) scale(.25);opacity:0}}@keyframes color-score-out{15%,55%{opacity:1}to{opacity:0;transform:translate(-50%,-170%)}}[data-effect-intensity=off] *,[data-effect-intensity=off] :before,[data-effect-intensity=off] :after{transition-duration:.01ms!important;animation:none!important}@media (width<=760px){.home-shell{background:linear-gradient(165deg,#eef3df 0 64%,#dce9d3 64% 100%)}.home-hero{grid-template-columns:1fr;gap:20px;margin:36px auto 28px}.home-intro{max-width:520px}.game-choice-grid{grid-template-columns:1fr}.game-choice-card{grid-template-columns:minmax(0,1fr) minmax(150px,.72fr);min-height:340px}.home-preview{max-width:180px}.platform-footer{flex-direction:column;gap:5px}.color-start{grid-template-columns:1fr}.color-start-copy{max-width:620px}.color-start-board{justify-self:center;width:min(100%,520px)}}@media (width<=560px){.platform-header{min-height:47px}.platform-wordmark{font-size:15px}.platform-settings-button,.platform-home-button{min-height:44px;font-size:11px}.home-hero h1{font-size:clamp(39px,13vw,60px)}.home-intro{padding-left:14px;font-size:12px}.game-choice-card{grid-template-rows:auto 125px auto;grid-template-columns:1fr;gap:10px;min-height:360px;padding:23px}.game-card-copy>p:not(.eyebrow){max-width:none}.home-preview{justify-self:end;width:145px;margin-top:-28px}.game-start-button{grid-column:1}.local-record{margin-top:14px}.game-route-shell>.app-shell{min-height:calc(100dvh - 47px)}.fruit-route-shell{padding-top:9px}.color-game-card{width:100%;min-height:calc(100dvh - 47px);padding:10px 9px max(10px,env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0;margin:0}.color-start{align-content:start;gap:18px;padding-top:18px}.color-start-copy h1{font-size:clamp(37px,12vw,52px)}.color-start-copy>p:not(.eyebrow,.color-credit){font-size:12px}.color-rule-chips{margin:14px 0}.color-credit{margin-top:15px}.color-start-board{width:min(72vw,310px)}.color-game-topbar{min-height:35px;margin:0}.color-game-topbar strong{font-size:19px}.color-game-topbar .eyebrow{display:none}.icon-button,.color-pause-button{width:44px;height:44px}.color-hud{gap:2px;padding:5px 0}.color-hud strong{font-size:16px}.color-hud span{font-size:9px}.color-board-frame,.color-paused-board{border-radius:10px;width:min(100%,100dvh - 205px);margin-top:7px;padding:5px}.color-links-board{gap:3px}.color-cell{border-radius:5px;font-size:clamp(9px,3.3vw,15px)}.color-effect-layer{inset:5px}.color-board-meta{min-height:22px;margin-top:3px}.color-feedback{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.color-play>.shortcut-tip{font-size:8px}}@media (height<=620px) and (orientation:landscape){.color-game-card{padding-top:7px;padding-bottom:7px}.color-game-topbar{display:none}.color-hud{padding:3px 0}.color-board-frame,.color-paused-board{width:min(100dvh - 130px,72vw);margin-top:4px}.color-play>.shortcut-tip{display:none}}:root{--display-font:"Cabinet Grotesk","Outfit","Noto Sans TC",sans-serif;--body-font:"Geist","Outfit","Noto Sans TC",sans-serif}body{font-family:var(--body-font);background:#e4ecda}h1,h2,.platform-wordmark,.game-card-copy h2,.mode-summary strong,.score-snapshot strong,.statistics-panel dd,.color-game-topbar strong,.color-paused-board strong{font-family:var(--display-font)}.home-shell{background:radial-gradient(circle at 12% 8%,#fffdf6e6 0 7%,#0000 26%),radial-gradient(circle at 88% 30%,#327b772b 0 6%,#0000 27%),linear-gradient(145deg,#edf2e3 0%,#dce8d8 48%,#cedecb 100%);min-height:100dvh}.home-shell:before{opacity:.68;background-size:38px 38px}.platform-header{border-bottom-color:#27322f47}.platform-wordmark{font-size:18px}.platform-wordmark span{border-radius:9px;transform:rotate(8deg)}.home-hero{grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);margin-top:clamp(54px,8vw,110px);margin-bottom:clamp(42px,6vw,74px);position:relative}.home-hero h1{max-width:940px;font-family:var(--display-font);letter-spacing:-.065em;font-size:clamp(46px,6.7vw,90px)}.home-inline-signal{vertical-align:middle;background:repeating-linear-gradient(90deg,#327b77 0 9%,#eef4e9 9% 17%,#df715f 17% 27%);border:2px solid;border-radius:999px;width:clamp(56px,7vw,102px);height:.53em;margin:0 .1em .04em;display:inline-block;box-shadow:4px 4px #27322f2e}.home-intro{border-left-width:4px;max-width:360px;padding:21px 0 5px 23px;font-size:15px;line-height:1.85}.game-choice-grid{grid-auto-flow:dense;gap:clamp(20px,3vw,36px)}.game-choice-card{border-radius:28px;min-height:420px;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s cubic-bezier(.2,.8,.2,1);box-shadow:0 18px #27322f29,0 28px 70px #33503d14}.game-choice-card:after{content:"";z-index:-1;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent),#fff 54%),transparent);filter:blur(4px);border-radius:50%;height:58%;position:absolute;inset:auto -12% -34% 28%;transform:rotate(-12deg)}.game-choice-card:hover{transform:translateY(-9px)scale(1.01);box-shadow:0 25px #27322f29,0 34px 78px #33503d21}.game-card-copy h2{font-family:var(--display-font);font-size:clamp(34px,3.5vw,52px)}.game-start-button{transition:transform .18s,box-shadow .18s,filter .18s}.home-play-accordions{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,1180px);margin:clamp(58px,9vw,122px) auto 0;transition:grid-template-columns .5s cubic-bezier(.2,.8,.2,1);display:grid}.home-play-accordions:has(.fruit-rhythm:hover){grid-template-columns:1.25fr .75fr}.home-play-accordions:has(.color-rhythm:hover){grid-template-columns:.75fr 1.25fr}.home-play-accordion{border:2px solid var(--ink);min-height:205px;color:var(--ink);border-radius:20px;align-content:end;gap:8px;padding:clamp(22px,3vw,38px);transition:filter .3s,transform .3s;display:grid;overflow:hidden}.home-play-accordion:hover{filter:saturate(1.12);transform:translateY(-4px)}.home-play-accordion p{color:currentColor;letter-spacing:.14em;text-transform:uppercase;margin:0;font:500 10px DM Mono,monospace}.home-play-accordion strong{font:800 clamp(26px,3vw,43px)/.98 var(--display-font);letter-spacing:-.05em;white-space:nowrap}.home-play-accordion span{max-width:330px;font-size:13px;line-height:1.65}.fruit-rhythm{background:linear-gradient(135deg,#f7c4aa 0%,#f4de95 100%)}.color-rhythm{background:linear-gradient(135deg,#a9d6c8 0%,#bcd1e6 100%)}.home-marquee{border-top:1px solid #27322f47;border-bottom:1px solid #27322f47;width:100%;margin-top:clamp(34px,5vw,66px);padding:16px 0;overflow:hidden}.home-marquee-track{width:max-content;font:800 clamp(21px,2.6vw,40px)/1 var(--display-font);letter-spacing:-.055em;white-space:nowrap;will-change:transform;align-items:center;gap:22px;display:flex}.home-marquee-track i{color:#327b77;font-style:normal}.platform-footer{margin-top:28px;padding-bottom:10px}.app-shell{background:radial-gradient(circle at 14% 16%,#fffdf6c2 0 8%,#0000 24%),radial-gradient(circle at 88% 78%,#b44c3c24 0 7%,#0000 24%),linear-gradient(145deg,#e7efd9,#d5e4cd)}.game-card{isolation:isolate;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 18px #c5d5b5,0 36px 80px #2e49391a}.game-card:before{content:"";z-index:-1;aspect-ratio:1;border:46px solid #b44c3c1a;border-radius:50%;width:360px;position:absolute;top:-185px;right:-165px}.start-screen{max-width:730px;min-height:560px}.start-screen h1{max-width:680px;font-family:var(--display-font);font-size:clamp(40px,5vw,66px);line-height:1.02}.intro{max-width:510px;font-size:15px;line-height:1.8}.mode-summary{background:#fffdf6b8;border-radius:999px;justify-content:center;align-items:center;gap:7px;max-width:560px;padding:15px 18px;display:flex}.mode-summary strong{font-family:var(--display-font)}.score-snapshot{border:1px solid var(--line);background:#fffdf6a3;border-radius:16px;padding:14px 22px}.score-snapshot strong{font-family:var(--display-font)}.statistics-panel{background:#fffdf694;border-radius:16px}.primary-button{box-shadow:4px 4px 0 var(--ink);border-radius:999px;transition:transform .18s,box-shadow .18s,filter .18s}.primary-button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.play-topbar{border-bottom:1px solid var(--line);padding:3px 2px 14px}.hud{border:1px solid var(--line);background:#fffdf6a3;border-radius:16px;margin-top:12px;padding:14px 16px}.board-frame{border-radius:17px;box-shadow:inset 0 0 0 4px #ffffff42,0 12px 26px #27322f14}.board-actions{padding:4px 2px}.color-game-card{isolation:isolate;background:radial-gradient(circle at 88% 4%,#327b7729,transparent 27%),radial-gradient(circle at 6% 88%,#df715f1f,transparent 28%),var(--color-paper);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 16px #203d3a29,0 34px 78px #203d3a1a}.color-start{grid-template-columns:minmax(250px,.72fr) minmax(380px,1.28fr)}.color-start-copy h1{max-width:550px;font-family:var(--display-font);font-size:clamp(42px,5vw,72px);line-height:1}.color-rule-chips li{background:#eef4e9cc;border-color:#327b775c}.color-board-spec{color:#60716d;justify-content:space-between;align-items:baseline;margin:0 2px 9px;display:flex}.color-board-spec strong{color:var(--color-accent);font:800 clamp(20px,2.5vw,31px)/1 var(--display-font);letter-spacing:-.06em}.color-board-spec span{letter-spacing:.14em;font:500 10px DM Mono,monospace}.color-play .color-game-topbar{border-bottom:1px solid #d2d1c5;padding:0 2px 13px}.color-hud{background:#ffffff61;border:1px solid #d2d1c5;border-radius:16px;margin-top:12px;padding:11px 15px}.color-board-frame{width:min(100%,900px);height:auto;max-height:calc(100dvh - 250px);aspect-ratio:var(--color-columns) / var(--color-rows);border:1px solid #327b7752;border-radius:18px;margin-top:16px;box-shadow:inset 0 0 0 5px #ffffff4d,0 16px 38px #203d3a1a}.color-links-board,.color-board-row{gap:clamp(2px,.38vw,5px)}.color-cell{border-radius:clamp(4px,.55vw,7px);font-size:clamp(7px,1.25vw,16px)}.color-cell.is-color-tile:hover{filter:brightness(1.08);transform:translateY(-1px)scale(1.035)}.color-board-meta{width:min(100%,900px);padding:0 2px}.color-paused-board{aspect-ratio:17/10;border-radius:18px;width:min(100%,900px);max-height:calc(100dvh - 250px);margin-top:16px}@media (width<=760px){.home-hero{grid-template-columns:1fr;margin-top:44px}.home-play-accordions,:is(.home-play-accordions:has(.fruit-rhythm:hover),.home-play-accordions:has(.color-rhythm:hover)){grid-template-columns:1fr}.home-play-accordion strong{white-space:normal}.color-start{grid-template-columns:1fr}.color-start-board{width:min(100%,620px)}.color-board-frame{max-height:calc(100dvh - 250px)}}@media (width<=560px){.home-hero h1{font-size:clamp(42px,13vw,63px)}.home-inline-signal{width:1.18em}.home-play-accordions{margin-top:54px}.home-play-accordion{min-height:176px}.game-card{border-radius:0}.mode-summary{border-radius:16px;flex-wrap:wrap}.score-snapshot{justify-content:center;width:100%}.color-start-board{width:100%}.color-board-frame,.color-paused-board{border-radius:12px;width:100%;max-height:calc(100dvh - 230px);margin-top:9px;padding:5px}.color-cell{font-size:clamp(7px,3.2vw,13px)}.color-board-spec{margin-top:3px}.color-board-meta{width:100%}}.color-board-frame{aspect-ratio:auto;width:min(100%,900px,100dvh - 100px);height:auto;max-height:none}.color-links-board{height:auto;aspect-ratio:var(--color-columns) / var(--color-rows)}.color-paused-board{width:min(100%,900px,100dvh - 100px);height:auto;max-height:none}@media (width<=760px){.color-board-frame{width:min(100%,100dvh - 110px);max-height:none}}@media (width<=560px){.color-board-frame,.color-paused-board{width:min(100%,100dvh - 110px);max-height:none}}.color-links-board.is-portrait{grid-template-columns:repeat(var(--color-rows),minmax(0,1fr));grid-template-rows:repeat(var(--color-columns),minmax(0,1fr));aspect-ratio:var(--color-rows) / var(--color-columns)}.color-links-board.is-portrait .color-board-row{grid-column:var(--color-row-index);grid-row:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--color-columns),minmax(0,1fr))}@media (width<=560px) and (orientation:portrait){.color-board-frame,.color-paused-board{width:min(100%,58.8235dvh - 120.588px)}.color-paused-board{aspect-ratio:10/17}}.color-links-tutorial-illustration{background:radial-gradient(circle at 13% 18%,#4a76a824,#0000 25%),radial-gradient(circle at 87% 78%,#df715f24,#0000 27%),#f5f8ef;border:1px solid #327b7745;border-radius:18px;place-items:center;min-height:184px;margin:15px 0 9px;display:grid;overflow:hidden}.color-links-tutorial-illustration svg{width:min(100%,340px);display:block;overflow:visible}.color-links-tutorial-illustration text{fill:#315754;text-anchor:middle;font:800 17px DM Mono,monospace}.color-links-tutorial-illustration .color-tutorial-caption{fill:#627572;font:600 10px var(--body-font);letter-spacing:.04em}.color-tutorial-grid path{fill:none;stroke:#b7c8be;stroke-width:1.5px}.color-tutorial-grid.is-soft{opacity:.72}.color-tutorial-empty{fill:#fbf8ec;stroke:#327b77;stroke-width:2.5px;stroke-dasharray:4 4}.color-tutorial-reticle{fill:none;stroke:#327b77;stroke-width:2px;stroke-linecap:round}.color-tutorial-tile{stroke:#203d3a;stroke-width:1.4px}.color-tutorial-tile.is-coral{fill:#df715f}.color-tutorial-tile.is-teal{fill:#327b77}.color-tutorial-tile.is-amber{fill:#d9a62e}.color-tutorial-tile.is-dim{opacity:.44}.color-links-tutorial-illustration .color-tutorial-tile+text{fill:#fffdf6}.color-tutorial-signal{fill:none;stroke:#327b77;stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 2px 1px #203d3a29)}.color-tutorial-signal.is-muted{stroke:#df715f;stroke-width:3px;stroke-dasharray:3 5;opacity:.55}.color-tutorial-check{fill:none;stroke:#327b77;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.color-tutorial-burst{fill:#dcebe3;stroke:#327b77;stroke-width:2px}.color-tutorial-spark{fill:none;stroke:#d9a62e;stroke-width:4px;stroke-linecap:round}.color-tutorial-score{fill:#245d5a!important;font:900 23px/1 var(--display-font)!important}.color-tutorial-kicker{letter-spacing:.1em;color:#327b77!important;font:700 10px DM Mono,monospace!important}.color-tutorial-progress{justify-content:center;gap:7px;margin:17px 0 0;display:flex}.color-tutorial-progress span{background:#cbdcd2;border-radius:99px;width:26px;height:4px;transition:background .18s,transform .18s}.color-tutorial-progress span.is-current{background:#327b77;transform:scaleX(1.14)}.color-tutorial-progress span.is-complete{background:#d9a62e}.color-tutorial-actions{margin-top:18px}.number-path-preview{aspect-ratio:1;color:#9a6530;place-items:center;width:min(100%,210px);display:grid;position:relative}.preview-number-grid{z-index:1;aspect-ratio:1;background:#fffaeea1;border:1px solid #9a653059;border-radius:16px;grid-template-columns:repeat(4,1fr);width:77%;padding:6px;display:grid;position:relative;transform:rotate(5deg)}.preview-number-grid span,.preview-number-grid i{aspect-ratio:1;border-radius:50%;place-self:center;place-items:center;width:62%;font:700 clamp(8px,1.1vw,12px) DM Mono,monospace;display:grid}.preview-number-grid span{color:#fff9ec;background:#b77a35;box-shadow:1px 2px #5d391733}.preview-number-grid i{background:#f6edda;border:1px solid #9a653033}.number-path-preview svg{z-index:2;pointer-events:none;width:78%;height:78%;position:absolute;overflow:visible;transform:rotate(5deg)}.number-path-preview path{fill:none;stroke:#9a6530;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.84}.number-path-card{--number-ink:#41362a;--number-paper:#fffaf0;--number-accent:#b77a35;--number-deep:#8f5c2b;--number-line:#decba9;background:radial-gradient(circle at 88% 7%,#b77a352e,transparent 25%),radial-gradient(circle at 8% 92%,#327b7724,transparent 28%),var(--number-paper);width:min(100%,1000px);min-height:calc(100dvh - 94px);color:var(--number-ink);border:1px solid #8f5c2b47;border-radius:28px;margin:clamp(12px,2vw,28px) auto;padding:clamp(22px,4vw,52px);position:relative;overflow:hidden;box-shadow:0 16px #60442629,0 34px 78px #452f161c}.number-path-card:before{content:"";z-index:0;opacity:.32;pointer-events:none;background-image:linear-gradient(90deg,#8f5c2b14 1px,#0000 1px),linear-gradient(#8f5c2b14 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 66%);mask-image:linear-gradient(#000,#0000 66%)}.number-path-card>*{z-index:1;position:relative}.number-path-select{grid-template-columns:minmax(260px,.82fr) minmax(330px,1.18fr);align-items:center;gap:clamp(30px,6vw,82px);display:grid}.number-path-select-copy h1{max-width:570px;font:800 clamp(40px,5.8vw,72px)/.98 var(--display-font);letter-spacing:-.075em;margin:9px 0 18px}.number-path-select-copy h1 em{color:var(--number-accent);font-style:normal}.number-path-select-copy>p:not(.eyebrow){color:#635548;max-width:465px;margin:0;font-size:15px;line-height:1.8}.number-rule-chips{flex-wrap:wrap;gap:7px;margin:22px 0 20px;padding:0;list-style:none;display:flex}.number-rule-chips li{color:#765126;letter-spacing:.04em;background:#fff7e4c7;border:1px solid #b77a3561;border-radius:999px;padding:7px 10px;font:700 10px DM Mono,monospace}.number-progress-note{border:1px solid var(--number-line);color:#6b5946;background:#ffffff70;border-radius:13px;align-items:baseline;gap:5px;padding:11px 14px;font-size:12px;display:inline-flex}.number-progress-note strong{color:var(--number-deep);font:800 23px/1 var(--display-font)}.number-level-select{background:#ffffff80;border:1px solid #8f5c2b3b;border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:inset 0 0 0 4px #ffffff47}.number-difficulty-tabs{border:1px solid var(--number-line);background:#f3e8d4;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;display:grid}.number-difficulty-tabs button{color:#77624a;min-height:38px;font:700 12px var(--body-font);cursor:pointer;background:0 0;border:0;border-radius:10px}.number-difficulty-tabs button.is-selected{background:var(--number-paper);color:var(--number-deep);box-shadow:0 2px #5a3a1b24}.number-difficulty-tabs button:focus-visible,.number-level-button:focus-visible{outline-offset:2px;outline:3px solid #327b77}.number-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.number-level-button{min-height:132px;color:var(--number-ink);text-align:left;cursor:pointer;background:#fffaf0;border:1px solid #8f5c2b47;border-radius:16px;align-content:start;gap:7px;padding:16px;transition:transform .17s,box-shadow .17s,border-color .17s;display:grid}.number-level-button:hover:not(:disabled){border-color:var(--number-accent);transform:translate(-1px,-2px);box-shadow:4px 5px #8f5c2b24}.number-level-button>span{color:var(--number-accent);letter-spacing:.1em;font:700 11px DM Mono,monospace}.number-level-button strong{font:800 clamp(18px,2vw,25px)/1 var(--display-font);letter-spacing:-.045em}.number-level-button small{color:#776451;margin-top:auto;font-size:10px}.number-level-button.is-locked{opacity:.58;filter:grayscale(.68);cursor:not-allowed}.number-select-footnote{color:#786653;margin:15px 2px 0;font-size:11px;line-height:1.6}.number-path-play{flex-direction:column;align-items:stretch;display:flex}.number-path-topbar{border-bottom:1px solid var(--number-line);justify-content:space-between;align-items:flex-start;gap:16px;min-height:57px;padding:0 2px 13px;display:flex}.number-path-topbar .eyebrow{color:#7f684e;margin:0 0 4px}.number-path-topbar strong{font:800 clamp(24px,3vw,34px)/1 var(--display-font);letter-spacing:-.06em}.number-path-topbar .text-button{color:#765126}.number-path-hud{border:1px solid var(--number-line);background:#ffffff70;border-radius:16px;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:7px;margin-top:13px;padding:10px 14px;display:grid}.number-path-hud>div{justify-items:center;gap:2px;display:grid}.number-path-hud span{color:#725e4b;font-size:10px;font-weight:700}.number-path-hud strong{color:var(--number-ink);font:600 19px DM Mono,monospace}.number-path-hud .timer{text-align:center}.number-pause-button{color:#6e4b26;background:#fff8e9;border-color:#a67a49}.number-path-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:12px 0 2px;display:flex}.number-path-actions .quiet-button{color:#6f4b26;background:#ffffff7a;border-color:#8f5c2b4d;min-height:36px;padding:6px 12px}.number-path-actions .quiet-button:disabled{opacity:.45}.number-hint-button{background:#fff3cf!important;border-color:#b77a35!important}.number-path-settings{color:#715b44;font-size:11px;position:relative}.number-path-settings summary{cursor:pointer;align-items:center;min-height:36px;padding:0 9px;list-style:none;display:flex}.number-path-settings summary::-webkit-details-marker{display:none}.number-path-settings summary:after{content:"⌄";margin-left:4px}.number-path-settings[open]{border:1px solid var(--number-line);background:#fffaf0;border-radius:12px;padding:0 10px 8px}.number-path-settings[open] summary{padding:0}.number-path-settings label{white-space:nowrap;align-items:center;gap:6px;margin-top:4px;display:flex}.number-path-settings input{accent-color:var(--number-accent)}.number-board-frame{background:#fffcf59e;border:1px solid #8f5c2b52;border-radius:22px;align-self:center;place-items:center;width:min(100%,700px,100dvh - 248px);margin:10px auto 0;padding:clamp(7px,1.2vw,12px);display:grid;box-shadow:inset 0 0 0 5px #ffffff57,0 16px 38px #523a1d17}.number-path-board{grid-template-columns:repeat(var(--number-columns),minmax(0,1fr));grid-template-rows:repeat(var(--number-rows),minmax(0,1fr));width:100%;aspect-ratio:var(--number-columns) / var(--number-rows);isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;display:grid;position:relative}.number-path-lines{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.number-path-lines line{stroke:#b77a35;stroke-width:7px;stroke-linecap:round;opacity:.88;filter:drop-shadow(0 1px 1px #5d391738);transition:stroke-dashoffset .22s}.number-path-cell{z-index:1;aspect-ratio:1;color:#6c5742;cursor:pointer;touch-action:none;background:#f7eedc;border:1px solid #dcc9a7;border-radius:50%;place-self:center;place-items:center;width:66%;padding:0;font:700 clamp(10px,1.9vw,20px) DM Mono,monospace;transition:transform .13s,background .13s,box-shadow .13s,border-color .13s;display:grid}.number-path-cell i{aspect-ratio:1;opacity:.82;background:#decdb0;border-radius:50%;width:14%}.number-path-cell.is-clue{color:#73481e;background:#fff9e9;border:2px solid #a76d30;box-shadow:0 2px #764a1e33}.number-path-cell.is-hidden:hover:not(:disabled),.number-path-cell:focus-visible{background:#eef5e8;border-color:#327b77;outline:0;transform:scale(1.08)}.number-path-cell.is-connected{color:#fffaf0;background:#b77a35;border-color:#a56a2d;animation:.24s cubic-bezier(.22,1,.36,1) number-path-settle;transform:scale(1.06);box-shadow:0 0 0 4px #b77a351f,0 2px #5d39172e}.number-path-cell.is-connected i{background:#fff4d7}.number-path-cell.is-invalid{background:#f5e2d4;border-color:#a45d45;animation:.3s ease-out number-path-invalid}.number-path-cell.is-hint-candidate{box-shadow:0 0 0 5px #327b773b}.number-path-cell.is-hint-eliminated{opacity:.42;filter:grayscale(.65)}.number-path-cell.is-hint-target{animation:.76s ease-in-out infinite alternate number-path-hint;box-shadow:0 0 0 4px #f5ce68,0 0 0 8px #b77a3536}.number-path-cell:disabled{cursor:default}.number-path-cell.is-blocked{opacity:.9;background:repeating-linear-gradient(135deg,#b8a38a 0 4px,#d2c2aa 4px 8px);border:0;border-radius:12px;width:54%;box-shadow:inset 0 0 0 1px #59442d29}.number-path-cell.is-blocked i{display:none}.number-path-cell.is-blocked:disabled{cursor:not-allowed}.number-path-tutorial-illustration{background:radial-gradient(circle at 86% 15%,#327b7724,#0000 29%),radial-gradient(circle at 12% 80%,#b77a3529,#0000 30%),#fff8e9;border:1px solid #8f5c2b47;border-radius:18px;place-items:center;min-height:184px;margin:15px 0 9px;display:grid;overflow:hidden}.number-path-tutorial-illustration svg{width:min(100%,340px);display:block;overflow:visible}.number-path-tutorial-illustration text{fill:#70563b;text-anchor:middle;font:800 17px DM Mono,monospace}.number-path-tutorial-illustration .number-tutorial-caption{fill:#79624b;font:600 10px var(--body-font);letter-spacing:.04em}.number-tutorial-cell{fill:#f7eedc;stroke:#dcc9a7;stroke-width:2px}.number-tutorial-cell.is-active{fill:#b77a35;stroke:#8f5c2b}.number-path-tutorial-illustration .is-active+text{fill:#fffaf0}.number-tutorial-cell.is-target{fill:#fff9e9;stroke:#327b77;stroke-width:3px}.number-tutorial-route{fill:none;stroke:#b77a35;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #5d391730)}.number-tutorial-arrow{fill:none;stroke:#b77a35;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.number-tutorial-spark{fill:#f5ce68;stroke:#b77a35;stroke-width:1.5px}.number-tutorial-neighbors circle{fill:#f7eedc;stroke:#dcc9a7;stroke-width:2px}.number-tutorial-rays path{stroke:#9b7650;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:3 5}.number-tutorial-finish{fill:none;stroke:#327b77;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.number-tutorial-kicker{letter-spacing:.1em;color:#9b6d39!important;font:700 10px DM Mono,monospace!important}.number-tutorial-progress{justify-content:center;gap:7px;margin:17px 0 0;display:flex}.number-tutorial-progress span{background:#e4d3b5;border-radius:99px;width:26px;height:4px;transition:background .18s,transform .18s}.number-tutorial-progress span.is-current{background:#b77a35;transform:scaleX(1.14)}.number-tutorial-progress span.is-complete{background:#327b77}.number-tutorial-actions{margin-top:18px}.number-rating{color:#715337;justify-content:center;align-items:center;gap:10px;margin:8px 0 14px;display:flex}.number-rating>strong{aspect-ratio:1;color:#a56727;width:43px;font:800 24px/1 var(--display-font);background:#fff1cb;border:2px solid;border-radius:50%;place-items:center;display:grid}.number-rating>div{text-align:left;gap:2px;display:grid}.number-rating span{font:800 14px/1.1 var(--display-font)}.number-rating small{color:#786653;font-size:10px}.number-path-meta{color:#715f4d;justify-content:space-between;align-items:center;gap:14px;width:min(100%,700px);min-height:28px;margin:5px auto 0;font-size:10px;display:flex}.number-path-meta p{margin:0}.number-path-meta span{flex-shrink:0;font:500 9px DM Mono,monospace}.number-path-paused-board{aspect-ratio:5/4;color:#715337;text-align:center;background:radial-gradient(circle at 20% 25%,#f7e6bfb8 0 9%,#0000 9.5%),radial-gradient(circle at 78% 74%,#b4d3c89e 0 11%,#0000 11.5%),#f3e8d4;border:1px solid #8f5c2b52;border-radius:22px;place-content:center;justify-self:center;gap:12px;width:min(100%,700px,100dvh - 248px);margin:10px auto 0;display:grid}.number-path-paused-board span{background:#fffaf0;border:2px solid;border-radius:14px;justify-self:center;place-items:center;width:54px;height:54px;font-size:23px;display:grid}.number-path-paused-board strong{font:800 25px var(--display-font)}.number-result-score{color:var(--number-accent)}@keyframes number-path-settle{0%{transform:scale(.72)}68%{transform:scale(1.13)}to{transform:scale(1.06)}}@keyframes number-path-invalid{24%{transform:translate(-3px)}52%{transform:translate(3px)}76%{transform:translate(-2px)}}@keyframes number-path-hint{0%{transform:scale(.96)}to{transform:scale(1.08)}}@media (width<=760px){.number-path-select{grid-template-columns:1fr}.number-path-select-copy{max-width:620px}.number-board-frame,.number-path-paused-board{width:min(100%,100dvh - 225px)}}@media (width<=560px){.number-path-card{min-height:calc(100dvh - 47px);padding:16px 10px max(16px,env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0;margin:0}.number-path-select{align-content:start;gap:25px;padding-top:28px}.number-path-select-copy h1{font-size:clamp(40px,12vw,58px)}.number-path-select-copy>p:not(.eyebrow){font-size:13px}.number-level-select{border-radius:17px;padding:13px}.number-level-button{min-height:117px;padding:13px}.number-path-topbar{min-height:36px;padding-bottom:9px}.number-path-topbar .eyebrow{display:none}.number-path-topbar strong{font-size:24px}.number-path-hud{border-radius:13px;gap:1px;margin-top:8px;padding:6px 5px}.number-path-hud span{font-size:9px}.number-path-hud strong{font-size:15px}.number-path-actions{gap:4px;margin-top:7px}.number-path-actions .quiet-button{min-height:34px;padding:5px 8px;font-size:10px}.number-path-settings summary{min-height:34px;padding:0 4px;font-size:10px}.number-board-frame{border-radius:14px;width:min(100%,100dvh - 192px);margin-top:6px;padding:5px}.number-path-cell{font-size:clamp(9px,3.6vw,15px)}.number-path-lines line{stroke-width:5px}.number-path-meta{min-height:24px;margin-top:3px;padding:0 2px}.number-path-meta p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.number-path-meta span{display:none}.number-path-paused-board{border-radius:14px;width:min(100%,100dvh - 192px);margin-top:6px}}@media (height<=620px) and (orientation:landscape){.number-path-card{border-radius:0;min-height:calc(100dvh - 47px);margin:0;padding:8px 14px}.number-path-topbar{display:none}.number-path-hud{margin-top:0;padding:4px 7px}.number-path-actions{margin:4px 0 0}.number-board-frame{width:min(58vw,100dvh - 116px);margin-top:3px;padding:4px}.number-path-paused-board{width:min(58vw,100dvh - 116px);margin-top:3px}.number-path-meta,.number-path-play>.shortcut-tip{display:none}}