:root{--desk:#d5d7cc;--desk-2:#bfc5b9;--paper:#faf6ec;--paper-2:#f0eadb;--paper-edge:#dccdb3;--ink:#2b3337;--ink-soft:#5c6467;--ink-faint:#2b333724;--ink-on-color:#20282b;--accent:#a63d2a;--accent-soft:#a63d2a1a;--focus:#1d58a8;--hint:#1d58a8;--conflict:#b1271b;--empty:#fcf9f2;--faded:#2b33370d;--sea:#bdd4d3;--sea-line:#275c6457;--tex-ink:#14181a2b;--btn-bg:#fffaf1;--btn-border:#2b333738;--btn-hover:#fff4e2;--shadow:0 1px 2px #46300e1f, 0 10px 28px #46300e24;--shadow-soft:0 1px 2px #46300e1a, 0 4px 12px #46300e14;--c0:#c9654f;--c1:#ddb858;--c2:#4c8b86;--c3:#6a6eab;--serif:"Songti SC", "Noto Serif SC", "Source Han Serif SC", "STSong", "Iowan Old Style", Georgia, serif;--sans:system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--radius:10px;--topbar:48px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.18 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--desk:#131416;--desk-2:#0e0f10;--paper:#27251f;--paper-2:#211f1a;--paper-edge:#1a1915;--ink:#ede4d2;--ink-soft:#b9b0a0;--ink-faint:#ede4d224;--ink-on-color:#1b1f21;--accent:#e57d61;--accent-soft:#e57d6124;--focus:#93bcff;--hint:#93bcff;--conflict:#ff8e77;--empty:#34312a;--faded:#ede4d214;--sea:#2a4b50;--sea-line:#a0d2d657;--tex-ink:#0808083d;--btn-bg:#312e27;--btn-border:#ede4d233;--btn-hover:#3a362e;--shadow:0 1px 2px #00000080, 0 12px 32px #00000073;--shadow-soft:0 1px 2px #0006, 0 4px 12px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;min-height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 0, var(--desk), var(--desk-2));color:var(--ink);font:15px/1.5 var(--sans);-webkit-tap-highlight-color:transparent;background-attachment:fixed}:root[data-theme=dark] body{background:radial-gradient(120% 80% at 18% -10%, #ffc47821, transparent 60%), var(--desk);background-attachment:fixed}button,input,select{font:inherit;color:inherit}a{color:inherit}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.boot{align-content:center;place-items:center;gap:14px;min-height:100vh;display:grid}.boot-mark{width:72px;height:72px}.boot-text{font-family:var(--serif);color:var(--ink-soft)}.noscript{text-align:center;padding:24px}.app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.app[data-view=play]{height:100vh;height:100dvh;overflow:hidden}.topbar{z-index:10;min-height:var(--topbar);padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));background:color-mix(in srgb, var(--desk) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;display:grid;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:2px;display:flex}.topbar[data-view=atlas] .back-btn,.topbar[data-view=error] .back-btn,.topbar:not([data-view=atlas]) .brand-text,.topbar[data-view=play] .brand,.topbar[data-view=full] .brand{display:none}.brand{font-family:var(--serif);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.topbar-title{text-align:center;flex-direction:column;min-width:0;line-height:1.2;display:flex}.topbar-title .kicker{color:var(--ink-soft);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.topbar-title .title{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.icon{flex:none;width:22px;height:22px;display:inline-flex}.icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.icon-btn:hover{background:var(--ink-faint)}.icon-btn:disabled{opacity:.35;cursor:default}.btn{border:1px solid var(--btn-border);background:var(--btn-bg);min-height:40px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:14.5px;line-height:1.2;text-decoration:none;display:inline-flex}.btn .icon{width:17px;height:17px}.btn:hover{background:var(--btn-hover)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-primary:hover{background:color-mix(in srgb, var(--ink) 88%, var(--paper))}.btn-ghost{background:0 0}.btn-small{min-height:34px;padding:5px 11px;font-size:13.5px}.btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.view{flex-direction:column;flex:1;min-height:0;display:flex}.play{width:100%;max-width:760px;min-height:0;padding:4px max(10px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));flex:1;grid-template-rows:minmax(0,1fr) auto;gap:6px;margin:0 auto;display:grid}.page{background:var(--paper);min-height:0;box-shadow:var(--shadow);isolation:isolate;border-radius:6px 12px 12px 6px;flex-direction:column;padding:8px;display:flex;position:relative}.page:before{content:"";border-radius:inherit;background-image:var(--grain);opacity:.14;mix-blend-mode:multiply;pointer-events:none;z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}:root[data-theme=dark] .page:before{opacity:.5;mix-blend-mode:soft-light}.page:after{content:"";pointer-events:none;background:linear-gradient(90deg,#3c280a1f,#0000);border-radius:6px 0 0 6px;width:14px;position:absolute;top:0;bottom:0;left:0;right:auto}.legend{color:var(--ink-soft);text-align:center;margin:0 4px 4px;font-size:12.5px;line-height:1.35}.map-host{border-radius:6px;flex:1;min-height:0;position:relative}.map-host:focus-visible{outline-offset:0}.map-wrap{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;top:0;bottom:0;left:0;right:0}.map{width:100%;height:100%;display:block;overflow:visible}.label-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.region-button{border:1.5px solid var(--ink);background:var(--paper);width:30px;height:30px;font:600 12px var(--sans);pointer-events:auto;cursor:pointer;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.side{flex-direction:column;gap:6px;min-width:0;display:flex}.status{text-align:center;min-height:1.45em;color:var(--ink);margin:0;padding:0 4px;font-size:14px}.status.is-alert{color:var(--conflict)}.dock{flex-direction:column;gap:6px;display:flex;position:relative}.dock-main{justify-content:center;align-items:center;gap:10px;display:flex}.palette{border-radius:999px;gap:9px;padding:4px;display:flex}.palette.pulse{animation:.9s ease-in-out 2 pulse}@keyframes pulse{50%{box-shadow:0 0 0 4px var(--accent-soft), 0 0 0 7px var(--accent-soft)}}.paint{border:1.5px solid var(--btn-border);background:var(--btn-bg);width:50px;height:50px;box-shadow:inset 0 1px 0 #ffffff80, 0 3px 0 var(--paper-edge);cursor:pointer;border-radius:43% 47% 44% 46%;padding:4px;transition:transform .14s;position:relative}.paint:disabled{opacity:.5}.paint[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink), 0 5px 0 var(--paper-edge);transform:translateY(-3px)}.palette[data-tool=swap] .paint[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--accent), 0 5px 0 var(--paper-edge);border-color:var(--accent)}.palette[data-tool=erase] .paint{opacity:.75}.swatch{border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 -2px 3px #0000002e,inset 0 2px 2px #ffffff2e}.swatch[data-c="0"]{background:radial-gradient(circle, var(--tex-ink) 1.6px, transparent 1.9px) 0 0 / 9px 9px, var(--c0)}.swatch[data-c="1"]{background:repeating-linear-gradient(45deg, transparent 0 4px, var(--tex-ink) 4px 5.5px), var(--c1)}.swatch[data-c="2"]{background:linear-gradient(var(--tex-ink) 1.2px, transparent 1.2px) 0 0 / 9px 9px, linear-gradient(90deg, var(--tex-ink) 1.2px, transparent 1.2px) 0 0 / 9px 9px, var(--c2)}.swatch[data-c="3"]{background:radial-gradient(circle, transparent 2.4px, var(--tex-ink) 2.6px 3.6px, transparent 3.8px) 0 0 / 11px 11px, var(--c3)}.paint-key{background:var(--paper);border:1px solid var(--btn-border);min-width:17px;height:17px;color:var(--ink-soft);border-radius:9px;font-size:10.5px;line-height:15px;position:absolute;bottom:-3px;right:-3px}@media (hover:none){.paint-key{display:none}}.dock-actions{gap:2px;display:flex}.dock-btn{background:var(--btn-bg);border:1px solid var(--btn-border)}.dock-btn.is-open{background:var(--ink);color:var(--paper)}.tray{border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-soft);flex-wrap:wrap;justify-content:center;gap:6px;padding:8px;display:flex}.tray-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:66px;min-height:52px;padding:6px 6px 4px;font-size:12px;display:inline-flex}.tray-btn:hover{background:var(--ink-faint)}.tray-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.tray-btn:disabled{opacity:.35;cursor:default}.play.swap-only .tray-erase,.play.swap-only .tray-swap{display:none}.action-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.bar-text{text-align:center;color:var(--ink-soft);flex-basis:100%;font-size:13.5px}.swap-bar .bar-text,.play.show-complete .dock-main,.complete-bar.stayed>:not(.btn-primary){display:none}.complete-bar.stayed .btn-primary{min-height:34px;font-size:13.5px}@media (orientation:landscape) and (max-height:540px){.play{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(200px,300px);max-width:none}.side{justify-content:center}.dock-main{flex-wrap:wrap}.palette{flex-wrap:wrap;justify-content:center}.paint{width:44px;height:44px}.topbar{min-height:40px}}@media (max-width:360px){.palette{gap:6px;padding:2px}.paint{width:44px;height:44px}.dock-main{gap:6px}.dock-btn{width:42px;height:42px}.btn{padding:6px 11px;font-size:13.5px}.tray-btn{min-width:58px}}@media (max-height:600px){.legend{margin-bottom:2px;font-size:11.5px}.status{font-size:13px}}.region{fill:var(--empty);cursor:pointer}.region[data-c="0"]{fill:var(--c0)}.region[data-c="1"]{fill:var(--c1)}.region[data-c="2"]{fill:var(--c2)}.region[data-c="3"]{fill:var(--c3)}.texture{fill:none;pointer-events:none}.texture[data-c="-1"]{fill:url(#faded)}.map.show-texture .texture[data-c="0"]{fill:url(#tex-0)}.map.show-texture .texture[data-c="1"]{fill:url(#tex-1)}.map.show-texture .texture[data-c="2"]{fill:url(#tex-2)}.map.show-texture .texture[data-c="3"]{fill:url(#tex-3)}.tex-ink{fill:var(--tex-ink)}.tex-stroke{fill:none;stroke:var(--tex-ink);stroke-width:1.25px}.faded-dot{fill:var(--faded)}.sea{fill:var(--sea)}.sea-pattern{opacity:.8;pointer-events:none}.sea-line{fill:none;stroke:var(--sea-line);stroke-width:1.1px}.coast{fill:none;stroke:var(--sea-line);stroke-width:7px;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.ink{fill:none;stroke:var(--ink);stroke-width:1.05px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.layer-fx,.layer-conflicts,.layer-preview,.layer-hint,.layer-marks,.layer-art,.layer-labels,.layer-focus{pointer-events:none}.spread{transform-box:fill-box;transform-origin:50%;filter:url(#fiber);animation:spread var(--spread-ms,.18s) cubic-bezier(.25, .7, .35, 1) both}.spread[data-c="0"]{fill:var(--c0)}.spread[data-c="1"]{fill:var(--c1)}.spread[data-c="2"]{fill:var(--c2)}.spread[data-c="3"]{fill:var(--c3)}@keyframes spread{0%{transform:scale(.06)}to{transform:scale(1)}}.swap-ghost{animation:ghost var(--swap-ms,.25s) ease-in forwards}.swap-ghost[data-c="0"]{fill:var(--c0)}.swap-ghost[data-c="1"]{fill:var(--c1)}.swap-ghost[data-c="2"]{fill:var(--c2)}.swap-ghost[data-c="3"]{fill:var(--c3)}@keyframes ghost{to{opacity:0}}.conflict-halo{fill:none;stroke:var(--paper);stroke-width:11px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.9}.conflict{fill:none;stroke:var(--conflict);stroke-width:5.5px;stroke-dasharray:6 5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.lift-shadow{fill:#1e140547;transform:translate(3px,5px)}.lift{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.lift-locked{stroke:var(--conflict);stroke-dasharray:7 4}.locked-hatch{fill:#b1271b52}.hint-region{fill:none;stroke:var(--hint);stroke-width:3.5px;stroke-dasharray:8 5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hint-edge{fill:none;stroke:var(--hint);stroke-width:7px;stroke-linecap:round;opacity:.75;vector-effect:non-scaling-stroke}.focus-halo{fill:none;stroke:var(--paper);stroke-width:8px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.focus-ring{fill:none;stroke:var(--focus);stroke-width:3.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.seal rect{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.seal path{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.seal.alert rect{stroke:var(--conflict);stroke-width:3px}.target-ring{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:3 2.5}.target-fill[data-c="0"]{fill:var(--c0)}.target-fill[data-c="1"]{fill:var(--c1)}.target-fill[data-c="2"]{fill:var(--c2)}.target-fill[data-c="3"]{fill:var(--c3)}.target-check{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.target.met .target-check{opacity:1}.target.met .target-ring{stroke-dasharray:none;stroke-width:2.2px}.landmark{opacity:0;transition:opacity .45s ease var(--delay,0s)}.map.reveal-art .landmark{opacity:1}.page.reveal-now .landmark{transition-duration:.1s;transition-delay:0s}.landmark-halo{fill:none;stroke:#fffbf28c;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.landmark-ink{fill:none;stroke:var(--ink-on-color);stroke-width:.85px;stroke-linecap:round;stroke-linejoin:round}.region-label{font:600 15px var(--sans);fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:3.5px;stroke-linejoin:round}.page-seal{border:2.5px solid var(--accent);width:64px;height:50px;color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);font:700 16px var(--serif);letter-spacing:.08em;opacity:0;pointer-events:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:10px;right:10px;transform:rotate(-8deg)scale(1.4)}.page.is-complete .page-seal{opacity:.92;transform:rotate(-8deg)scale(1)}.page.celebrate .page-seal{animation:.32s cubic-bezier(.3,1.6,.5,1) 1s both stamp}.page.celebrate.reveal-now .page-seal{animation-delay:0s}@keyframes stamp{0%{opacity:0;transform:rotate(-8deg)scale(1.6)}to{opacity:.92;transform:rotate(-8deg)scale(1)}}.page-seal[data-kind=ch2]{--accent:#3f6f8c}.page-seal[data-kind=ch3]{--accent:#4f6b4a}.page-seal[data-kind=ch4]{--accent:#7a4f8a}.page-seal[data-kind=story]{--accent:#8a5a2b}.page-seal[data-kind=challenge]{--accent:#b8860b;border-style:double;border-width:4px}.page-seal[data-kind=daily]{--accent:#2f6d6a;border-radius:50%;width:58px;height:58px}:root[data-theme=dark] .page-seal[data-kind=ch2]{--accent:#86b3cf}:root[data-theme=dark] .page-seal[data-kind=ch3]{--accent:#9fc29a}:root[data-theme=dark] .page-seal[data-kind=ch4]{--accent:#c4a0d4}:root[data-theme=dark] .page-seal[data-kind=story]{--accent:#d9a46c}:root[data-theme=dark] .page-seal[data-kind=challenge]{--accent:#e8c25a}:root[data-theme=dark] .page-seal[data-kind=daily]{--accent:#7cc4bf}.full-seal{opacity:.92;margin:0 0 12px auto;position:relative;top:auto;right:auto;transform:rotate(-8deg)}.play[data-chapter] .page{background-repeat:repeat;background-size:120px 120px}.play[data-chapter="1"] .page{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M0 30 Q60 20 120 30 M0 60 Q60 50 120 60 M0 90 Q60 80 120 90' fill='none' stroke='%23a07c3c' stroke-opacity='0.12' stroke-width='1.2'/%3E%3C/svg%3E")}.play[data-chapter="2"] .page{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M0 40 q15 -8 30 0 t30 0 t30 0 t30 0 M0 90 q15 -8 30 0 t30 0 t30 0 t30 0' fill='none' stroke='%233f6f8c' stroke-opacity='0.13' stroke-width='1.2'/%3E%3C/svg%3E")}.play[data-chapter="3"] .page{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M0 100 L30 60 L55 85 L85 40 L120 100 M10 110 L40 75 L60 95 L90 58 L120 110' fill='none' stroke='%234f6b4a' stroke-opacity='0.12' stroke-width='1.2'/%3E%3C/svg%3E")}.play[data-chapter="4"] .page{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M60 10 l20 20 l-20 20 l-20 -20 Z M0 70 l20 20 l-20 20 M120 70 l-20 20 l20 20 M60 70 m-8 0 a8 8 0 1 0 16 0 a8 8 0 1 0 -16 0' fill='none' stroke='%237a4f8a' stroke-opacity='0.12' stroke-width='1.2'/%3E%3C/svg%3E")}.chapter-head{border-left:4px solid var(--chapter-ink,var(--accent));padding-left:12px}.atlas[data-tab=ch1]{--chapter-ink:#c9654f}.atlas[data-tab=ch2]{--chapter-ink:#3f8a9a}.atlas[data-tab=ch3]{--chapter-ink:#5a8a6c}.atlas[data-tab=ch4]{--chapter-ink:#7a64a8}.atlas{width:100%;max-width:1080px;padding:6px max(16px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}.cover{background:var(--paper);box-shadow:var(--shadow);isolation:isolate;border-radius:6px 14px 14px 6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:20px;display:grid;position:relative;overflow:hidden}.cover:before{content:"";background-image:var(--grain);opacity:.14;mix-blend-mode:multiply;z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}.cover-mark{width:96px;height:96px}.cover-mark .m0{fill:var(--c0)}.cover-mark .m1{fill:var(--c1)}.cover-mark .m2{fill:var(--c2)}.cover-mark .m3{fill:var(--c3);stroke:var(--paper);stroke-width:3px}.cover-mark path{stroke:var(--paper);stroke-width:3px}.cover-title{font:700 30px/1.15 var(--serif);letter-spacing:.06em;margin:0}.cover-sub{color:var(--ink-soft);margin:6px 0 10px}.cover-progress{color:var(--ink-soft);align-items:center;gap:10px;margin:0 0 12px;font-size:13.5px;display:flex}.progress-bar{background:var(--ink-faint);border-radius:3px;width:120px;height:6px;position:relative;overflow:hidden}.progress-bar:after{content:"";width:calc(var(--p) * 100%);background:var(--accent);position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:480px){.cover{grid-template-columns:1fr;justify-items:start;gap:10px;padding:16px}.cover-text{padding-right:62px}.cover-mark{width:58px;height:58px;position:absolute;top:14px;right:14px}.cover-title{font-size:26px}}.tabs{scrollbar-width:thin;gap:6px;margin:16px 0 12px;padding:2px 2px 6px;display:flex;overflow-x:auto}.tab{border:1px solid var(--btn-border);background:var(--btn-bg);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:40px;padding:6px 13px;font-size:14px;display:inline-flex;position:relative}.tab[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tab-num{background:var(--ink-faint);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11.5px;display:inline-grid}.tab[aria-selected=true] .tab-num{background:#ffffff2e}.tab-badge{background:var(--accent);border-radius:50%;width:8px;height:8px}.tab-panel:focus{outline:none}.chapter-head{margin:4px 2px 12px}.chapter-kicker{color:var(--ink-soft);letter-spacing:.05em;margin:0;font-size:12.5px}.chapter-name{font:700 22px/1.25 var(--serif);margin:2px 0 4px}.chapter-blurb{color:var(--ink-soft);margin:0;font-size:14px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;display:grid}@media (max-width:380px){.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.level-card{background:var(--paper);box-shadow:var(--shadow-soft);color:inherit;border-radius:8px;flex-direction:column;gap:6px;padding:8px;text-decoration:none;transition:transform .15s;display:flex}a.level-card:hover{transform:translateY(-2px)}.level-card.is-locked{opacity:.55}.card-thumb{aspect-ratio:3/4;background:var(--paper-2);border-radius:4px;display:block;position:relative;overflow:hidden}.thumb,.thumb-placeholder{width:100%;height:100%;display:block}.thumb-region{fill:var(--empty)}.thumb-sea{fill:var(--sea)}.thumb-ink{fill:none;stroke:var(--ink);stroke-width:.7px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.card-stamp,.card-challenge,.card-lock{border-radius:7px;place-items:center;width:30px;height:30px;display:grid;position:absolute;transform:rotate(-8deg)}.card-stamp{border:2px solid var(--accent);color:var(--accent);background:var(--paper);top:6px;right:6px}.card-stamp.independent{background:var(--accent);color:var(--paper)}.card-challenge{background:var(--c1);color:var(--ink-on-color);top:6px;left:6px}.card-lock{background:var(--paper);border-radius:50%;width:40px;height:40px;margin:auto;top:0;bottom:0;left:0;right:0;transform:none}.card-stamp .icon,.card-challenge .icon{width:18px;height:18px}.card-text{flex-direction:column;gap:1px;min-width:0;display:flex}.card-number{color:var(--ink-soft);letter-spacing:.05em;font-size:12px}.card-name{font:600 15px/1.3 var(--serif)}.card-meta{color:var(--ink-soft);font-size:12.5px}.card-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.notice{background:var(--paper);box-shadow:var(--shadow-soft);border-radius:8px;margin:0 0 14px;padding:12px 14px}.section-title{font:600 17px var(--serif);margin:22px 2px 10px}.daily-card{background:var(--paper);box-shadow:var(--shadow-soft);border-radius:10px;justify-items:start;gap:8px;margin-bottom:12px;padding:16px;display:grid}.daily-date{font:600 17px var(--serif);align-items:center;gap:8px;display:flex}.daily-state,.daily-next{color:var(--ink-soft);margin:0;font-size:13.5px}.daily-archive{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.daily-tile{background:var(--paper);min-height:52px;box-shadow:var(--shadow-soft);font:600 14px var(--serif);border-radius:8px;place-items:center;text-decoration:none;display:grid;position:relative}.daily-tile.is-done{background:var(--paper-2)}.daily-tile-mark{border:1.5px solid var(--accent);width:18px;height:18px;color:var(--accent);border-radius:5px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.daily-tile-mark.independent{background:var(--accent);color:var(--paper)}.daily-tile-mark .icon{width:12px;height:12px}.full-work-card{background:var(--paper);box-shadow:var(--shadow-soft);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:14px;padding:14px 16px;text-decoration:none;display:flex}.full-work-title{font:600 17px var(--serif);align-items:center;gap:8px;display:inline-flex}.full-work-meta{color:var(--ink-soft);font-size:13.5px}.atlas-foot{text-align:center;margin-top:28px}.games-link{color:var(--ink-soft);align-items:center;gap:4px;padding:8px 10px;font-size:14px;display:inline-flex}.full-work{width:100%;max-width:1080px;padding:10px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.mosaic{background:var(--paper);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:12px;display:grid}@media (max-width:640px){.mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}}.mosaic-cell{aspect-ratio:3/4;opacity:.45;display:block}.mosaic-cell.is-done{opacity:1}.error-page{text-align:center;max-width:520px;margin:40px auto;padding:20px}.sheet{background:var(--paper);width:min(520px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:14px;padding:0}.sheet::backdrop{background:#140f0861}.sheet-body{padding:18px 18px 14px}.sheet-title{font:700 20px var(--serif);margin:0 0 10px}.sheet fieldset{border:0;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;display:flex}.sheet legend{width:100%;color:var(--ink-soft);margin-bottom:4px;font-size:13px}.choice{display:inline-flex;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.choice span{border:1px solid var(--btn-border);background:var(--btn-bg);border-radius:999px;align-items:center;min-height:38px;padding:6px 12px;font-size:14px;display:inline-flex}.choice input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.choice input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.switches{gap:8px;margin-bottom:10px;display:grid}.switch{cursor:pointer;align-items:center;gap:10px;min-height:36px;display:flex}.switch input{width:20px;height:20px;accent-color:var(--accent)}.fine{color:var(--ink-soft);margin:0;font-size:12.5px}.sheet-links{margin:8px 0;font-size:14px}.sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.full-work .sheet-actions{justify-content:center}.region-list{gap:6px;max-height:56vh;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.region-row{background:var(--paper-2);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.region-chip{border:1.5px solid var(--ink);background:var(--empty);border-radius:50%;width:22px;height:22px}.region-actions{flex-direction:column;gap:4px;display:flex}.toasts{left:50%;top:calc(var(--topbar) + env(safe-area-inset-top) + 6px);z-index:50;pointer-events:none;gap:8px;width:min(460px,100vw - 24px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--ink);color:var(--paper);box-shadow:var(--shadow);pointer-events:auto;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;font-size:14px;animation:.2s both toast-in;display:flex}.toast-actions{gap:6px;margin-left:auto;display:flex}.toast .btn{color:var(--paper);border-color:color-mix(in srgb, var(--paper) 40%, transparent);background:0 0}.toast .btn-primary{background:var(--paper);color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){:root:not(.motion-full) *,:root:not(.motion-full) :before,:root:not(.motion-full) :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.ink-outer{stroke-width:1.9px}.thumb-outer{stroke-width:1.2px}.landmark-wash{fill:#fffae7a6;stroke:none}.thumb-art{pointer-events:none}:root[data-skin=contrast]{--tex-ink:#080c0e66}:root[data-skin=contrast] .ink{stroke-width:1.7px}:root[data-skin=contrast] .ink-outer{stroke-width:2.2px}:root[data-skin=contrast] .thumb-ink{stroke-width:1.2px}:root[data-skin=contrast] .thumb-outer{stroke-width:1.7px}.chapter-frontispiece{border:1px solid var(--ink-faint);border-left:4px solid var(--chapter-ink);background:var(--paper);min-height:132px;box-shadow:var(--shadow-soft);flex-direction:column;justify-content:center;padding:18px 180px 18px 20px;display:flex;position:relative}.chapter-frontispiece .chapter-kicker{letter-spacing:.16em}.chapter-plate{pointer-events:none;width:150px;height:112px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.plate-sun{fill:var(--chapter-ink);opacity:.2}.plate-rule{fill:none;stroke:var(--chapter-ink);stroke-width:.45px;opacity:.45}.plate-ink{fill:none;stroke:var(--ink);stroke-width:.9px;stroke-linecap:round;stroke-linejoin:round}.card-thumb{border:1px solid var(--ink-faint);background:var(--paper-2);padding:7px}.card-number{font-variant-numeric:tabular-nums;letter-spacing:.12em}.level-card.is-done{border-bottom:2px solid var(--chapter-ink,var(--accent))}@media (max-width:540px){.chapter-frontispiece{min-height:126px;padding:14px 112px 14px 12px}.chapter-plate{width:96px;height:94px;right:5px}.chapter-frontispiece .chapter-name{font-size:20px}.chapter-frontispiece .chapter-blurb{font-size:12px}}