:root{--note-w: min(18.8rem, 26vw);--note-gap: .55rem;--rail-w: 13.5rem;--chalk: #122018;--chalk-2: #1a2c22;--dust: #e8e2d0;--dust-dim: #cfc6ae;--brass: #c9a15b;--brass-deep: #8a6a32;--rust: #d4652f;--paper: #f3ebd8;--paper-line: #d7c7a2;--ink: #2a2418;--ocean: #1a4a63;--moss: #3d6b45;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--font-ui: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif;--font-display: "ZCOOL XiaoWei", "Noto Serif SC", serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{font-size:16px}html,body,#root{margin:0;height:100%;background:var(--chalk);color:var(--dust);font-family:var(--font-ui);font-weight:500;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(pointer:coarse){html{font-size:18px}}button,input{font:inherit;touch-action:manipulation}.rotate-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:2rem 1.6rem;background:radial-gradient(800px 500px at 50% 30%,#1d3428 0%,transparent 60%),var(--chalk);color:var(--dust);text-align:center}.rotate-lock b{font-family:var(--font-display);font-size:1.7rem;font-weight:400;letter-spacing:.08em}.rotate-lock span{max-width:18rem;color:var(--dust-dim);font-size:.98rem;line-height:1.55}.rotate-glyph{width:3.6rem;height:5.1rem;border:3px solid var(--brass);border-radius:.55rem;box-shadow:inset 0 .35rem color-mix(in oklab,var(--brass) 45%,transparent);animation:rotate-pad 1.7s ease-in-out infinite}@keyframes rotate-pad{0%,25%{transform:rotate(0)}70%,to{transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){.rotate-glyph{animation:none;transform:rotate(90deg)}}.app{height:100%;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(1200px 700px at 70% 20%,#1d3428 0%,transparent 55%),radial-gradient(900px 500px at 10% 90%,#0c1812 0%,transparent 50%),var(--chalk);overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:calc(.35rem + var(--safe-t)) 1rem .3rem;min-height:0}.brand{display:flex;align-items:center;min-width:0;gap:.45rem}.brand h1{margin:0;font-family:var(--font-display);font-size:1.22rem;font-weight:400;letter-spacing:.08em;color:var(--dust);line-height:1.2}.net-pill{margin-left:.55rem;padding:.12rem .45rem;border:1px solid color-mix(in oklab,var(--brass) 55%,transparent);color:var(--brass);font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.stamp-meter{display:flex;align-items:center;gap:.55rem}.stamp-count{font-family:var(--font-ui);font-size:.88rem;font-weight:600;color:var(--brass);white-space:nowrap}.play-stat{font-family:var(--font-mono);font-size:.8rem;color:var(--dust-dim)}.stamp-track{width:8.5rem;height:.35rem;border:1px solid color-mix(in oklab,var(--brass) 70%,transparent);padding:2px}.stamp-fill{height:100%;background:linear-gradient(90deg,var(--brass-deep),var(--brass))}.stage-wrap{position:relative;min-height:0}.globe-stage{position:absolute;top:0;bottom:0;left:0;right:calc(var(--note-w) + var(--note-gap));touch-action:none}.globe-stage canvas{display:block;width:100%;height:100%;cursor:grab}.globe-stage canvas:active{cursor:grabbing}.modes{position:absolute;left:1rem;top:.4rem;display:flex;flex-direction:column;gap:.28rem;z-index:3;max-width:12.4rem;max-height:calc(100% - 5.8rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.book-rail{display:flex;gap:.4rem}.book-btn{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in oklab,var(--dust) 22%,transparent);background:color-mix(in oklab,var(--chalk-2) 36%,transparent);color:var(--dust);padding:.38rem .15rem;font-size:.82rem;font-weight:700;cursor:pointer;min-height:36px}.book-btn.active{border-color:var(--brass);background:color-mix(in oklab,var(--brass) 20%,var(--chalk-2));color:#fff6df}.mode-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in oklab,var(--dust) 22%,transparent);background:color-mix(in oklab,var(--chalk-2) 32%,transparent);color:var(--dust);padding:.5rem .7rem;text-align:left;cursor:pointer;font-size:.95rem;font-weight:600}.mode-btn small{display:block;margin-top:.12rem;font-size:.75rem;font-weight:500;color:var(--dust-dim);letter-spacing:0}.mode-btn.active{border-color:var(--brass);background:color-mix(in oklab,var(--brass) 16%,var(--chalk-2));color:#fff6df}.mode-btn:focus-visible,.icon-btn:focus-visible,.opt:focus-visible,.quest-btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.marks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.mark{position:absolute;transform:translate(-50%,-120%);pointer-events:none;border:0;background:none;color:var(--dust);cursor:pointer;padding:0;white-space:nowrap}.mark.province{z-index:2;transform:translate(-50%,-50%)}.mark.capital,.mark.city{z-index:3;display:flex;align-items:center;gap:.28rem;transform:translate(-5px,-50%)}.mark-dot{width:9px;height:9px;margin:0 auto .2rem;border-radius:50%;background:var(--rust);box-shadow:0 0 0 3px color-mix(in oklab,var(--rust) 35%,transparent)}.mark.capital .mark-dot,.mark.city .mark-dot{margin:0;flex-shrink:0}.mark.capital .mark-dot{width:8px;height:8px;background:#ffd36a;box-shadow:0 0 0 2px color-mix(in oklab,#122018 75%,transparent),0 0 8px color-mix(in oklab,#ffb14a 70%,transparent)}.mark.city .mark-dot{width:6px;height:6px;background:#9ad4ff;box-shadow:0 0 0 2px color-mix(in oklab,#122018 70%,transparent)}.mark-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.mark.continent .mark-dot,.mark.ocean .mark-dot{background:var(--brass);box-shadow:0 0 0 3px color-mix(in oklab,var(--brass) 30%,transparent)}.mark.ocean .mark-dot{background:#7eb6c9}.mark-name{font-size:.88rem;font-weight:600;letter-spacing:0;text-shadow:0 1px 3px #122018,0 0 8px #122018}.mark.country .mark-name,.mark.capital .mark-name{font-family:var(--font-ui);letter-spacing:0;font-weight:700;color:#fff8ea}.mark.size-lg .mark-name{font-size:1.18rem}.mark.country.size-md .mark-name,.mark.province.size-md .mark-name{font-size:1.02rem}.mark.province.size-sm .mark-name{font-size:.92rem}.mark.capital.size-md .mark-name{font-size:.98rem}.mark.capital.size-sm .mark-name{font-size:.86rem}.mark-sub{display:block;margin-top:.04rem;font-family:var(--font-ui);font-size:.78rem;font-weight:500;letter-spacing:0;color:#efe3c4;text-shadow:0 1px 5px #122018}.mark.province .mark-name{font-family:var(--font-ui);font-weight:700;font-size:1.08rem;letter-spacing:.22em;color:#fff8ea;text-shadow:0 0 3px #122018,0 1px 4px #122018,0 0 10px #122018}.mark.province.size-lg .mark-name{font-size:1.2rem}.mark.capital .mark-name{color:#ffe08a}.mark.city .mark-name{color:#d6ecff}.mark.got .mark-dot{background:var(--brass)}.mark.hunt{z-index:6;display:flex;align-items:center;gap:.32rem;transform:translate(-8px,-50%)}.mark.hunt .mark-dot{width:13px;height:13px;margin:0;background:#ffd36a;box-shadow:0 0 0 4px color-mix(in oklab,#ffb14a 42%,transparent),0 0 16px color-mix(in oklab,#ffb14a 75%,transparent)}.mark.hunt .mark-name{font-size:1.32rem;font-weight:800;color:#ffe08a;text-shadow:0 1px 4px #122018,0 0 14px #c97a20}.mark.hunt.size-md .mark-name{font-size:1.02rem;font-weight:700;color:#ffe9b0}.mark.hunt .mark-sub{color:#ffd9a0;font-weight:600}.pause-fab{position:absolute;left:auto;right:calc(var(--note-w) + var(--note-gap) + .7rem);bottom:.55rem;z-index:5;min-width:4.8rem;padding:.45rem .65rem;border:1px solid var(--brass);background:color-mix(in oklab,var(--chalk) 58%,transparent);color:var(--brass);cursor:pointer;text-align:left}.pause-fab strong{display:block;font-family:var(--font-ui);font-size:1.15rem;font-weight:700;letter-spacing:.08em}.pause-fab small{display:block;margin-top:.15rem;color:var(--dust-dim);font-size:.75rem}.pause-fab.stop{border-color:var(--rust);color:#ffd7b8}.view-dock{display:flex;align-items:center;flex-wrap:wrap;gap:.28rem;min-width:0}.view-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in oklab,var(--dust) 20%,transparent);background:color-mix(in oklab,var(--chalk-2) 70%,transparent);color:var(--dust);cursor:pointer;padding:.32rem .55rem;font-size:.8rem;font-weight:600;white-space:nowrap;min-height:36px;min-width:44px;line-height:1.2}.view-chip.on{border-color:var(--brass);color:#fff6df;background:color-mix(in oklab,var(--brass) 18%,var(--chalk-2))}.view-split{width:1px;align-self:stretch;margin:.15rem .2rem;background:color-mix(in oklab,var(--dust) 18%,transparent)}.view-label{font-size:.72rem;color:var(--dust-dim);padding:0 .15rem}.rank-pill{font-family:var(--font-ui);letter-spacing:0;color:var(--brass);font-size:.95rem;font-weight:700}.toast{position:fixed;left:50%;bottom:calc(4.6rem + var(--safe-b));top:auto;transform:translate(-50%);z-index:8;padding:.45rem .9rem;background:var(--paper);color:var(--ink);border:2px solid var(--rust);font-family:var(--font-ui);font-size:1rem;letter-spacing:0;font-weight:700}.foot-actions{display:flex;gap:.45rem}.quest-btn.ghost{border-color:color-mix(in oklab,var(--dust) 35%,transparent);color:var(--dust)}.quest-btn:disabled{opacity:.55;cursor:wait}.hud{display:flex;flex-wrap:nowrap;align-items:center;gap:.3rem .65rem;min-width:0;flex:1 1 10rem;justify-content:center;font-family:var(--font-ui);font-size:.76rem;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud b{color:var(--brass);font-weight:500}.controls{position:absolute;right:1rem;top:.4rem;display:flex;flex-direction:column;gap:.4rem;z-index:3;align-items:flex-end}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in oklab,var(--dust) 20%,transparent);background:color-mix(in oklab,var(--chalk-2) 80%,transparent);color:var(--dust);padding:.28rem .6rem;cursor:pointer;font-size:.86rem;font-weight:600}.icon-btn.on{border-color:var(--brass);color:var(--brass)}.season-row{display:flex;gap:.25rem}.season-row button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in oklab,var(--dust) 16%,transparent);background:color-mix(in oklab,var(--chalk-2) 80%,transparent);color:var(--dust-dim);padding:.35rem .5rem;font-size:.85rem;font-weight:600;cursor:pointer}.season-row button.on{border-color:var(--rust);color:#ffd7b8}.notebook{position:absolute;right:var(--note-gap);top:.4rem;bottom:.35rem;width:var(--note-w);background:var(--paper);color:var(--ink);z-index:4;display:flex;flex-direction:column;box-shadow:-16px 18px 40px #00000047;background-image:linear-gradient(transparent 31px,var(--paper-line) 32px),linear-gradient(90deg,#e8b3a4 0 2px,transparent 2px);background-size:100% 32px,100% 100%;overflow:hidden}.notebook header{padding:.85rem 1rem .4rem 1.4rem;border-bottom:1px dashed color-mix(in oklab,var(--ink) 18%,transparent)}.notebook .meta{font-family:var(--font-ui);font-size:.8rem;font-weight:600;color:var(--rust);letter-spacing:0}.notebook h2{margin:.2rem 0 0;font-family:var(--font-ui);font-size:1.28rem;font-weight:700;line-height:1.35}.kp-list{flex:0 1 auto;max-height:36%;display:flex;flex-direction:column;border-bottom:1px dashed color-mix(in oklab,var(--ink) 16%,transparent);background:color-mix(in oklab,white 28%,var(--paper))}.kp-list-head{display:flex;justify-content:space-between;gap:.6rem;padding:.5rem 1rem .2rem 1.3rem;font-size:.78rem;font-weight:700;color:var(--rust)}.kp-list-items{overflow:auto;padding:.15rem .65rem .45rem .85rem;display:flex;flex-direction:column;gap:.12rem}.kp-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;border:0;border-left:3px solid transparent;background:transparent;color:var(--ink);padding:.38rem .5rem;font-size:.92rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.35rem}.kp-pin{width:.42rem;height:.42rem;border-radius:50%;background:var(--rust);box-shadow:0 0 0 2px color-mix(in oklab,var(--rust) 28%,transparent);flex-shrink:0}.kp-item.on{border-left-color:var(--rust);background:color-mix(in oklab,#e8d4a4 45%,var(--paper))}.kp-item.got:not(.on){color:#6a5840}.kp-item.got:not(.on):after{content:" · 已盖";font-size:.75rem;font-weight:500;color:var(--brass-deep)}.notebook .scroll{padding:.8rem 1rem 1.1rem 1.4rem;overflow:auto;min-height:0;flex:1 1 auto}.notebook .lead{margin:0 0 .7rem;font-size:1.02rem;font-weight:500;line-height:1.65}.notebook p{margin:0 0 .65rem;line-height:1.75;font-size:.98rem}.quiz{margin-top:.6rem;padding-top:.5rem;border-top:1px dashed color-mix(in oklab,var(--ink) 16%,transparent)}.quiz h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;line-height:1.45}.opt{display:block;width:100%;text-align:left;margin:.32rem 0;padding:.55rem .65rem;border:1px solid color-mix(in oklab,var(--ink) 16%,transparent);background:color-mix(in oklab,white 45%,var(--paper));cursor:pointer;font-size:1rem;font-weight:500}.opt.good{border-color:var(--moss);background:#dce8d4}.opt.bad{border-color:var(--rust);background:#f3d2c4}.opt.next-kp{margin-top:.7rem;border-color:var(--brass-deep);background:color-mix(in oklab,#e8d4a4 70%,var(--paper));font-weight:500}.explain{margin-top:.45rem;font-size:.95rem;line-height:1.65;color:#4a4030}.stamp-got{display:inline-block;margin-top:.6rem;padding:.2rem .5rem;border:2px solid var(--rust);color:var(--rust);font-family:var(--font-display);font-size:1.05rem;letter-spacing:.12em;transform:rotate(-6deg)}.task-cue{margin:.35rem 0 0;color:var(--rust);font-size:.92rem;font-weight:700;letter-spacing:.02em}.chapter-left{margin:.45rem 0 0;color:#6a5a3a;font-size:.92rem;font-weight:600}.bottombar{display:flex;justify-content:space-between;align-items:center;gap:.55rem;padding:.22rem .7rem calc(.22rem + var(--safe-b));border-top:1px solid color-mix(in oklab,var(--dust) 10%,transparent);font-size:.82rem;color:var(--dust-dim)}.quest-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--brass);background:transparent;color:var(--brass);padding:.4rem .85rem;cursor:pointer;font-size:.9rem;font-weight:600;min-height:36px;min-width:5.2rem;line-height:1.2}.quest-btn.on{background:color-mix(in oklab,var(--brass) 22%,transparent);color:#fff6df}.foot-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.play-card{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;margin:.32rem 0;padding:.55rem .65rem;border:1px solid color-mix(in oklab,var(--ink) 16%,transparent);background:color-mix(in oklab,white 45%,var(--paper));cursor:pointer}.play-card strong{display:block;font-family:var(--font-ui);font-size:1.08rem;font-weight:700}.play-card small{display:block;margin-top:.1rem;color:#5a4e3a}.play-emoji{font-size:1.35rem;width:1.8rem;text-align:center}.rhyme-box{margin-top:.85rem;padding-top:.55rem;border-top:1px dashed color-mix(in oklab,var(--ink) 16%,transparent)}.rhyme-box p{font-size:.92rem;color:#5a4e3a}.exam-bar{display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:.88rem;font-weight:600;margin-bottom:.55rem;color:#5a4e3a}.exam-bar .hot{color:var(--rust);font-weight:700}.album{position:absolute;top:8%;right:10%;bottom:8%;left:10%;background:var(--paper);color:var(--ink);z-index:6;padding:1.1rem 1.3rem;overflow:auto;box-shadow:0 20px 50px #00000059}.album h2{font-family:var(--font-ui);font-size:1.35rem;font-weight:700;margin:0 0 .8rem}.album p{font-size:.98rem;line-height:1.7}.locate-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.08rem;width:100%;margin:.15rem 0 .55rem;padding:.5rem .65rem;border:1px dashed color-mix(in oklab,var(--rust) 55%,transparent);background:color-mix(in oklab,#f4d7c2 55%,var(--paper));color:var(--ink);cursor:pointer;text-align:left}.locate-btn{font-size:.98rem;font-weight:600}.locate-btn small{color:var(--rust);font-size:.85rem;font-weight:500;letter-spacing:0}.sheet-handle{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:1px dashed color-mix(in oklab,var(--ink) 16%,transparent);background:transparent;color:#6a5c44;padding:.45rem .8rem .35rem;font-size:.75rem;letter-spacing:.12em;cursor:pointer}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem}.chip{border:1px dashed color-mix(in oklab,var(--ink) 25%,transparent);padding:.55rem .5rem;min-height:4.4rem}.chip strong{display:block;font-family:var(--font-ui);font-size:1rem;font-weight:700}.chip span{font-size:.85rem;color:#5a4e3a}.chip.off{opacity:.38}.close{float:right}.empty-note{margin:0;color:#5a4e3a;font-size:.95rem;line-height:1.65}@media(pointer:coarse){.topbar{padding:calc(.12rem + var(--safe-t)) 1rem .22rem}.mode-btn,.opt,.play-card,.icon-btn,.locate-btn,.kp-item,.season-row button{min-height:48px}.book-rail{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.book-btn{min-height:48px;padding:.55rem .35rem}.pause-fab{min-height:48px}.view-dock{gap:.4rem}.bottombar .view-chip,.bottombar .quest-btn{min-width:44px;min-height:44px;padding:.45rem .7rem;font-size:.86rem}.bottombar .quest-btn{min-width:5.6rem}.mark{padding:.2rem .25rem}}@media(min-width:901px)and (max-width:1366px)and (orientation:landscape){:root{--note-w: min(17.2rem, 24vw);--rail-w: 10.6rem}.modes{flex-direction:column;max-width:13rem;gap:.22rem}.mode-btn{padding:.38rem .5rem;font-size:.88rem}}@media(max-width:900px),(orientation:portrait)and (max-width:1180px){.globe-stage{top:3.35rem;right:0;bottom:42%;left:0}.topbar{padding:calc(.12rem + var(--safe-t)) .75rem .22rem}.brand h1{font-size:1.12rem}.modes{flex-direction:column;flex-wrap:nowrap;overflow:auto;-webkit-overflow-scrolling:touch;max-width:min(16rem,46vw);max-height:46%;top:.1rem;left:.4rem;padding-bottom:.15rem}.mode-btn{flex:0 0 auto;padding:.36rem .5rem;font-size:.86rem}.bottombar{flex-direction:column;align-items:stretch;gap:.4rem}.bottombar>span{display:none}.foot-actions{justify-content:stretch}.foot-actions .quest-btn{flex:1 1 auto;text-align:center;padding:.55rem .4rem}.notebook{position:absolute;left:.4rem;right:.4rem;top:auto;bottom:.35rem;width:auto;height:40%;max-height:40%}.kp-list{max-height:30%}.sheet-handle{display:block}.sheet-min .notebook{height:3.1rem;max-height:3.1rem}.sheet-min .notebook .scroll,.sheet-min .notebook header{display:none}.controls{top:auto;bottom:calc(42% + 3.5rem);right:.45rem}.pause-fab{left:auto;right:.5rem;bottom:calc(42% + .5rem);min-width:4.8rem;padding:.4rem .55rem}.sheet-min .pause-fab{bottom:calc(7.2rem + var(--safe-b))}.pause-fab strong{font-size:1.12rem}.sheet-min .globe-stage{inset:3.35rem 0 calc(7.2rem + var(--safe-b)) 0}.album{inset:calc(.4rem + var(--safe-t)) .4rem calc(.4rem + var(--safe-b))}}