:root{font-family:ui-rounded,SF Pro Rounded,PingFang SC,Microsoft YaHei,sans-serif;color:#2f4439;background:#e7ddc9;font-synthesis:none;--paper:#f7f0df;--ink:#304a3e;--muted:#686254;--red:#a94835;--yellow:#d19b29;--line:#cbbfa8;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.45),transparent 25%),#e7ddc9}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,.board:focus-visible{outline:3px solid rgba(201,103,79,.35);outline-offset:3px}.app-shell{width:min(1180px,calc(100% - 24px));min-height:calc(100vh - 24px);margin:12px auto;background:var(--paper);box-shadow:0 12px 50px #40342221;position:relative;overflow:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.topbar,main,footer{position:relative;z-index:1}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--ink);border-radius:50% 44% 48% 42%;font-family:var(--serif);font-size:21px;transform:rotate(-3deg)}.brand b{display:block;font:700 22px var(--serif);letter-spacing:.15em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.22em}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{border:0;background:transparent;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;cursor:pointer}.icon-button:hover{background:#ebe1cd}.network-pill{display:flex;align-items:center;gap:6px;font-size:12px;color:#56705f;background:#e7eddf;border-radius:30px;padding:7px 11px}.network-pill.offline{color:#8b584c;background:#f2ddd5}main{padding:38px 44px 70px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px}.hero h1{font:700 clamp(38px,6vw,68px)/1.14 "Noto Serif SC",serif;margin:0;letter-spacing:-.03em}.hero h1 em{color:var(--red);font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:7px;background:var(--yellow);opacity:.55;transform:rotate(-1deg);clip-path:polygon(0 30%,100% 0,97% 80%,3% 100%)}.hero-copy{color:var(--muted);max-width:520px;line-height:1.75;margin:24px 0 0}.streak-card{min-width:130px;padding:18px;border:1px dashed #baad94;text-align:center;transform:rotate(2deg);background:#f1e7d2}.streak-card svg{color:var(--red)}.streak-card b{display:block;font:700 36px "Noto Serif SC",serif}.streak-card span{font-size:12px;color:var(--muted)}.notice{margin:24px 0 -5px;padding:12px 14px;background:#f2dfd7;color:#824d40;display:flex;justify-content:space-between;border-left:3px solid var(--red)}.notice button{border:0;background:transparent;cursor:pointer}.main-tabs{display:flex;gap:30px;margin:44px 0 24px;border-bottom:1px solid var(--line)}.main-tabs button{display:flex;gap:8px;align-items:center;border:0;background:transparent;padding:12px 2px;color:var(--muted);cursor:pointer;position:relative}.main-tabs button.active{color:var(--ink);font-weight:800}.main-tabs button.active:after{content:"";position:absolute;height:3px;background:var(--red);bottom:-2px;left:0;right:0;border-radius:5px}.play-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:42px;align-items:start}.puzzle-card{border:1px solid var(--line);padding:24px;background:#ffffff40;box-shadow:4px 5px #e8ddc8}.puzzle-card-top{display:flex;align-items:center;justify-content:space-between}.paper-tag{color:#fff;background:var(--red);padding:5px 9px;font-size:11px;transform:rotate(-2deg)}.difficulty{color:var(--yellow);letter-spacing:2px}.puzzle-card h2{font:700 28px "Noto Serif SC",serif;margin:22px 0 6px}.puzzle-card>p{color:var(--muted);font-size:13px}.goals{margin:25px 0;border-top:1px dashed var(--line)}.goal{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:8px;padding:13px 0;border-bottom:1px dashed var(--line);color:#918877}.goal>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:11px}.goal p{font-size:13px;margin:0}.goal.active{color:var(--red)}.leaderboard-button,.text-button{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;border:0;background:transparent;cursor:pointer;padding:10px;color:var(--ink)}.leaderboard-button{border:1px solid var(--ink)}.practice-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.practice-picker button{border:1px solid var(--line);background:transparent;aspect-ratio:1;cursor:pointer}.practice-picker button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.board-column{max-width:650px;width:100%;justify-self:center}.game-panel{width:100%}.board-meta{display:flex;justify-content:space-between;min-height:28px;font-size:13px;color:var(--muted)}.rule-note{color:#6f765c}.error-note{color:var(--red)!important;animation:shake .25s}.board{position:relative;display:grid;width:100%;touch-action:none;-webkit-user-select:none;user-select:none;background:#eee4d0;border:10px solid #e4d8c0;box-shadow:inset 0 0 0 1px #cdbfa4,7px 8px #56483114}.cell{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(83,73,54,.15);background:#ffffff4d;cursor:pointer;padding:0}.cell:hover:not(:disabled){background:#ffffffb3}.cell.blocked{background:repeating-linear-gradient(135deg,transparent,transparent 6px,rgba(81,67,43,.08) 7px,rgba(81,67,43,.08) 9px);cursor:not-allowed}.cell.visited{background:#e1b2481a}.path-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.path-layer polyline{fill:none;stroke:var(--ink);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5))}.endpoint{position:relative;z-index:4;display:grid;place-items:center;width:42%;aspect-ratio:1;border-radius:50%;color:#fff;font:700 clamp(10px,2vw,15px) "Noto Serif SC",serif}.endpoint.start{background:var(--red)}.endpoint.end{background:var(--yellow);color:#554522}.required-dot{width:15%;aspect-ratio:1;background:var(--ink);border-radius:50%;position:relative;z-index:4}.rule{position:absolute;z-index:4;font-weight:800;color:#735c35}.arrow{font-size:28px}.portal{border:3px double #6e7188;color:#5d617b;border-radius:50%;width:42%;aspect-ratio:1;display:grid;place-items:center}.gate{border-bottom:2px solid var(--red);font-size:12px}.stamp{color:var(--red);border:2px solid var(--red);border-radius:50%;padding:4px;transform:rotate(-10deg);font:700 12px "Noto Serif SC",serif}.board-actions{display:flex;justify-content:center;gap:20px;margin:14px auto}.board-actions .text-button{width:auto;color:var(--muted)}.board-actions button:disabled{opacity:.35}.start-card,.loading-card,.result-card{text-align:center;border:1px dashed #bbae93;padding:50px 28px;background:#ffffff2e}.loading-card{margin-top:30px;color:var(--muted)}.stamp-large{display:grid;place-items:center;margin:0 auto 20px;width:78px;height:78px;border:3px double var(--red);border-radius:50%;color:var(--red);transform:rotate(-7deg);font:700 23px "Noto Serif SC",serif}.start-card h2,.result-card h2{font:700 30px "Noto Serif SC",serif;margin:10px 0}.start-card p,.result-card p{color:var(--muted)}.primary-button,.secondary-button{border:0;padding:12px 22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{color:#fff;background:var(--ink);box-shadow:3px 3px #b7a98e}.primary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{color:var(--ink);background:transparent;border:1px solid var(--ink)}.result-card{margin-top:18px;padding:28px}.result-card h2{color:var(--red);letter-spacing:6px;font-size:40px}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.improved-badge{display:inline-block;background:#e3ebdc;color:#47614e;padding:5px 10px;border-radius:20px;font-size:12px}footer{display:flex;justify-content:space-between;padding:22px 44px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#2c30278c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.modal{width:min(510px,100%);max-height:90vh;overflow:auto;background:var(--paper);box-shadow:10px 12px #23251d40;padding:28px;border:1px solid #d2c4aa}.modal header{display:flex;justify-content:space-between;align-items:flex-start}.modal h2{font:700 28px "Noto Serif SC",serif;margin:0}.segmented{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 15px;border:1px solid var(--line)}.segmented button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border:0;background:transparent;cursor:pointer}.segmented button.active{color:#fff;background:var(--ink)}.month-input{width:100%;border:1px solid var(--line);padding:9px;background:#fffaf0;margin-bottom:12px}.ranking-list{border-top:1px solid var(--line)}.rank-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px dashed var(--line)}.rank-number{font:700 22px "Noto Serif SC",serif;color:var(--red)}.rank-player,.rank-score{display:flex;flex-direction:column}.rank-player small,.rank-player span,.rank-score span{color:var(--muted);font-size:11px}.rank-score{text-align:right}.list-label{color:var(--muted);font-size:11px;margin-top:22px;letter-spacing:.15em}.nearby{background:#eee5d4;padding:0 9px}.empty-state{padding:45px 10px;text-align:center;color:var(--muted)}.recovery-modal{text-align:center}.recovery-modal>svg{color:var(--red)}.recovery-modal code{display:block;margin:24px 0;background:#e9deca;border:1px dashed #a99b80;padding:14px;font-size:18px;letter-spacing:.08em;word-break:break-all}.centered{margin:8px auto 0;width:auto}.settings-modal label{display:block;color:var(--muted);font-size:12px;margin:18px 0 8px}.settings-modal input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fffaf0;padding:11px}.settings-modal hr{border:0;border-top:1px dashed var(--line);margin:25px 0}.player-id{background:#eae0cd;padding:10px}.form-message{color:var(--red)}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(max-width:760px){.app-shell{width:100%;margin:0;min-height:100vh}.topbar{height:68px;padding:0 18px}.network-pill{font-size:0;padding:8px}.network-pill svg{width:17px;height:17px}.brand-mark{width:36px;height:36px}.brand b{font-size:19px}main{padding:26px 18px 50px}.hero{align-items:flex-start}.hero h1{font-size:39px}.hero-copy{font-size:14px}.streak-card{min-width:78px;padding:12px 8px}.streak-card b{font-size:29px}.main-tabs{margin-top:30px}.play-layout{grid-template-columns:1fr;gap:25px}.puzzle-card{order:2}.board-column{order:1}.board{border-width:6px}.result-actions{flex-direction:column}.result-actions button{width:100%}footer{padding:18px;flex-direction:column;gap:6px}.modal{padding:22px}.endpoint{width:48%}.arrow{font-size:22px}}.hero h1,.streak-card b,.puzzle-card h2,.endpoint,.stamp,.stamp-large,.start-card h2,.result-card h2,.modal h2,.rank-number{font-family:var(--serif)}.tutorial-note{padding:12px 13px;color:var(--ink)!important;background:#eee3cd;border-left:3px solid var(--yellow);line-height:1.65}.order-marker{position:absolute;z-index:5;top:7px;right:7px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--red);font-size:12px;font-weight:800}.rule-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:8px 4px 0;color:var(--muted);font-size:11px}.rule-legend span{display:inline-flex;align-items:center;gap:5px}.legend-required{width:8px;height:8px;border-radius:50%;background:var(--ink)}.legend-stamp{color:var(--red)}.submitting-card{margin:14px 0;padding:12px;text-align:center;color:var(--ink);background:#e6eadc;border:1px dashed #9da88d}.retry-button{margin-right:8px;padding:5px 9px;color:#fff;background:var(--red)!important;border-radius:3px}.notice>span:last-child{display:flex;align-items:center}.primary-button:disabled,.secondary-button:disabled,.retry-button:disabled{opacity:.55;cursor:wait}@media(max-width:420px){.hero h1{font-size:34px}.hero-copy{margin-top:18px}.streak-card{min-width:68px}.main-tabs{gap:18px}.board-meta{align-items:flex-start;gap:8px}.rule-note,.error-note{text-align:right}.rule-legend{gap:6px 10px}.puzzle-card{padding:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}