@font-face{font-family:Geist;src:url(/assets/geist-B48wpBRb.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/geist-mono-BRXCGrxA.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--cjk:"PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei";--font-ui:"Geist", var(--cjk), system-ui, -apple-system, sans-serif;--t-2xs:11px;--t-xs:12px;--t-s:13px;--t-m:14px;--t-l:16px;--t-xl:20px;--t-2xl:28px;--t-3xl:40px;--panel:#fdfbf7cc;--panel-solid:#fff;--glass:blur(18px) saturate(1.4);--well:#3c32230f;--well-2:#3c32231c;--ink:#2d2a25;--ink-2:#5b564e;--ink-3:#8e877c;--rule:#0f172a14;--rule-2:#0f172a26;--zhu:#c8372d;--zhu-hi:#db4a3f;--zhu-fill:#c8372d17;--link:#2459c9;--ok:#1d9152;--gold:#c99a3c;--r:0;--r-s:0;--cut:12px;--pp-clip:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));--ease-out:cubic-bezier(.2, .8, .2, 1);--gap:12px;--lw:304px;--bar-h:66px;--scrim:#f6f1e757;--k-prehistory:#8a6f52;--k-politics:#c08a1e;--k-war:#c8372d;--k-reform:#2f8a57;--k-culture:#2f6fb0;--k-science:#1c8c7c;--k-economy:#c06a24;--k-diplomacy:#7b55a8;--k-revolution:#d23f2f;font-family:var(--font-ui);color:var(--ink);-webkit-tap-highlight-color:transparent}:root[data-map=ink]{--panel:#121315bd;--panel-solid:#15171a;--well:#ffffff0f;--well-2:#ffffff1c;--ink:#ece6da;--ink-2:#b5ad9f;--ink-3:#7f786d;--rule:#fff0d217;--rule-2:#fff0d22b;--zhu-fill:#db4a3f29;--link:#7fa8f0;--scrim:#0a0b0d57;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-map=plain]{--panel:#f4f8fcd6;--panel-solid:#f8fafc;--well:#1e3a5f0f;--well-2:#1e3a5f1c;--ink:#1e293b;--ink-2:#475569;--ink-3:#64748b;--scrim:#e6eef661}:root[data-map=ink] *{scrollbar-color:#fff0d233 transparent}:root[data-map=ink] .modal-box{background:#141518f5}:root[data-map=ink] .card-nav .ib{background:var(--panel)}:root[data-map=ink] .card-nav .ib:hover{background:#26282c}:root[data-map=ink] .tl-band span{color:#e8e2d6}:root[data-map=ink] .skel i{background:linear-gradient(90deg,#1e2023 0%,#2a2c30 50%,#1e2023 100%) 0 0/200% 100%}:root[data-map=ink] .tl-phases i{background:#00000073}:root[data-map=ink] .tl-flag{color:#15171a;background:#ece6da}:root[data-map=ink] .tl-flag:after{border-top-color:#ece6da}*{box-sizing:border-box}::selection{background:#c8372d38}*{scrollbar-width:thin;scrollbar-color:#0f172a38 transparent}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:#1b1f24}:root[data-map=paper] body{background:#dce6df}:root[data-map=plain] body{background:#e6eef4}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--zhu);outline-offset:2px}h2,h3{font-weight:700}#app{position:fixed;inset:0}.stage{position:absolute;inset:0}.stage canvas.gl{touch-action:none;outline:none;width:100%;height:100%;display:block}.stage.picking canvas.gl{cursor:crosshair}.stage .vignette{pointer-events:none;background:radial-gradient(84% 82% at 50% 48%,#0000 64%,#281e121c 100%);position:absolute;inset:0}:root[data-map=ink] .stage .vignette{background:radial-gradient(82% 80% at 50% 48%,#0000 60%,#0000003d 100%)}:root[data-map=plain] .stage .vignette{display:none}.menu,.modal-box,.hits{--cut:12px;background:var(--panel);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);clip-path:var(--pp-clip);color:var(--ink);position:relative}.modal-box{background:#fdfbf7f5}.labels{pointer-events:none;contain:strict;--lz:1;--fs-place:13px;--fs-1:13px;--fs-2:12px;--fs-3:11px;--c-city:#fbf7ee;--c-cap:#ffd38a;--c-water:#9fcbe0;--c-relief:#cfc6b4;--c-admin:#ddd0b4;--c-admin-1:#f2e2bf;position:absolute;inset:0;overflow:hidden}:root:not([data-map=ink]) .labels{--c-city:#2f2a23;--c-cap:#a3180d;--c-water:#1a557f;--c-relief:#3b4d5e;--c-admin:#57483a;--c-admin-1:#47352a}.labels>*{will-change:transform;white-space:nowrap;position:absolute;top:0;left:0}.labels{--marker-size:22px}.place{--k:var(--c-city);font-family:inherit;font-size:calc(var(--fs-place) * var(--lz));color:var(--c-city);letter-spacing:.03em;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:4px;padding:3px;font-weight:600;text-decoration:none;display:flex}.place.modeled .b{display:none}.place.k-mountain,.place.k-pass{--k:var(--c-relief);color:var(--c-relief)}.place.k-water{--k:var(--c-water);color:var(--c-water)}.place.cap{--k:var(--c-cap);color:var(--c-cap)}.place:focus-visible,.pin:focus-visible{outline:none}.river{font-size:calc(var(--fs-3) * var(--lz));color:var(--c-water);letter-spacing:.32em;font-weight:500}.river.k-trunk{font-size:calc(var(--fs-1) * var(--lz));letter-spacing:.5em;font-weight:600}.river.k-lake{letter-spacing:.12em}:lang(en) .river{letter-spacing:.04em;font-style:italic}.admin{font-size:calc(var(--fs-3) * var(--lz));color:var(--c-admin);letter-spacing:.12em;opacity:.9;font-weight:500}.admin.l1{font-size:calc(var(--fs-2) * var(--lz));color:var(--c-admin-1);font-weight:600}.work{--c:#e2c48f;font-size:calc(var(--fs-3) * var(--lz));letter-spacing:.22em;color:var(--c);align-items:center;gap:6px;font-style:italic;font-weight:600;display:flex}.work:before,.work:after{content:"";opacity:.7;background:currentColor;border-radius:1px;width:10px;height:1.5px}.work.k-wall:before,.work.k-wall:after{background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 3.5px);height:3px}.work.k-canal{--c:#8fcdf5}.work.k-sea{--c:#7fb6dc}.work.k-sea:before,.work.k-sea:after{background:repeating-linear-gradient(90deg,currentColor 0 3px,#0000 3px 5px)}.work.k-road{--c:#e0b47c}:root:not([data-map=ink]) .work{--c:#7a5428}:root:not([data-map=ink]) .work.k-canal{--c:#1d6aa8}:root:not([data-map=ink]) .work.k-sea{--c:#1f557e}:root:not([data-map=ink]) .work.k-road{--c:#8a5a2b}:lang(en) .work{letter-spacing:.05em}.polity{letter-spacing:.3em;color:color-mix(in srgb, var(--c) 45%, #fff6e4);opacity:.92;font-weight:800}.polity.s-xl{letter-spacing:.5em;font-size:26px}.polity.s-l{font-size:19px}.polity.s-m{font-size:14px}.polity.s-s{letter-spacing:.12em;font-size:12px}.polity.r-neighbor{opacity:.6;font-weight:600}:lang(en) .polity{letter-spacing:.12em;text-transform:uppercase;font-weight:700}:lang(en) .polity.s-xl{letter-spacing:.2em}:root:not([data-map=ink]) .polity{color:color-mix(in srgb, var(--c) 70%, #2a2219)}.pin{pointer-events:auto;--k:var(--k-politics);color:var(--ink);font:inherit;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:3px;display:flex}.pin .b,.place .b{width:var(--marker-size);height:var(--marker-size);box-sizing:border-box;color:color-mix(in srgb, var(--k) 35%, #fff);border:1.5px solid color-mix(in srgb, var(--k) 80%, #fff);background:#1e1c1ae0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .18s,box-shadow .18s;display:flex}.pin .b svg,.place .b svg{flex:none;width:13px;height:13px}.pin.hot .b,.pin:focus-visible .b,.place.hot .b,.place:focus-visible .b{border-color:#22c3e6;box-shadow:0 0 0 2px #22c3e666}.pin[aria-pressed=true] .b,.place[aria-pressed=true] .b{border-color:var(--zhu);box-shadow:0 0 0 2px #c8372d66}:root:not([data-map=ink]) .pin .b,:root:not([data-map=ink]) .place .b{color:color-mix(in srgb, var(--k) 85%, #2d2a25);background:#fffcf5eb}.pin.model-hit{pointer-events:none;box-shadow:none;background:0 0;border:0;outline:none;padding:0}.pin.model-hit .b{display:none}.maptip{--k:#8a6a3a;z-index:6;pointer-events:none;white-space:nowrap;border-radius:var(--r);color:#f8f2e6;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);animation:tipIn .16s var(--ease-out);background:#181614cc;align-items:center;gap:8px;padding:5px 10px 5px 5px;display:flex;position:absolute;top:0;left:0}.maptip[hidden]{display:none}.maptip:after{content:"";background:#181614cc;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-5px;left:50%;transform:rotate(45deg)}.maptip .ic[hidden]{display:none}.maptip .ic{border-radius:var(--r-s);color:#fff;background:var(--k);flex:none;place-items:center;width:24px;height:24px;display:grid}.maptip .ic svg{width:15px;height:15px}.maptip.k-polity .ic{width:12px;height:12px}.maptip b{font-size:var(--t-s);letter-spacing:.04em;font-weight:650}.maptip small{font-size:var(--t-xs);color:#f8f2e69e}.maptip .ic[hidden]~b{margin-left:6px}.maptip small:before{content:"";background:#ffffff38;width:1px;height:10px;margin:0 8px -1px 0;display:inline-block}:lang(en) .maptip b{letter-spacing:.01em}@keyframes tipIn{0%{opacity:0;margin-top:4px}}:root:not([data-map=ink]) .maptip{color:var(--ink);background:#fdfbf7d6}:root:not([data-map=ink]) .maptip:after{background:#fdfbf7d6}:root:not([data-map=ink]) .maptip small{color:var(--ink-3)}:root:not([data-map=ink]) .maptip .ic[hidden]~b{margin-left:6px}.uitip{z-index:50;pointer-events:none;border-radius:var(--r);max-width:280px;font-size:var(--t-xs);white-space:pre-line;color:#f8f2e6;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);animation:uitipIn .14s var(--ease-out);background:#181614d6;padding:5px 9px;line-height:1.5;position:fixed;top:0;left:0}.uitip[hidden]{display:none}@keyframes uitipIn{0%{opacity:0}}:root:not([data-map=ink]) .uitip{color:var(--ink);background:#fdfbf7e6}.maptip small:before{background:#3c281433}.k-building{--k:#7d5a32}.k-custom{--k:#2c6e5c}.k-food{--k:#b4652a}.k-person,.k-capital{--k:#b8322a}.k-landmark{--k:#7d5a32}.chip.life-chip{box-shadow:inset 3px 0 0 var(--k);padding-left:10px}.k-prehistory{--k:var(--k-prehistory)}.k-politics{--k:var(--k-politics)}.k-war{--k:var(--k-war)}.k-reform{--k:var(--k-reform)}.k-culture{--k:var(--k-culture)}.k-science{--k:var(--k-science)}.k-economy{--k:var(--k-economy)}.k-diplomacy{--k:var(--k-diplomacy)}.k-revolution{--k:var(--k-revolution)}.tag{font-size:var(--t-xs);background:var(--panel);color:var(--ink);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);transform-origin:50% 100%;border-radius:0;padding:4px 11px}.tag.on{animation:.35s ease-out pop}.tag-route{background:var(--zhu);color:#fff}.tag-army{--c:#8e2b20;background:color-mix(in srgb, var(--c) 86%, transparent);color:#fff;letter-spacing:.04em;font-weight:700}.tag-banner{--c:#a93226;background:color-mix(in srgb, var(--c) 88%, transparent);white-space:nowrap;transform-origin:50% 100%;border-radius:0;flex-direction:column;align-items:center;gap:2px;padding:8px 22px 9px;transition:opacity .6s,transform .6s;animation:.7s cubic-bezier(.2,1.4,.4,1) both banner-in;display:flex}.tag-banner b{font-size:var(--t-xl);letter-spacing:.16em;color:#fff;font-weight:800}.tag-banner small{font-size:var(--t-2xs);color:#ffffffd9;letter-spacing:.08em;font-variant-numeric:tabular-nums}.tag-banner.out{opacity:0;transform:translateY(-12px)scale(.92)}@keyframes banner-in{0%{opacity:0;transform:translateY(14px)scale(.6)}to{opacity:1;transform:none}}.cine{--cut:14px;z-index:7;pointer-events:none;text-align:center;color:#fff;opacity:0;width:-moz-fit-content;width:fit-content;min-width:min(380px,84vw);max-width:min(680px,90vw);clip-path:var(--pp-clip);-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);background:#1413119e;padding:20px 44px 22px;transition:opacity .9s;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.cine.on{opacity:1}.cine h2{letter-spacing:.18em;text-indent:.18em;margin:0;font-size:clamp(28px,4.8vw,56px);font-weight:800}.cine h2:after{content:"";background:var(--zhu-hi);border-radius:2px;width:64px;height:3px;margin:14px auto 0;display:block}.cine p{letter-spacing:.24em;color:#ffffffe0;font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:clamp(12px,1.4vw,16px)}.cine.on h2{animation:1.4s ease-out both cine-in}.cine.on p{animation:1.4s ease-out .35s both cine-in}@keyframes cine-in{0%{opacity:0;letter-spacing:.45em;filter:blur(6px)}to{opacity:1;filter:none}}.pin,.place.minor{transition:opacity .5s}.story-on .pin:not(.sel),.story-on .place.minor{opacity:0;pointer-events:none}@keyframes pop{0%{opacity:0}to{opacity:1}}.ib{width:36px;height:36px;color:var(--ink-2);background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.ib:hover{background:var(--well);color:var(--ink)}.ib:active{transform:scale(.95)}.ib .ic{fill:currentColor;width:19px;height:19px}.ib.on{color:var(--zhu);background:var(--zhu-fill)}.ib.lang{font-weight:700;font-size:var(--t-s);width:40px}.btn{background:var(--well);height:34px;font-size:var(--t-s);color:var(--ink);white-space:nowrap;border:0;border-radius:0;align-items:center;gap:7px;padding:0 14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.btn:hover{background:var(--well-2)}.btn .ic{fill:currentColor;width:16px;height:16px}.btn.primary{background:var(--zhu);color:#fff}.btn.primary:hover{background:var(--zhu-hi)}.btn.ghost.on{color:var(--ok);background:#1d91521f}.btn:disabled{opacity:.45;cursor:default}b.w{font-family:Linux Libertine,Times New Roman,serif;font-weight:700;font-size:var(--t-m);letter-spacing:0}.chip{font-size:var(--t-xs);background:var(--well);color:var(--ink-2);white-space:nowrap;border:0;border-radius:0;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.chip.link{cursor:pointer;font:inherit;font-size:var(--t-s)}.chip.link:hover{color:var(--zhu);background:var(--zhu-fill)}.dot{background:var(--c);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.seg{background:var(--well);border-radius:0;gap:2px;padding:2px;display:inline-flex}.seg button{font-size:var(--t-xs);color:var(--ink-2);background:0 0;border:0;border-radius:0;padding:3px 10px}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--panel-solid);color:var(--ink);font-weight:600}.hud{z-index:5;pointer-events:none;transition:right .35s var(--ease-out);position:absolute;inset:0}.hud:before,.hud:after{content:"";pointer-events:none;transition:opacity .4s;position:absolute}.hud:before{background:linear-gradient(180deg, var(--scrim) 0%, transparent 100%);height:96px;top:0;left:0;right:0}.hud:after{background:linear-gradient(0deg, var(--scrim) 0%, transparent 100%);height:108px;bottom:0;left:0;right:0}.hud-tl,.hud-tr,.hud-bot{z-index:1;position:absolute}.hud-tl>*,.hud-tr>*,.hud-bl>*,.hud-bc>*{pointer-events:auto}.hud-tl{flex-direction:column;align-items:flex-start;max-width:46%;display:flex;top:12px;left:18px}.brand{font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap;align-items:center;gap:7px;display:flex}.brand b{font-size:var(--t-s);letter-spacing:.02em;color:var(--ink);font-weight:800}.brand .logo{background:var(--zhu);flex:none;width:20px;height:20px;position:relative;overflow:hidden}.brand .logo:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3 22l7-10 4 5 4-6 9 11z' fill='%23fff' fill-opacity='.92'/%3E%3Cpath d='M2 26c6-3 9 1 14-1s8-3 12-1' stroke='%23ffd9a0' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 50%/cover;position:absolute;inset:0}.brand-k{color:var(--ink-2);text-overflow:ellipsis;overflow:hidden}.tl-head{pointer-events:none;flex-direction:column;align-items:flex-start;margin-top:8px;display:flex}.tl-head>*{pointer-events:auto}.tl-era{font-size:var(--t-m);color:var(--ink);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;line-height:1.2;display:inline-flex}.tl-era:before{content:"";background:var(--c);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 28%, transparent);border-radius:50%;flex:none}.tl-era:hover{color:var(--zhu)}.tl-year{letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);pointer-events:none;margin-top:1px;font-size:24px;font-weight:500;line-height:1.12}.tl-ruler{font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;overflow:hidden}.tl-ruler:empty{display:none}.bar{z-index:9;position:absolute;top:16px;right:20px}.hud-tr{top:var(--bar-h);flex-direction:column;align-items:flex-end;width:340px;display:flex;right:20px}.tools{--cut:9px;isolation:isolate;align-items:center;gap:2px;padding:3px;display:flex;position:relative}.tools:before{content:"";z-index:-1;pointer-events:none;background:var(--panel);clip-path:var(--pp-clip);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);position:absolute;inset:0}.tools>.ib{background:0 0;width:34px;height:34px}.tools>.ib:hover{background:var(--well);color:var(--ink)}.tools>.ib.on{color:var(--zhu);background:var(--zhu-fill)}.tools-sep{background:var(--rule-2);flex:none;width:1px;height:20px;margin:0 5px;transform:skew(-22deg)}.tl-ctl>.ib{background:0 0;width:32px;height:32px}.tl-ctl>.ib:not(.tl-play){color:var(--ink);filter:drop-shadow(0 0 2px var(--panel-solid)) drop-shadow(0 0 4px var(--panel-solid))}.tl-ctl>.ib:not(.tl-play):hover{background:var(--well);color:var(--ink)}.tl-ctl>.tl-speed{width:auto;min-width:34px;font-size:var(--t-xs);font-variant-numeric:tabular-nums;padding:0 6px;font-weight:600}.search{--cut:6px;isolation:isolate;width:168px;height:34px;transition:width .25s var(--ease-out);align-items:center;gap:7px;padding:0 10px;display:flex;position:relative}.search:before{content:"";z-index:-1;pointer-events:none;clip-path:var(--pp-clip);transition:background .15s;position:absolute;inset:0}.search:hover:before{background:var(--well)}.search:focus-within{width:216px}.search:focus-within:before{background:var(--panel-solid)}.search .ic{width:16px;height:16px;fill:var(--ink-3);flex:none}.search .q{min-width:0;font:inherit;font-size:var(--t-s);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.search .q::placeholder{color:var(--ink-3)}.search .q::-webkit-search-cancel-button{display:none}.hits{z-index:12;width:min(340px,100vw - 16px);max-height:60vh;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.hits li{font-size:var(--t-s);cursor:pointer;align-items:center;gap:9px;padding:8px 10px;display:flex}.hits li.cur,.hits li:hover{background:var(--well)}.hits li.cur .lb,.hits li:hover .lb{color:var(--zhu)}.hits li.none{color:var(--ink-3);cursor:default}.hits .ty{text-align:center;width:14px;color:var(--zhu);font-size:var(--t-2xs)}.hits .ty-era{color:var(--k-economy)}.hits .ty-place{color:var(--link)}.hits .ty-person{color:#8a4a2a}.hits .ty-journey{color:var(--ok)}.hits .lb{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hits .lb small{color:var(--ink-3);font-size:var(--t-xs)}.hits .yr{color:var(--ink-3);font-size:var(--t-2xs);font-variant-numeric:tabular-nums}.hud-stats{text-align:right;flex-direction:column;align-items:flex-end;transition:opacity .4s;display:flex}.st-k{font-size:var(--t-s);color:var(--ink-2);align-items:center;gap:7px;margin:0;display:flex}.st-k i{background:var(--c);border-radius:50%;width:9px;height:9px}.st-n{align-items:baseline;gap:6px;margin:4px 0 0;display:flex}.st-n b{font-size:var(--t-2xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:300;line-height:1}.st-n span{font-size:var(--t-s);color:var(--ink-2)}.st-pols{flex-direction:column;align-items:flex-end;margin:12px 0 0;padding:0;list-style:none;display:flex}.st-pol{font-size:var(--t-s);color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:3px 0;display:flex}.st-pol i{background:var(--c);border-radius:50%;width:8px;height:8px}.st-pol small{text-align:right;min-width:7.5em;font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.st-pol:hover span{color:var(--zhu)}.st-c{font-size:var(--t-xs);color:var(--ink-3);margin:6px 0 0}.hud-bot{grid-template-columns:230px minmax(0,1fr);align-items:end;gap:24px;display:grid;bottom:10px;left:18px;right:24px}.hud-bl{min-width:0;padding-bottom:2px}.map-key{font-size:var(--t-xs);color:var(--ink-2);flex-direction:column;gap:6px;transition:opacity .4s;display:flex}.mk-row{flex-wrap:wrap;gap:5px 14px;display:flex}.mk{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.mk i{border-top:2.5px solid var(--c,var(--ink-2));width:18px;height:0}.mk-ghost i{border-top:2px dashed var(--zhu)}.mk-cap i{border:2px solid var(--zhu);background:var(--panel-solid);border-radius:50%;width:9px;height:9px}.mk-line.k-wall i{border-top-width:4px}.mk-line.k-sea i{border-top-style:dotted}.mk-ev i{background:var(--zhu);border:0;width:8px;height:8px;margin:0 5px;transform:rotate(45deg)}.hud-bc{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.amb{max-width:100%;font-size:var(--t-m);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0 4px;font-weight:600;overflow:hidden}.amb:hover{color:var(--zhu)}.story-on .amb{display:none}.story-on .hud-bot{grid-template-columns:minmax(0,1fr);left:24px;right:24px}.hud-bot:has(.caption:not([hidden])){grid-template-columns:minmax(0,1fr);left:24px;right:24px}:is(.story-on .hud-bl,.hud-bot:has(.caption:not([hidden])) .hud-bl){display:none}.story-on .hud-stats,.story-on .map-key,.quiz-on .hud-stats,.lesson-on .hud-stats{opacity:0;pointer-events:none}.story-on .hud-stats *,.story-on .map-key *{pointer-events:none}.set-extra{gap:6px;display:flex}.set-extra .ib{background:var(--well);width:auto;min-width:36px;font-size:var(--t-s);gap:6px;padding:0 10px;display:inline-flex}.b-music .mu-t{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.b-music.on .ic{animation:1.2s ease-in-out infinite beat}@keyframes beat{50%{transform:scale(1.15)rotate(-6deg)}}.menu{z-index:12;width:min(340px,100vw - 16px);max-height:calc(100vh - 220px);animation:drop .2s var(--ease-out);padding:14px 16px 16px;position:absolute;top:46px;right:0;overflow:auto}@keyframes drop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.menu h3{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);align-items:baseline;gap:8px;margin:2px 2px 8px;font-weight:600;display:flex}.menu h3 i{color:var(--zhu);font-variant-numeric:tabular-nums;font-style:normal;font-weight:700}.menu h3+*{margin-bottom:16px}.menu .langs,.menu .quality{display:flex}.menu .quality{margin:8px 0 16px}.menu .langs button,.menu .quality button{font-size:var(--t-s);flex:1;padding:6px 10px}.menu-foot{margin:4px -6px -6px;padding-top:6px;display:flex}.menu-foot button{font-size:var(--t-xs);color:var(--ink-2);background:0 0;border:0;align-items:center;gap:6px;padding:6px;display:inline-flex}.menu-foot button .ic{fill:currentColor;width:15px;height:15px}.menu-foot button:hover{color:var(--zhu)}.hub-tabs{margin:0 0 10px}.hub-tabs button{flex:1}.swatches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sw{background:var(--well);font-size:var(--t-s);color:var(--ink-2);border:0;border-radius:0;flex-direction:column;gap:6px;padding:5px 5px 7px;display:flex}.sw i{border-radius:0;height:46px;display:block}.sw-ink i{background:radial-gradient(circle at 30% 40%,#6e5a40 0 18%,#0000 19%),linear-gradient(135deg,#3e4630 0%,#5c5238 45%,#1c2a33 46%,#0e1820 100%)}.sw-paper i{background:radial-gradient(circle at 30% 40%,#b07e58 0 18%,#0000 19%),linear-gradient(135deg,#72a66c 0%,#d0c284 45%,#7cbad4 46%,#306e9a 100%)}.sw-plain i{background:radial-gradient(circle at 30% 40%,#c6d2de 0 18%,#0000 19%),linear-gradient(135deg,#f1f5f8 0%,#dce6ee 45%,#c2daec 46%,#94b8d6 100%)}.sw:hover{color:var(--ink);background:var(--well-2)}.sw.on{color:var(--zhu);background:var(--zhu-fill);font-weight:600}.switches{grid-template-columns:1fr 1fr;gap:6px;display:grid}.switch-card{font-size:var(--t-s);background:var(--well);cursor:pointer;color:var(--ink-2);border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex;position:relative}.switch-card:hover{color:var(--ink);background:var(--well-2)}.switch-card input{opacity:0;pointer-events:none;position:absolute}.sw-track{background:#c9ccd2;border-radius:0;flex:none;width:30px;height:18px;transition:background .15s;position:relative}.sw-track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch-card input:checked~.sw-track{background:var(--zhu)}.switch-card input:checked~.sw-track:after{transform:translate(12px)}.switch-card:has(input:checked){color:var(--ink)}.switch-card:has(input:focus-visible){outline:2px solid var(--zhu)}.hub-list{flex-direction:column;gap:6px;display:flex}.hub-card{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:10px 34px 10px 10px;transition:background .15s;display:flex;position:relative}.hub-list.journeys{gap:0;display:grid}.hub-card>.ic{width:38px;height:38px;fill:var(--zhu);background:var(--zhu-fill);border-radius:0;flex:none;padding:9px;transition:background .15s,fill .15s}.hc-t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hc-t b{font-size:var(--t-m);font-weight:700}.hc-t small{font-size:var(--t-xs);color:var(--ink-3)}.hub-card em{font-style:normal;font-size:var(--t-xs);color:var(--ok);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.hub-card:after{content:"›";font-size:var(--t-l);color:var(--ink-3);transition:color .2s,transform .2s;position:absolute;top:50%;right:13px;transform:translateY(-52%)}.hub-card:hover{background:var(--well)}.hub-card:hover>.ic{background:var(--zhu);fill:#fff}.hub-card:hover:after{color:var(--zhu);transform:translate(2px,-52%)}.jn{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:0;grid-template-columns:32px 1fr;align-items:center;column-gap:10px;padding:6px 10px;display:grid}.jn:hover,.jn:focus-visible{background:var(--well)}.jn i{width:28px;height:28px;font-style:normal;font-size:var(--t-xs);color:#fff;background:var(--c);border-radius:50%;grid-row:span 2;place-items:center;font-weight:700;display:grid}.jn b{font-size:var(--t-m);font-weight:600}.jn small{font-size:var(--t-xs);color:var(--ink-3)}.panel{z-index:8;background:var(--panel);color:var(--ink);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);visibility:hidden;transition:transform .35s var(--ease-out), opacity .35s, visibility 0s .35s;position:absolute}.panel.on{opacity:1;visibility:visible;transition:transform .35s var(--ease-out), opacity .35s;transform:none}.panel-l{--cut:10px;left:18px;top:var(--lt,112px);bottom:var(--lb,44px);width:var(--lw);clip-path:var(--pp-clip);opacity:0;transform:translate(-24px)}.panel-l:has(>.card.top.reading){width:min(calc(var(--lw) + 580px), calc(100% - 48px))}.panel-l{flex-direction:column;display:flex}.panel-l .view{flex:0 auto;min-height:0;position:relative;inset:auto}.panel-l .view:not(.top){display:none}.panel-l .view.quiz{overflow:auto}.panel-l .card.top,.panel-l .card.reading{flex:auto}@media (min-width:721px){.panel-l{max-height:calc(100% - var(--lt,112px) - var(--lb,44px));bottom:auto}.panel-l:has(>.card.top){height:calc(100% - var(--lt,112px) - var(--lb,44px));max-height:none}.panel-l:has(>.card.top.reading){height:calc(100% - var(--lt,112px) - var(--lb-read,var(--lb,44px)));max-height:none}}@media (min-width:1181px){.panel-l:has(>.card.top.reading){width:min(calc(var(--lw) + 580px), calc(100% - 420px))}}.story-on .panel-l{opacity:0;pointer-events:none;transform:translate(-24px)}.view{animation:view-in .28s var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.panel .view:not(.top){visibility:hidden}@keyframes view-in{0%{opacity:0;transform:translate(16px)}}.view-head,.quiz header,.modal-box header{flex:none;align-items:center;gap:8px;padding:8px 6px 8px 14px;display:flex}.view-head h2,.quiz header h2,.modal-box header h2{font-size:var(--t-m);flex:1;margin:0;font-weight:700}.view-head .ib,.quiz header .ib,.modal-box header .ib{width:28px;height:28px}.view-body{flex:1;min-height:0;padding:0 14px 10px;overflow:auto}.menu.pv{height:calc(var(--bc-t,760px) - 76px);flex-direction:column;padding:4px 0 0;display:flex;overflow:hidden}.pv .view-body{flex-direction:column;display:flex}.pv-sec{flex:none;padding:10px 0}.pv-h{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.pv-h h3{font-size:var(--t-s);color:var(--ink);white-space:nowrap;margin:0;font-weight:700}.pv-h small{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--t-2xs);color:var(--ink-3);font-variant-numeric:tabular-nums;overflow:hidden}.pv-h .seg button{font-size:var(--t-2xs);padding:2px 8px}.pv-h .seg{align-self:center;margin-left:auto}.pv-top{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.pv-span{font-size:var(--t-xs);color:var(--zhu);font-variant-numeric:tabular-nums;font-weight:600}.pv-idx{font-size:var(--t-2xs);color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto}.pv-steps{gap:3px;margin-bottom:8px;display:flex}.pv-steps button{background:var(--well-2);border:0;flex:1;height:3px;padding:0;transition:background .15s}.pv-steps button:hover{background:var(--ink-3)}.pv-steps button.on{background:var(--zhu)}.pv-title{font-size:var(--t-l);color:var(--ink);margin:0 0 10px;font-weight:700;line-height:1.4}.pv-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0;display:grid}.pv-facts>div{background:var(--well);min-width:0;padding:6px 8px 7px}.pv-facts dt{font-size:var(--t-2xs);color:var(--ink-3)}.pv-facts dd{font-size:var(--t-s);color:var(--ink);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-weight:600;overflow:hidden}.pv-era{max-width:100%;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.pv-era i{background:var(--c);border-radius:50%;flex:none;width:8px;height:8px}.pv-era span{text-overflow:ellipsis;overflow:hidden}.pv-era:hover{color:var(--zhu)}.pv-note{font-size:var(--t-xs);color:var(--ink-2);margin:8px 0 0;line-height:1.65}.pv-fold{padding:0}.pv-fold>summary{cursor:pointer;margin:0;padding:10px 0;list-style:none}.pv-fold>summary::-webkit-details-marker{display:none}.pv-fold>summary:after{content:"›";font-size:var(--t-l);color:var(--ink-3);margin-left:auto;line-height:1;transition:transform .2s}.pv-fold[open]>summary:after{transform:rotate(90deg)}.pv-fold>summary:hover h3{color:var(--zhu)}.pv-fb{max-height:38vh;padding-bottom:10px;overflow:auto}.pv-new{background:var(--zhu);border-radius:50%;align-self:center;width:6px;height:6px}.pv-grid{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.pv-pol{text-align:left;min-width:0;font-size:var(--t-xs);color:var(--ink);background:0 0;border:0;align-items:center;gap:6px;padding:4px;display:flex}.pv-pol span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pv-pol small{font-size:var(--t-2xs);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none}.pv-pol i{background:color-mix(in srgb, var(--c) 75%, var(--ink));flex:none;width:9px;height:9px}.pv-pol.r-main span{font-weight:700}.pv-pol.r-protectorate i,.pv-pol.r-occupied i{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--c) 80%, var(--ink)) 0 1.5px, color-mix(in srgb, var(--c) 30%, #fff) 1.5px 4px)}.pv-pol.r-neighbor i{background:#b8b4a8}.pv-pol:hover{background:var(--well)}.pv-pol:hover span{color:var(--zhu)}.chronicle{flex-direction:column;flex:auto;min-height:180px;display:flex}.ch-list{flex:1;min-height:0;margin:0 -6px;padding:0;list-style:none;position:relative;overflow:auto}.ch-list li button{text-align:left;width:100%;font-size:var(--t-s);color:var(--ink-2);background:0 0;border:0;grid-template-columns:4.4em 1fr auto auto;align-items:baseline;gap:6px;padding:5px 6px;line-height:1.45;display:grid}.ch-list li button:hover{background:var(--well);color:var(--ink)}.ch-y{font-size:var(--t-2xs);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.ch-t{min-width:0}.ch-list li.w1 .ch-t{color:var(--ink);font-weight:600}.ch-list li.w1 .ch-t:before{content:"";vertical-align:2px;background:var(--k);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.ch-s{font-style:normal;font-size:var(--t-2xs);color:var(--zhu)}.ch-list .ch-k{font-size:var(--t-2xs);color:var(--ink-3);white-space:nowrap}.ch-list li.cur button{background:var(--zhu-fill);color:var(--ink);box-shadow:inset 2px 0 0 var(--zhu)}.ch-list li.cur .ch-y{color:var(--zhu);font-weight:600}.ch-list li.sel button{background:var(--zhu);color:#fff}.ch-list li.sel .ch-y,.ch-list li.sel .ch-t,.ch-list li.sel .ch-k,.ch-list li.sel i{color:#fff!important}.ls-head{align-items:flex-start;position:relative}.ls-t{flex:1;min-width:0}.ls-k{font-size:var(--t-2xs);color:var(--zhu);font-weight:600;display:block}.view-head .ls-t h2{font-size:var(--t-m);margin-top:2px;line-height:1.35}.ls-n{font-size:var(--t-2xs);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;margin-top:6px}.ls-prog{background:linear-gradient(90deg, var(--zhu) calc(var(--p) * 100%), var(--well-2) 0);height:2px;transition:background .3s;position:absolute;bottom:0;left:16px;right:16px}.ls-body{padding-top:12px}.ls-y{font-size:var(--t-xs);color:var(--zhu);font-variant-numeric:tabular-nums;margin:0 0 2px;font-weight:600}.ls-h{font-size:var(--t-l);color:var(--ink);margin:0 0 8px;font-weight:700;line-height:1.4}.ls-p{font-size:var(--t-s);color:var(--ink-2);margin:0;line-height:1.8}.ls-acts{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.ls-acts .btn{height:30px;font-size:var(--t-xs);padding:0 12px}.ls-nav{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px 12px;display:flex}.ls-nav .btn:only-child{margin-left:auto}.ls-dots{flex-wrap:wrap;gap:4px;display:flex}.ls-dots i{background:var(--well-2);width:8px;height:8px}.ls-dots i.cur{background:var(--ink-3)}.ls-dots i.ok{background:var(--ok)}.ls-dots i.no{background:var(--zhu)}.ls-q{font-size:var(--t-m);color:var(--ink);margin:0 0 10px;font-weight:700;line-height:1.55}.ls-hint{font-size:var(--t-xs);color:var(--ink-3);margin:0 0 8px}.ls-opts{gap:4px;display:grid}.ls-opt{background:var(--well);font-size:var(--t-s);text-align:left;color:var(--ink);border:0;align-items:center;gap:10px;padding:8px 10px;line-height:1.45;display:flex}.ls-opt i{font-style:normal;font-weight:700;font-size:var(--t-2xs);color:var(--ink-3);flex:none}.ls-opt:not(:disabled):hover{background:var(--zhu-fill);color:var(--zhu)}.ls-opt:disabled{cursor:default}.ls-opt.ok{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok);font-weight:600}.ls-opt.ok i{color:var(--ok)}.ls-opt.bad{background:var(--zhu-fill);color:var(--zhu)}.ls-opt.dim,.ls-opts .ls-opt:disabled:not(.ok):not(.bad){opacity:.5}.ls-order{font-size:var(--t-s);color:var(--ink);margin:10px 0 0;padding-left:22px;line-height:1.8}.ls-order li.ok{color:var(--ok)}.ls-order li.bad{color:var(--zhu)}.ls-out:empty{display:none}.ls-res{background:var(--well);font-size:var(--t-s);color:var(--ink-2);margin:12px 0 0;padding:8px 10px;line-height:1.7}.ls-res b{margin-right:8px}.ls-res.ok b{color:var(--ok)}.ls-res.bad b{color:var(--zhu)}.ls-km{font-size:var(--t-xs);color:var(--ink-3);margin:12px 0 0}.ls-km+.ls-res{margin-top:4px}.ls-score{align-items:baseline;gap:10px;padding:4px 0 12px;display:flex}.ls-score b{color:var(--zhu);font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1}.ls-score span{font-size:var(--t-s);color:var(--ink-2)}.ls-sec{padding:8px 0}.ls-sec h3{font-size:var(--t-s);color:var(--ink);margin:0 0 6px;font-weight:700}.ls-keys{font-size:var(--t-s);color:var(--ink-2);margin:0;padding-left:18px;line-height:1.75}.ls-keys li+li{margin-top:4px}.ls-rev{flex-wrap:wrap;gap:4px;display:flex}.ls-rev .chip{cursor:pointer;font-size:var(--t-xs)}.ls-rev .chip:hover{color:var(--zhu);background:var(--zhu-fill)}.story-on .card{opacity:0;pointer-events:none;transition:opacity .3s}.card{flex-direction:row}.card-main{width:var(--lw);flex-direction:column;flex:none;max-width:100%;min-height:0;display:flex}.card [data-act=wiki].on{background:var(--zhu-fill);color:var(--zhu)}.info-hero{background:radial-gradient(ellipse at 50% 62%, var(--well-2), var(--well) 75%);border-bottom:1px solid var(--rule);flex:none;height:132px;position:relative;overflow:hidden}.pv-gl{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.pv-gl:active{cursor:grabbing}.info-hero.pv-loading:before{content:"";border:2px solid var(--rule-2);border-top-color:var(--zhu);border-radius:50%;width:22px;height:22px;margin:-11px;animation:.9s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.hero-tag{pointer-events:none;flex-direction:row;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:10px}.type-chip{font-size:var(--t-2xs);color:#fff;background:var(--k);border-radius:0;align-items:center;gap:5px;padding:2px 7px;font-weight:600;display:inline-flex}.cat-idx{font-size:var(--t-2xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.cat-idx small{font-size:var(--t-2xs)}.card-nav{gap:3px;display:flex;position:absolute;top:6px;right:6px}.card-nav .ib{background:var(--panel);width:26px;height:26px;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);color:var(--ink-2);border-radius:50%}.card-nav .ib:hover{background:var(--panel-solid);color:var(--ink)}.card-nav .card-share.on{color:var(--zhu)}.card-nav .ib .ic{width:14px;height:14px}.card-body{flex:1;min-height:0;padding:11px 14px 14px;overflow:auto}.sheet-grip{display:none}.eyebrow{font-size:var(--t-2xs);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:3px;display:flex}.eyebrow .ic{fill:currentColor;width:11px;height:11px}.eyebrow i{color:var(--ink-3);font-style:normal}.eyebrow .ey-y{color:var(--zhu);font-variant-numeric:tabular-nums;font-weight:700}.eyebrow .ey-p{align-items:center;gap:3px;display:inline-flex}.eyebrow .era-link{color:var(--ink-2);font-weight:600}.eyebrow .era-link:hover{color:var(--zhu)}.card h2{color:var(--ink);margin:0 0 2px;font-size:17px;font-weight:800;line-height:1.25}.card .sub{font-size:var(--t-xs);color:var(--ink-2);margin:2px 0 0}.badges{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.badge{font-size:var(--t-2xs);background:var(--well);color:var(--ink-2);border-radius:0;padding:1px 6px}.badge.star{color:#9a5b10;background:#c99a3c26}.badge.seen{color:var(--ok);background:#1d91521a}.card .sum{font-size:var(--t-s);color:var(--ink-2);margin:7px 0 0;line-height:1.62}.card .sum b{color:var(--ink);font-weight:700}.stats{flex-wrap:wrap;gap:5px;margin:8px 0 0;display:flex}.stats>div{background:var(--well);border-radius:0;align-items:baseline;gap:5px;min-width:0;max-width:100%;padding:3px 8px;display:inline-flex}.stats dt{font-size:var(--t-2xs);color:var(--ink-3);flex:none;margin:0}.stats dd{font-size:var(--t-xs);color:var(--ink);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.era-link{font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:5px;max-width:100%;padding:0;display:inline-flex}.era-link i{background:var(--c);border-radius:50%;flex:none;width:8px;height:8px}.era-link:hover{color:var(--zhu)}.acts{flex-wrap:wrap;gap:5px;margin:8px 0 2px;display:flex}.acts .btn{height:28px;font-size:var(--t-xs);gap:5px;padding:0 10px}.acts .btn.ghost{margin-left:auto}details.sec{border-top:1px solid var(--rule);margin-top:8px}details.sec+details.sec{margin-top:0}details.sec summary{cursor:pointer;font-size:var(--t-xs);color:var(--ink-2);align-items:center;gap:7px;padding:7px 0;font-weight:600;list-style:none;display:flex}details.sec summary::-webkit-details-marker{display:none}details.sec summary:after{content:"›";font-size:var(--t-m);color:var(--ink-3);margin-left:auto;transition:transform .2s}details.sec[open] summary:after{transform:rotate(90deg)}details.sec summary:hover,details.sec[open] summary{color:var(--ink)}details.sec>:last-child{margin-bottom:8px}.points{font-size:var(--t-xs);color:var(--ink-2);margin:0;padding-left:15px;line-height:1.65}.points li::marker{color:var(--zhu)}.people{flex-wrap:wrap;gap:4px;display:flex}.units{font-size:var(--t-xs);color:var(--ink-2);margin:0;padding:0;line-height:1.55;list-style:none}.units li+li{margin-top:3px}.units b{color:var(--ink);font-weight:700}.card .caps{font-size:var(--t-xs);color:var(--ink-2);margin:0 0 4px;line-height:1.6}.card .periods{font-size:var(--t-xs);margin:0;padding:0;list-style:none}.card .periods li{color:var(--ink-2);border-radius:0;grid-template-columns:7.6em 1fr;gap:6px;padding:3px 6px;line-height:1.45;display:grid}.card .periods li.cur{background:var(--zhu-fill);color:var(--ink)}.card .periods .y{color:var(--ink-3);font-size:var(--t-2xs);font-variant-numeric:tabular-nums;padding-top:1px}.card .periods b{color:var(--ink);font-weight:700}.evlist{margin:0;padding:0;list-style:none}.evlist button{text-align:left;width:100%;font-size:var(--t-xs);color:var(--ink-2);background:0 0;border:0;border-radius:0;align-items:baseline;gap:8px;padding:4px 6px;display:flex}.evlist button:hover{background:var(--well);color:var(--ink)}.evlist .y{color:var(--ink-3);font-size:var(--t-2xs);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;min-width:5.2em}i.ok{color:var(--ok);margin-left:auto;font-style:normal}i.seen{color:var(--k-economy);margin-left:auto;font-style:normal}.card .reader{background:var(--well);min-width:0;animation:rd-in .35s var(--ease-out);flex-direction:column;flex:auto;display:flex}@keyframes rd-in{0%{opacity:0;transform:translate(-12px)}}.reader header{align-items:center;gap:10px;padding:10px 8px 10px 16px;display:flex}.reader header .w{color:var(--ink)}.rd-title{font-weight:700;font-size:var(--t-m);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rd-body{flex:1;padding:16px 22px 22px;overflow:auto}.rd-body figure{margin:0 0 12px}.rd-body img{object-fit:cover;background:var(--well);border-radius:0;width:100%;height:auto;max-height:240px}.rd-body h2{font-size:var(--t-xl);color:var(--ink);margin:4px 0 6px;font-weight:800}.rd-meta{font-size:var(--t-xs);color:var(--ink-3);flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.rd-body p{font-size:var(--t-m);color:var(--ink-2);margin:0 0 12px;line-height:1.85}.rd-body a{color:var(--link)}.rd-body h3{font-size:var(--t-l);color:var(--ink);margin:24px 0 8px;font-weight:700}.rd-body h3:before{content:"";vertical-align:-1px;background:var(--zhu);width:3px;height:.9em;margin-right:8px;display:inline-block}.rd-body h4{font-size:var(--t-m);color:var(--ink);margin:16px 0 6px;font-weight:600}.rd-foot{margin:16px 0 8px}.rd-note{font-size:var(--t-xs)!important;color:var(--ink-3)!important}.rd-lic{font-size:var(--t-2xs)!important;color:var(--ink-3)!important}.rd-lic a,.rd-msg{color:var(--ink-2)}.skel i{background:linear-gradient(90deg,#eceef1 0%,#f7f8fa 50%,#eceef1 100%) 0 0/200% 100%;border-radius:0;height:12px;margin:12px 0;animation:1.2s infinite shimmer;display:block}.skel i:first-child{border-radius:0;height:150px}.skel i.s{width:60%}@keyframes shimmer{to{background-position:-200% 0}}.tabs{background:var(--well);flex:none;gap:2px;padding:3px;display:flex;overflow-x:auto}.tabs button{font-size:var(--t-s);white-space:nowrap;color:var(--ink-2);background:0 0;border:0;padding:6px 10px}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--ink);background:var(--panel-solid);font-weight:600}.modal-box.course{flex-direction:column;width:min(640px,100% - 24px);height:min(760px,100% - 40px);padding-bottom:0;display:flex;overflow:hidden}.course header{padding:14px 8px 4px 22px}.course header h2{font-size:var(--t-l);flex:none}.c-done{font-size:var(--t-xs);color:var(--ok);font-variant-numeric:tabular-nums;flex:1;font-weight:600}.c-intro{font-size:var(--t-s);color:var(--ink-2);flex:none;margin:0 22px 12px;line-height:1.7}.course .tabs{margin:0 22px 6px}.course .tabs button{flex:1}.course .units{min-height:0;font-size:var(--t-s);flex:1;padding:0 22px 18px;overflow:auto}.unit{padding:12px 0 4px}.u-h{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.u-n{font-size:var(--t-xs);color:var(--zhu);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.u-t{font-size:var(--t-m);color:var(--ink);flex:1;font-weight:700;line-height:1.4}.u-row{background:var(--well);text-align:left;width:100%;color:var(--ink);border:0;align-items:center;gap:10px;margin-bottom:4px;padding:9px 12px;display:flex}.u-row:hover{background:var(--zhu-fill)}.u-row:hover b{color:var(--zhu)}.u-test{background:0 0}.u-mk{width:14px;font-style:normal;font-size:var(--t-xs);color:var(--zhu);text-align:center;flex:none}.u-rt{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.u-rt b{font-size:var(--t-s);font-weight:700;line-height:1.4}.u-rt small{font-size:var(--t-2xs);color:var(--ink-3);line-height:1.5}.u-best{font-size:var(--t-2xs);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none}.u-best.ok{color:var(--ok);font-weight:600}.u-ok{font-style:normal;font-size:var(--t-xs);color:var(--ok);flex:none;font-weight:700}.view.quiz{display:block;overflow:auto}.qz-body{padding-bottom:16px}.qz-n{font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.qz-q{font-size:var(--t-l);margin:4px 18px 10px;font-weight:700;line-height:1.55}.qz-hint{font-size:var(--t-s);color:var(--ink-2);margin:0 18px 10px}.qz-clue{font-size:var(--t-s);color:var(--ink-2);background:var(--well);border-radius:0;margin:0 18px 10px;padding:8px 10px}.qz-modes{grid-template-columns:1fr 1fr;gap:8px;padding:0 18px;display:grid}.qz-mode{background:var(--well);text-align:left;border:0;border-radius:0;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.qz-mode b{font-size:var(--t-m)}.qz-mode small{font-size:var(--t-xs);color:var(--ink-3);line-height:1.4}.qz-mode:hover{background:var(--well-2)}.qz-mode.on{background:var(--zhu-fill)}.qz-mode.on b{color:var(--zhu)}.qz-opts{grid-template-columns:1fr 1fr;gap:7px;padding:0 18px;display:grid}.qz-opts.col{grid-template-columns:1fr}.opt{background:var(--well);font-size:var(--t-s);text-align:left;color:var(--ink);border:0;border-radius:0;padding:10px 12px}.opt:hover:not(:disabled){background:var(--well-2)}.opt:disabled{opacity:.45}.opt.ok,.qz-order li.ok{color:var(--ok);opacity:1;background:#1d915224}.opt.no,.qz-order li.no{background:var(--zhu-fill);color:var(--zhu);opacity:1}.qz-order{font-size:var(--t-s);margin:8px 18px;padding-left:22px}.qz-order li{border-radius:0;margin-bottom:3px;padding:4px 6px}.qz-row{font-size:var(--t-s);justify-content:space-between;align-items:center;gap:8px;padding:12px 18px 0;display:flex}.qz-row.end{justify-content:flex-end}.qz-row select{font:inherit;background:var(--well);color:var(--ink);border:0;border-radius:0;max-width:230px;padding:6px 8px}.qz-fb{font-weight:700;font-size:var(--t-m);min-height:1em;margin:10px 18px 0}.qz-fb.ok{color:var(--ok)}.qz-fb.no{color:var(--zhu)}.qz-fb:empty{display:none}.qz-done{font-size:var(--t-2xl);text-align:center;color:var(--zhu);margin:18px 18px 6px;font-weight:800}.qz-rank{text-align:center;font-size:var(--t-m);color:var(--ink);margin:0 18px 8px;font-weight:700}.caption{--cut:9px;width:min(760px,100%);clip-path:var(--pp-clip);color:#f2ede3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141311c7;align-items:center;gap:12px;margin-inline:auto;padding:10px 8px 12px 18px;display:flex;position:relative;overflow:hidden}.cap-t{font-size:var(--t-m);color:#f2ede3;flex:1;min-height:1.7em;margin:0;line-height:1.7}.cap-t.in{animation:.4s ease-out capin}@keyframes capin{0%{opacity:0;transform:translateY(4px)}}.cap-ctl{flex:none;justify-content:flex-end;gap:2px;display:flex}.caption .ib{color:#f2ede3cc;width:32px;height:32px}.caption .ib:hover{color:#fff;background:#ffffff1f}.caption .ib.sp{font-size:var(--t-xs);font-variant-numeric:tabular-nums;font-weight:700}.cap-bar{height:3px;width:calc(var(--p,0) * 100%);background:var(--zhu);transition:width .4s;position:absolute;bottom:0;left:0}.caption.paused .cap-t{opacity:.6}.tl{-webkit-user-select:none;user-select:none;align-items:flex-start;gap:18px;width:100%;padding:4px 16px 2px;display:flex;position:relative}.tl-ctl{flex:none;align-items:center;gap:2px;margin-top:26px;display:flex}.tl-ctl .tools-sep{height:18px;margin:0 3px}.tl-track{flex:auto;min-width:0}.tl-curve{pointer-events:none;height:20px;position:absolute;top:0;left:0;right:0}.tl-curve svg{width:100%;height:100%;display:block;overflow:visible}.tl-curve polygon{fill:var(--ink);opacity:.08}.tl-curve polyline{fill:none;stroke:var(--ink-2);stroke-width:1.2px;opacity:.7;stroke-linejoin:round}.tl-play{flex:none;color:#fff!important;background:var(--zhu)!important;width:32px!important;height:32px!important}.tl-play:hover{background:var(--zhu-hi)!important}.tl-track{cursor:pointer;touch-action:none;outline:none;height:66px;position:relative}.tl-track:focus-visible{border-radius:0;box-shadow:inset 0 0 0 2px #c8372d66}.tl-bands{height:21px;position:absolute;top:32px;left:0;right:0}.tl-band{background:color-mix(in srgb, var(--c) 50%, transparent);background-clip:padding-box;border:0;border-right:1px solid #0000;place-items:center;height:18px;padding:0;transition:background .15s;display:grid;position:absolute;top:0;overflow:hidden}.tl-band span{font-size:var(--t-2xs);color:var(--ink);white-space:nowrap;font-weight:600}.tl-band.lane1{opacity:.8;border-radius:2px;height:3px;top:18px}.tl-band.lane1 span{display:none}.tl-band:hover{background:color-mix(in srgb, var(--c) 72%, transparent)}.tl-band.cur{background:var(--c)}.tl-band.cur span{color:#fff}.tl-bands .tl-band:first-child{border-radius:0}.tl-phases{pointer-events:none;height:18px;position:absolute;top:32px;left:0;right:0}.tl-phases i{background:#ffffffbf;width:1px;position:absolute;top:3px;bottom:3px}.tl-dots{height:9px;position:absolute;top:22px;left:0;right:0}.tl-dot{background:var(--k);opacity:.9;border:0;border-radius:50%;width:6px;height:6px;margin-left:-3px;padding:0;position:absolute;top:1px}.tl-dot.w2{opacity:.6;width:5px;height:5px;margin-left:-2.5px;top:1.5px}.tl-dot.w3{opacity:.35;width:3px;height:3px;margin-left:-1.5px;top:2.5px}.tl-dot:hover,.tl-dot.sel{opacity:1;z-index:1;transform:scale(1.8);box-shadow:0 0 0 1.5px #fff}.tl-axis{height:12px;position:absolute;top:54px;left:0;right:0}.tl-axis span{font-size:var(--t-2xs);color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;position:absolute;transform:translate(-50%)}.tl-axis span:first-child{transform:none}.tl-thumb{background:var(--zhu);pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:0;bottom:12px}.tl-thumb i{border:3px solid var(--zhu);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:33px;left:-6px}.tl-flag{background:var(--ink);color:#fff;font-size:var(--t-xs);white-space:nowrap;font-variant-numeric:tabular-nums;opacity:0;border-radius:0;padding:4px 10px;font-weight:600;transition:opacity .2s;position:absolute;bottom:calc(100% + 10px);left:0;transform:translate(-50%)}.tl.dragging .tl-flag,.tl.playing .tl-flag,.tl-track:hover .tl-flag{opacity:1}.tl-flag:after{content:"";border:5px solid #0000;border-top-color:var(--ink);margin-left:-5px;position:absolute;top:100%;left:50%}.tl-tip{background:var(--panel);color:var(--ink);font-size:var(--t-xs);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);white-space:nowrap;pointer-events:none;opacity:0;z-index:2;padding:6px 10px;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%)}.tl-tip.on{opacity:1}.tl.playing .tl-thumb i{animation:1.6s infinite pulse}.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#0f121673;place-items:center;display:grid;position:absolute;inset:0}.modal-box{width:min(560px,100% - 24px);max-height:calc(100% - 40px);padding-bottom:16px;overflow:auto}.help ul{font-size:var(--t-s);color:var(--ink-2);margin:0;padding:4px 22px 4px 38px;line-height:1.85}.help ul li::marker{color:var(--zhu)}.help .legend{font-size:var(--t-s);color:var(--ink-2);flex-wrap:wrap;gap:8px 14px;padding:12px 22px;display:flex}.help .lg{align-items:center;gap:6px;display:inline-flex}.help .lg i{background:var(--k);border-radius:50%;width:9px;height:9px}.help .note{font-size:var(--t-s);color:var(--ink-2);background:#c99a3c1f;border-radius:0;margin:6px 22px;padding:10px 12px;line-height:1.7}.help .small{font-size:var(--t-xs);color:var(--ink-3);margin:8px 22px;line-height:1.65}.boot{z-index:30;-webkit-backdrop-filter:blur(14px)saturate(1.25);backdrop-filter:blur(14px)saturate(1.25);background:radial-gradient(circle at 50% 44%,#d49e4838 0%,#bc382a1c 26%,#0000 62%),radial-gradient(90% 84% at 50% 45%,#1c1814c7 0%,#12100ee0 58%,#0a0a0cf0 100%);place-content:center;justify-items:center;transition:opacity 1.15s cubic-bezier(.22,1,.36,1),transform 1.25s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0;overflow:hidden}.boot.gone{opacity:0;pointer-events:none;transform:scale(1.06)}.boot-dust{pointer-events:none;--quiet:radial-gradient(ellipse clamp(220px, 34vw, 480px) clamp(280px, 40vh, 380px) at 50% 52%, #00000024 45%, #000 100%);width:100%;height:100%;-webkit-mask-image:var(--quiet);-webkit-mask-image:var(--quiet);mask-image:var(--quiet);position:absolute;inset:0}.boot-glow{pointer-events:none;filter:blur(26px);background:radial-gradient(circle,#e2b05438 0%,#c4382c1f 40%,#0000 72%);border-radius:50%;width:min(74vw,620px);height:min(74vw,620px);animation:4.2s ease-in-out infinite alternate boot-pulse;position:absolute}.boot-hills{pointer-events:none;z-index:1;width:108%;height:clamp(80px,18vh,200px);animation:26s ease-in-out infinite alternate boot-drift;position:absolute;bottom:0;left:-4%;right:-4%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.boot-center{z-index:2;text-align:center;box-sizing:border-box;justify-items:center;gap:10px;max-width:100vw;padding:20px;display:grid;position:relative}.boot-center>*{animation:.9s cubic-bezier(.22,1,.36,1) both boot-rise}.boot-center>:nth-child(2){animation-delay:80ms}.boot-center>:nth-child(3){animation-delay:.22s}.boot-center>:nth-child(4){animation-delay:.32s}.boot-center>:nth-child(5){animation-delay:.42s}.boot-center>:nth-child(n+6){animation-delay:.52s}.boot-kicker{letter-spacing:.34em;text-indent:.34em;color:#f2d69ad1;--cut:6px;clip-path:var(--pp-clip);background:#daae5c17;align-items:center;gap:10px;padding:4px 16px;font-size:11px;font-weight:600;display:inline-flex}.boot-kicker i{color:var(--zhu-hi);text-indent:0;font-style:normal}.boot-wheel{place-items:center;width:clamp(220px,30vw,276px);height:clamp(220px,30vw,276px);margin:2px 0;display:grid;position:relative}.boot-ring{width:100%;height:100%;position:absolute;inset:0}.boot-ring-outer{color:#e8c07094;animation:48s linear infinite boot-spin}.boot-ring-mid{color:#d8984ca8;animation:28s linear infinite boot-spin-rev}.boot-ring-glyphs{letter-spacing:.06em;fill:#f6dea8b8}.boot.gone .boot-ring-outer{transition:transform 1.2s ease-out;transform:scale(1.42)rotate(24deg)}.boot.gone .boot-ring-mid{transition:transform 1.2s ease-out;transform:scale(1.24)rotate(-24deg)}.boot-mark{--cut:14px;color:#faefd8;width:112px;height:112px;clip-path:var(--pp-clip);background:linear-gradient(145deg,#c2382a 0%,#891f16 100%);place-items:center;display:grid;position:relative;box-shadow:0 14px 40px #000000ad,inset 0 0 18px #ffde9847}.boot-mark-inner{--cut:11px;width:98px;height:98px;clip-path:var(--pp-clip);background:#1a0e0c38;border:1px solid #f8e2ae85;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px;display:flex}.boot-crest{color:#f7d98c;flex:none;width:54px;height:22px}.boot-mark-title{letter-spacing:.16em;text-indent:.16em;color:#fff6e5;text-shadow:0 2px 10px #00000073;font-size:26px;font-weight:800;line-height:1.05}#boot:lang(en) .boot-mark-title{letter-spacing:.14em;text-indent:.14em;font-size:21px}.boot-mark-sub{letter-spacing:.24em;text-indent:.24em;color:#f8e0acd1;font-size:9px;font-weight:700}.boot-chronicle{--cut:7px;white-space:nowrap;clip-path:var(--pp-clip);color:#f6e8caeb;background:#181512b8;align-items:center;gap:10px;padding:5px 18px;font-size:13px;display:inline-flex;box-shadow:inset 0 0 0 1px #e4ba6c42}.boot-chronicle .bc-era{color:#f7d98c;letter-spacing:.1em;font-weight:800}.boot-chronicle .bc-year{font-variant-numeric:tabular-nums;color:#fff;letter-spacing:.06em;font-weight:700}.boot-chronicle .bc-cap{color:#e8d4aecc;letter-spacing:.08em;font-size:12px}.boot-chronicle .bc-sep{color:#daae5c73;font-style:normal}.boot-verse{letter-spacing:.26em;text-indent:.26em;color:#faeed4f2;text-shadow:0 2px 18px #d49e4e6b;margin:2px 0;font-size:clamp(14px,1.8vw,18px);font-weight:600}.boot-verse:lang(en){letter-spacing:.06em;text-indent:0;max-width:34em;line-height:1.5}.boot-status:lang(en){letter-spacing:.04em}.boot-dynasties{letter-spacing:.08em;color:#e2d0ae8f;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:2px 0;font-size:12px;display:flex}.boot-dynasties i{background:#e2c48a3d;width:10px;height:1px;display:inline-block}.boot-dynasties span{--cut:4px;clip-path:var(--pp-clip);background:#fff4da0d;padding:3px 8px;transition:color .3s,background .3s,transform .3s,box-shadow .3s}.boot-dynasties span.hi{color:#fff8e8;background:var(--zhu);font-weight:700;transform:translateY(-1px)scale(1.08);box-shadow:0 4px 14px #c8372d8c}.boot-bar{--cut:3px;width:min(320px,78vw);height:5px;clip-path:var(--pp-clip);background:#f4e0b624;overflow:hidden;box-shadow:0 0 14px #d49e4e38}.boot-bar i{background:linear-gradient(90deg,#c8372d 0%,#e6b450 65%,#fff0be 100%);width:40%;height:100%;transition:width .28s ease-out;animation:1.1s ease-in-out infinite boot;display:block}.boot-status{letter-spacing:.14em;color:#ecdab8c2;max-width:100%;min-height:18px;font-size:12px}@keyframes boot{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes boot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes boot-spin-rev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes boot-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes boot-drift{0%{transform:translate(-1.5%)}to{transform:translate(1.5%)}}@keyframes boot-pulse{0%{opacity:.75;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}.nogl{z-index:100;text-align:center;font-size:var(--t-m);color:#e6e8eb;background:#0c0e12e0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.nogl p{max-width:36em;margin:0}.btn,.chip,.type-chip,.badge,.tag,.tl-play,.ib,.hub-card,.opt,.qz-mode,.sw,.stats>div,.seg,.seg button,.tabs,.tabs button,.ls-opt,.u-row{--cut:6px;clip-path:var(--pp-clip);border-radius:0!important}.ib,.seg button,.tabs button{--cut:5px}.btn:focus-visible,.chip:focus-visible,.ib:focus-visible,.hub-card:focus-visible,.opt:focus-visible,.seg button:focus-visible,.tabs button:focus-visible{outline-offset:-2px}@media (max-width:1180px){:root{--lw:330px}#app:has(.card.top.reading) .hud-tr{display:none}}@media (max-width:960px){.hud-bot{grid-template-columns:minmax(0,1fr)}.hud-bl{display:none}}@media (max-width:720px){.boot-chronicle{gap:6px;padding:5px 12px;font-size:12px}.hud:before{background:linear-gradient(180deg, var(--scrim) 0%, transparent 100%);height:76px}.hud:after{height:92px}.hud-tl{max-width:50%;top:12px;left:14px}.brand-k{display:none}.tl-head{margin-top:8px}.tl-era{font-size:var(--t-s)}.tl-year{font-size:20px}.tl-ruler{font-size:var(--t-2xs)}.bar{top:12px;right:10px}.tools{gap:4px}.search,.search:focus-within{width:96px}.hits,.menu{width:auto;max-height:calc(100% - var(--tl-b,120px) - 64px);position:fixed;top:56px;left:8px;right:8px}.hud-tr{display:none}.hud-bot{gap:6px;bottom:8px;left:8px;right:8px}.hud-bc{gap:2px}.amb{text-align:left;min-height:34px;font-size:var(--t-s);align-self:stretch;padding:0 118px 0 2px}.tl{flex-direction:column;align-items:stretch;gap:0;padding:2px 10px 0}.tl-ctl{margin-top:0;position:absolute;bottom:calc(100% + 2px);right:8px}.story-on .tl-ctl,.tl-ctl .tools-sep,.tl-ctl>.tl-speed,.tl-flag{display:none}.panel-l{width:auto;top:auto;left:0;right:0;bottom:var(--tl-b,120px);clip-path:none;opacity:1;max-height:46vh;transform:translateY(calc(100% + var(--tl-b,120px)))}.panel-l.on:has(>.card.top.reading){width:auto;height:62vh;max-height:none}.card-main{flex:auto;width:auto}.card.reading .card-main,.card.reading .sheet-grip{display:none}.sheet-grip{z-index:3;touch-action:none;cursor:pointer;background:0 0;border:0;width:64px;height:18px;margin-left:-32px;padding:0;display:block;position:absolute;top:0;left:50%}.sheet-grip:before{content:"";background:var(--rule-2);border-radius:2px;height:4px;position:absolute;top:7px;left:14px;right:14px}.card-body{padding-top:16px}.card-body .info-hero{float:right;z-index:auto;background:0 0;border:0;width:38%;max-width:168px;height:118px;margin:-6px -8px 2px 8px;position:relative;top:auto}.card-body .hero-tag,.card-body .card-nav{display:none}.card-body .acts,.card-body details.sec{clear:both}.story-on .panel{transform:translateY(calc(100% + var(--tl-b,120px)));visibility:hidden}.card h2{font-size:var(--t-xl)}.caption{padding:8px 6px 10px 12px}.cap-t{font-size:var(--t-m)}}@media (max-width:720px),(max-height:560px){.card-main{overscroll-behavior:contain;overflow:auto}.card-body{flex:none;overflow:visible}.info-hero{--hh:92px;height:var(--hh);top:calc(40px - var(--hh));z-index:2;background:linear-gradient(var(--well), var(--well)), var(--panel-solid);position:sticky}.card-nav{top:auto;bottom:6px}}@media (min-width:721px) and (max-height:560px){.brand-k,.hud-tr{display:none}.tl-head{margin-top:4px}.tl-year{font-size:20px}.hud-tl{transition:opacity .3s}.dock-on:not(.story-on) .hud-tl,.dock-on .amb{opacity:0;pointer-events:none}.panel-l{max-height:calc(100% - 10px - var(--lb,44px));top:10px}.panel-l:has(>.card.top){height:calc(100% - 10px - var(--lb,44px));max-height:none;top:10px}.panel-l:has(>.card.top.reading){height:auto;max-height:none;top:56px;bottom:8px}.menu{max-height:calc(100dvh - 70px)}.menu.pv{height:calc(100dvh - 70px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}