:root{font-family:Segoe UI,Microsoft YaHei UI,sans-serif;color:#17201c;background:#f2f5f3;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0;--green: #16a36a;--ink: #17201c;--muted: #68736d;--line: #dce3df;--surface: #ffffff}*{box-sizing:border-box}html{min-width:0;min-height:100%;background:#f2f5f3}body{margin:0;min-width:0;min-height:100vh;min-height:100dvh;overscroll-behavior-y:contain}button,input{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid rgba(36,116,216,.28);outline-offset:2px}.app-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template:72px 1fr / 88px 1fr}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:0 28px 0 20px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand img{width:42px;height:42px}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:17px}.brand small{color:var(--muted);margin-top:3px;font-size:11px}.topbar-status{display:flex;align-items:center;gap:22px}.topbar-status>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.topbar-status>span svg{color:#d99b24}.topbar-status .coin-balance{height:32px;padding:0 10px;border-radius:6px;background:#fff3d4;color:#7e5500}.topbar-status .sync-status{height:28px;gap:5px;padding:0 8px;border:1px solid #d7e2dc;border-radius:5px;background:#f5f8f6;color:#557066;font-size:11px;font-weight:700}.topbar-status .sync-status svg{color:#16a36a}.topbar-status .sync-status.offline{border-color:#f0c7bc;background:#fff3ef;color:#a33b29}.topbar-status .sync-status.offline svg{color:#d44731}.profile-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;cursor:pointer;padding:6px}.profile-button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:#2474d8;font-weight:800}.profile-button strong{font-size:13px}.side-nav{grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:22px 12px;background:#fff;border-right:1px solid var(--line)}.side-nav button,.mobile-nav button{border:0;background:transparent;color:#77817c;cursor:pointer}.side-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:58px;padding:9px 4px;border-radius:6px;font-size:11px}.side-nav button svg{width:21px;height:21px}.side-nav button.active{background:#e8f7f0;color:#087d4e;font-weight:700}.side-nav button:last-child{margin-top:auto}.game-layout{grid-column:2;min-width:0;display:grid;grid-template-columns:minmax(480px,760px) minmax(300px,380px);justify-content:center;align-items:start;gap:24px;padding:28px}.game-stage,.ranking-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px}.game-stage{padding:24px 28px 22px;box-shadow:0 10px 30px #1929210d}.stage-header,.panel-heading,.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{display:block;color:var(--green);font-size:12px;font-weight:800}.stage-header h1{margin:5px 0 0;font-size:26px;line-height:1.15}.difficulty-label{display:flex;align-items:center;gap:3px;margin-top:8px;color:var(--muted);font-size:10px}.difficulty-label i{width:13px;height:4px;border-radius:2px;background:#dce3df}.difficulty-label i.filled{background:#e85d45}.stage-actions{display:flex;align-items:center;gap:8px}.timer-chip{height:40px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.timer-chip strong{min-width:45px;color:var(--ink);font-variant-numeric:tabular-nums}.timer-chip.danger{border-color:#f0b4aa;background:#fff1ee;color:#d44731}.timer-chip.danger strong{color:#c93620}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.icon-button:hover{background:#f3f6f4}.progress-track{height:4px;overflow:hidden;margin:20px 0 22px;border-radius:2px;background:#edf1ef}.progress-track span{display:block;height:100%;transition:width .16s ease}.board-wrap{width:min(100%,570px);position:relative;margin:0 auto}.game-board{width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;background-color:#eef2ef;background-image:linear-gradient(#e3e9e5 1px,transparent 1px),linear-gradient(90deg,#e3e9e5 1px,transparent 1px);background-size:24px 24px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;box-shadow:inset 0 0 0 1px #2032290f}.board-svg{width:100%;height:100%;display:block;padding:7%;overflow:visible}.board-cell{fill:#fff;stroke:#dce4df;stroke-width:.025}.board-cell.blocked{fill:#dfe5e1;stroke:transparent;opacity:.5}.board-node{fill:#b7c2bc;stroke:#fff;stroke-width:.055;transition:r .12s ease,fill .12s ease}.board-node.visited{fill:var(--board-accent)}.board-node.current{fill:#fff;stroke:var(--board-accent);stroke-width:.1}.start-dot{fill:#17201c}.checkpoint-number{fill:#17201c;font-size:.2px;font-weight:900;text-anchor:middle;dominant-baseline:central;pointer-events:none}.checkpoint-number.visited{fill:#fff}.hint-pulse{fill:#d99b2429;stroke:#d99b24;stroke-width:.08;transform-box:fill-box;transform-origin:center;animation:hint-pulse .9s ease-in-out infinite alternate;pointer-events:none}@keyframes hint-pulse{0%{opacity:.65;transform:scale(.82)}to{opacity:1;transform:scale(1.12)}}.path-line{fill:none;stroke:var(--board-accent);stroke-width:.19;stroke-linecap:round;stroke-linejoin:round}.path-line-shadow{stroke:#fff;stroke-width:.31;opacity:.9}.move-hint{position:absolute;left:50%;bottom:18px;z-index:4;transform:translate(-50%);width:max-content;max-width:calc(100% - 30px);padding:9px 13px;border-radius:6px;background:#17201c;color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 20px #17201c38}.hint-toast{position:absolute;left:50%;bottom:18px;z-index:5;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);min-height:36px;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #efd28b;border-radius:6px;background:#fff8e5;color:#805700;font-size:11px;font-weight:700;box-shadow:0 8px 20px #563b0029}.stage-footer{margin-top:19px}.goal-copy{display:flex;align-items:center;gap:10px}.goal-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.goal-copy>span:last-child{display:flex;flex-direction:column}.goal-copy strong{font-size:13px}.goal-copy small{margin-top:3px;color:var(--muted);font-size:11px}.cell-progress{display:flex;align-items:baseline;font-variant-numeric:tabular-nums}.cell-progress strong{font-size:22px}.cell-progress span{color:var(--muted);font-size:13px}.hint-command{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;border:1px solid #ecd79f;border-radius:6px;background:#fff9e9;color:#805700;cursor:pointer}.hint-command>span{display:flex;flex-direction:column;align-items:flex-start}.hint-command strong{font-size:12px}.hint-command small{margin-top:2px;color:#9a7b35;font-size:9px}.hint-command:disabled{opacity:.5;cursor:not-allowed}.unlock-teaser{min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:10px 12px;border:1px solid #dcd4ee;border-radius:8px;background:linear-gradient(135deg,#f7f3ff,#efeaf9);color:#5e439c;box-shadow:0 10px 26px #7c58c221}.unlock-teaser span{min-width:0;display:flex;flex:1;flex-direction:column;color:#756d88}.unlock-teaser small{font-size:10px;font-weight:800}.unlock-teaser strong{margin-top:2px;overflow:hidden;color:#432e7f;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.unlock-teaser em{margin-top:3px;color:#7c6fa0;font-size:10px;font-style:normal}.unlock-teaser i{width:34px;height:8px;flex:0 0 auto;border-radius:999px;box-shadow:0 0 14px currentColor}.level-strip{display:flex;justify-content:flex-start;gap:9px;margin-top:12px;padding:18px 2px 4px;overflow-x:auto;border-top:1px solid #edf1ef;scrollbar-width:thin}.level-strip button{width:34px;height:34px;flex:0 0 34px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer;font-size:12px;font-weight:700}.level-strip button.active{border-color:var(--ink);background:var(--ink);color:#fff}.level-strip button.completed:not(.active){border-color:#9bd7bb;color:#087d4e;background:#eef9f3}.level-strip button:disabled{display:grid;place-items:center;color:#aab3ae;background:#edf1ef;cursor:not-allowed}.ranking-panel{padding:22px;position:sticky;top:100px}.panel-heading h2{margin:4px 0 0;font-size:19px}.season-pill{padding:5px 8px;border-radius:5px;background:#17201c;color:#fff;font-size:11px;font-weight:800}.ranking-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:20px 0 14px;padding:4px;background:#eff3f1;border-radius:6px}.ranking-tabs button{height:34px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.ranking-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #1d30261f;font-weight:700}.ranking-list{min-height:335px}.ranking-loading{padding:50px 0;text-align:center;color:var(--muted);font-size:13px}.ranking-error{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:12px}.ranking-error button{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);cursor:pointer;font-size:11px;font-weight:700}.ranking-row{min-height:60px;display:grid;grid-template-columns:25px 36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 7px;border-bottom:1px solid #edf1ef}.ranking-row.current-user{margin:5px -7px 0;padding-left:14px;padding-right:14px;border:1px solid #b8e5cf;border-radius:6px;background:#eef9f3}.rank-number{text-align:center;color:#8a948f;font-size:12px;font-weight:800}.rank-1{color:#d99b24}.rank-2{color:#72849b}.rank-3{color:#ba755f}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:12px;font-weight:800}.player-copy{min-width:0;display:flex;flex-direction:column}.player-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.player-copy small{margin-top:3px;color:var(--muted);font-size:10px}.player-score{font-size:13px;font-variant-numeric:tabular-nums}.ranking-note{display:flex;align-items:center;gap:6px;margin-top:16px;color:var(--muted);font-size:11px}.site-footer{grid-column:2;min-width:0;padding:0 28px 24px;text-align:center;color:var(--muted);font-size:12px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--green);text-decoration:underline}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#0d131094}.result-dialog{width:min(100%,460px);position:relative;padding:28px 30px;overflow:hidden;border-radius:8px;background:#fff;text-align:center;box-shadow:0 24px 70px #00000040}.dialog-close{position:absolute;top:14px;right:14px}.trophy-mark{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:#fff3d4;color:#b97600}.result-dialog h2{margin:5px 0 18px;font-size:23px}.final-message{max-width:320px;margin:-8px auto 14px;color:var(--muted);font-size:11px;line-height:1.6}.star-rating{display:flex;justify-content:center;gap:6px;margin:-8px 0 16px;color:#dce3df}.star-rating svg{width:24px;height:24px}.star-rating svg.earned{color:#e4a51e;filter:drop-shadow(0 2px 2px rgba(165,108,0,.18))}.result-score{display:block;color:var(--green);font-size:42px;line-height:1;font-variant-numeric:tabular-nums}.result-unit{display:block;margin-top:6px;color:var(--muted);font-size:11px}.score-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:25px 0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--line)}.score-breakdown div{display:flex;flex-direction:column;gap:5px;padding:13px 6px;background:#fff}.score-breakdown span{color:var(--muted);font-size:11px}.score-breakdown strong{font-size:14px}.reward-reveal{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:-12px 0 20px;text-align:left}.reward-reveal>div{min-height:54px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #e2e7e4;border-radius:6px;background:#f7f9f8}.reward-reveal>div>span{display:flex;flex-direction:column;min-width:0}.reward-reveal small{color:#7d8782;font-size:9px}.reward-reveal strong{margin-top:3px;overflow:hidden;color:#26302b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.reward-reveal .coin-reward{color:#b97600;background:#fff9e9;border-color:#f0ddab}.reward-reveal .chest-reward{color:#7c58c2}.reward-reveal .chest-reward.gold{color:#b97600;background:#fff8e5}.reward-reveal .chest-reward.legendary{color:#d44731;background:#fff0ec}.reward-reveal .unlock-reward{grid-column:1 / -1;min-height:68px;position:relative;color:#7c58c2;background:linear-gradient(135deg,#f7f3ff,#ebe3ff);border-color:#cbbbe9;box-shadow:inset 0 0 0 1px #7c58c214}.unlock-reward>i{width:48px;height:10px;margin-left:auto;border-radius:999px;box-shadow:0 0 18px currentColor}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{--piece: 0;position:absolute;top:-14px;left:calc(5% + var(--piece) * 5%);width:7px;height:12px;border-radius:2px;background:#16a36a;animation:confetti-fall 2.2s ease-in forwards;animation-delay:calc(var(--piece) * -.07s);transform:rotate(calc(var(--piece) * 23deg))}.confetti i:nth-child(3n){background:#e85d45}.confetti i:nth-child(3n+2){background:#d99b24}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px) rotate(0)}to{opacity:0;transform:translateY(520px) rotate(540deg)}}.dialog-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:9px}.dialog-actions button{height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;cursor:pointer;font-weight:700}.secondary-button{border:1px solid var(--line);background:#fff}.primary-button{border:1px solid #17201c;background:#17201c;color:#fff}.failure-dialog{width:min(100%,410px);padding:34px 30px 28px;border-radius:8px;background:#fff;text-align:center;box-shadow:0 24px 70px #00000040}.failure-mark{width:60px;height:60px;display:grid;place-items:center;margin:0 auto 15px;border-radius:50%;background:#fff0ec;color:#d44731}.failure-eyebrow{color:#d44731;font-size:12px;font-weight:800}.failure-dialog h2{margin:6px 0 10px;font-size:23px}.failure-dialog p{max-width:310px;margin:0 auto 24px;color:var(--muted);font-size:12px;line-height:1.7}.failure-actions{display:flex;justify-content:center;gap:9px}.failure-actions button{min-width:140px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;cursor:pointer;font-weight:700}.failure-actions .primary-button:only-child{width:100%}.mobile-nav{display:none}@media(max-width:1080px){.game-layout{grid-template-columns:minmax(440px,680px) minmax(280px,330px);padding:20px;gap:18px}.game-stage{padding:22px}}@media(max-width:860px){.app-shell{display:block;padding-bottom:calc(66px + env(safe-area-inset-bottom))}.topbar{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.brand img{width:36px;height:36px}.brand strong{font-size:15px}.brand small,.topbar-status>span,.profile-button strong{display:none}.topbar-status .coin-balance{display:flex}.side-nav{display:none}.game-layout{display:block;padding:14px max(14px,env(safe-area-inset-right)) 14px max(14px,env(safe-area-inset-left))}.game-stage{padding:18px 16px}.ranking-panel{position:static;margin-top:14px}.site-footer{padding:0 max(14px,env(safe-area-inset-right)) 16px max(14px,env(safe-area-inset-left))}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(62px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px}.mobile-nav button svg{width:20px}.mobile-nav button.active{color:#087d4e;font-weight:700}}@media(max-width:520px){.game-layout{padding:0}.game-stage,.ranking-panel{border-left:0;border-right:0;border-radius:0}.stage-header h1{font-size:21px}.timer-chip{height:36px;padding:0 9px}.stage-actions .icon-button{width:36px;height:36px}.progress-track{margin:15px 0}.board-wrap{width:100%}.game-board{border-radius:6px}.result-dialog{padding:26px 20px 20px}.dialog-backdrop{align-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.result-dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}}@media(max-width:340px){.topbar{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}.brand{gap:7px}.brand img{width:32px;height:32px}.brand strong{font-size:13px}.topbar-status{gap:6px}.topbar-status .coin-balance{min-width:46px;height:30px;padding:0 7px}.profile-button{padding:2px}.profile-button>span{width:30px;height:30px}.game-stage{padding:15px 12px}.stage-header{gap:8px}.stage-header h1{font-size:19px}.stage-actions{gap:5px}.timer-chip{padding:0 7px}.timer-chip strong{min-width:42px}.stage-actions .icon-button:last-child{display:none}.goal-copy strong{font-size:12px}.cell-progress strong{font-size:19px}.unlock-teaser{justify-content:flex-start;overflow:hidden}.unlock-teaser strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-dialog{padding:22px 16px 16px}.result-score{font-size:36px}.score-breakdown{margin-top:20px}.reward-reveal{grid-template-columns:1fr}.reward-reveal .unlock-reward{grid-column:1}.dialog-actions{grid-template-columns:1fr 1.35fr}.ranking-panel{padding:18px 14px}.ranking-tabs button{gap:3px}.failure-dialog{padding:28px 18px 20px}.failure-actions{flex-direction:column}.failure-actions button{width:100%}}@media(max-width:860px)and (max-height:600px)and (orientation:landscape){.app-shell{padding-bottom:0}.topbar{height:calc(52px + env(safe-area-inset-top))}.brand small{display:none}.game-layout{padding-top:8px}.game-stage{max-width:790px;display:grid;grid-template-columns:min(310px,calc(100dvh - 80px)) minmax(230px,1fr);grid-template-areas:"board header" "board progress" "board footer" "board hint" "board teaser" "board levels";grid-template-rows:auto 4px auto auto auto minmax(42px,1fr);align-items:start;column-gap:16px;margin:0 auto;padding:12px}.stage-header{grid-area:header}.progress-track{grid-area:progress;width:100%;margin:6px 0}.board-wrap{grid-area:board;width:100%;align-self:center}.stage-footer{grid-area:footer;margin-top:10px}.hint-command{grid-area:hint;margin-top:8px}.unlock-teaser{grid-area:teaser;width:100%;margin-top:8px}.level-strip{grid-area:levels;width:100%;margin-top:6px;padding-top:8px}.ranking-panel{max-width:790px;margin-left:auto;margin-right:auto}.mobile-nav{display:none}.dialog-backdrop{align-items:start;overflow-y:auto}.result-dialog{max-height:none;margin:6px auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}