:root{--background:#F8F5EF;--paper:#FFFDF8;--surface:#fff;--soft:#F1EEE7;--orange:#C45C36;--lake:#247982;--ink:#203540;--muted:#52636D;--border:#DEDCD5;--sage:#709783;--purple:#7F7299}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--background);color:var(--ink);font:16px/1.77 system-ui,-apple-system,'Microsoft YaHei','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lake)}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.24;letter-spacing:-.025em}h1{font-size:clamp(29px,3.2vw,45px)}h2{font-size:clamp(23px,2.1vw,29px)}h3{font-size:19px}p{color:var(--muted)}.container{max-width:1320px;margin:0 auto;padding:0 32px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--orange)}.site-header{background:var(--paper);position:relative;z-index:20;border-bottom:1px solid var(--border)}.topline{height:74px;display:flex;align-items:center;max-width:1320px;padding:0 32px;margin:auto;gap:36px;border-bottom:2px solid var(--lake)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:24px;letter-spacing:-.04em}.brand strong{line-height:1.1}.brand strong span{color:var(--orange)}.logo{width:95px;max-height:48px;object-fit:contain}.brand .image-missing{display:none}.main-nav{display:flex;gap:clamp(14px,2vw,31px);margin-left:auto;align-items:center}.main-nav a{font-size:14px;font-weight:650;white-space:nowrap}.main-nav a:hover,.topic-track a:hover,.footer-links a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:8px}.search-button{display:grid;place-items:center;font-size:26px;width:38px;height:38px}.menu-button{display:none;border:0;background:none;font-size:24px}.topic-track{max-width:1320px;margin:auto;padding:0 32px;display:flex;gap:34px;align-items:center;min-height:51px;overflow:auto;scrollbar-width:none;white-space:nowrap}.topic-track a{font-size:13px;color:#53646A}.topic-track::-webkit-scrollbar{display:none}.mobile-menu,.menu-overlay{display:none}.skip,.sr-only{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:100;padding:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 24px;background:var(--orange);border:1px solid var(--orange);color:white;border-radius:12px;font-size:14px;font-weight:750;transition:transform .2s,background .2s}.btn:hover{background:#9C4026;transform:translateY(-2px)}.btn.ghost{color:var(--ink);background:transparent;border-color:#b4aaa0}.btn.ghost:hover{background:var(--paper)}.hero{display:grid;grid-template-columns:1fr .97fr;min-height:420px;gap:0;margin-top:26px}.hero-copy{padding:48px clamp(20px,4vw,55px);background:#efe7db;border-radius:19px 0 0 19px;position:relative;overflow:hidden}.hero-copy h1{font-size:clamp(33px,3.6vw,50px);margin:17px 0 22px}.hero-copy em{font-style:normal;color:var(--orange)}.hero-copy p{max-width:520px}.hero-links{display:flex;flex-wrap:wrap;gap:11px;margin:25px 0}.hero-foot{display:block;color:#68767b;font-size:12px}.hero-art{position:relative;min-height:390px;border-radius:0 19px 19px 0;overflow:hidden;background:linear-gradient(140deg,#287c84,#193e49 70%);display:grid;place-items:center}.hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-art .image-missing{border:none;color:#d4e8e3;background:transparent;transform:rotate(-9deg)}.hero-number{position:absolute;z-index:2;left:25px;top:15px;color:white;font-size:32px;font-weight:800}.hero-number span{font-size:13px;opacity:.75}.hero-stamp{position:absolute;bottom:24px;right:24px;background:#fff7ea;color:#244650;padding:12px 20px;font-size:12px;line-height:1.5;transform:rotate(-5deg)}.section{padding-top:77px;padding-bottom:72px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:29px}.section-heading h2{margin:8px 0 0}.section-heading .heading-aside{max-width:370px;font-size:14px;margin:0}.text-link{color:var(--orange);font-weight:750;font-size:14px;white-space:nowrap}.text-link.light{color:#ffd3ac}.category-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.category-tile{background:white;padding:15px;border:1px solid var(--border);border-radius:16px;min-width:0;transition:transform .2s}.category-tile:nth-child(2),.category-tile:nth-child(7){background:#f1ece5}.category-tile:hover,.work-card:hover,.world-index-card:hover{transform:translateY(-4px)}.category-tile .category-art{height:115px;background:color-mix(in srgb,var(--tile),white 80%);overflow:hidden;border-radius:10px;display:grid;place-items:center}.category-art img{width:100%;height:100%;object-fit:cover}.category-tile:nth-child(3n) .category-art{height:135px}.category-tile span{font-size:12px;color:var(--tile);font-weight:700;display:block;margin-top:15px}.category-tile h3{margin:3px 0 6px}.category-tile small{color:var(--muted);font-size:12px}.image-missing{display:grid;place-items:center;min-height:100%;width:100%;background:linear-gradient(135deg,#e8dacf,#e2eded);color:#376b72;min-height:110px}.image-missing span{font-weight:850;letter-spacing:.15em;font-size:clamp(10px,1.6vw,20px);opacity:.7}.section-ink{background:#183843;color:#fff}.section-ink .eyebrow{color:#eeac84}.section-ink p{color:#c5d6d7}.world-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.world-feature{padding:29px;min-height:250px;background:#25505a;border:1px solid #52747a;border-radius:18px;display:flex;flex-direction:column}.world-feature:nth-child(2){background:#3b485c}.world-feature:nth-child(3){background:#355e5c}.world-feature>span,.world-feature b{font-size:12px;color:#bce2dc;letter-spacing:.09em}.world-feature h3{font-size:26px;margin:33px 0 10px}.world-feature b{margin-top:auto}.relation-list{border-top:1px solid var(--border)}.relation-row{display:grid;grid-template-columns:55px 240px 1fr 30px;gap:20px;align-items:center;padding:23px 10px;border-bottom:1px solid var(--border)}.relation-index{font-size:23px;color:var(--orange);font-weight:800}.relation-row small{color:var(--lake)}.relation-row h3{margin:4px 0}.relation-row p{margin:0;font-size:14px}.section-muted{background:#eee9e1}.film-strip{display:flex;gap:17px;overflow-x:auto;padding:5px 2px 25px;scroll-snap-type:x mandatory}.film-strip .work-card{flex:0 0 207px;scroll-snap-align:start}.work-card{background:#fff;border-radius:13px;border:1px solid var(--border);overflow:hidden;transition:transform .2s}.poster{height:230px;display:block;background:#e3e9e2;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.poster .image-missing{height:100%;background:linear-gradient(150deg,#dbebdf,#eadcd5)}.work-info{padding:16px}.work-info h3{margin:8px 0 10px}.work-info p{font-size:13px;line-height:1.6;min-height:42px}.work-info small{font-size:11px;color:#63717a}.clue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.clue{padding:28px;background:#fff;border:1px solid var(--border);border-left:4px solid var(--orange);border-radius:13px}.clue:nth-child(2){border-left-color:var(--lake)}.clue:nth-child(3){border-left-color:var(--purple)}.clue h3{margin:16px 0}.clue p{font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.clue b{color:var(--orange);font-size:12px}.double-feature{display:grid;grid-template-columns:1fr 1fr;gap:19px}.feature-panel{padding:36px;border-radius:20px}.feature-panel.purple{background:#eee9f3}.feature-panel.sage{background:#e2eee5}.feature-panel p{max-width:440px}.mini-link{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #aabcb4;font-weight:750}.mini-link span{color:var(--orange)}.animation-row{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.animation-row .work-card{display:flex}.animation-row .poster{flex:0 0 43%;height:auto;min-height:230px}.animation-row .work-info{align-self:center}.section-paper{background:#e7e3d9}.storyboard{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.story-steps div{min-height:115px;border-radius:10px;background:#fff;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.story-steps div:nth-child(2),.story-steps div:nth-child(5){background:#d7e7e5}.story-steps small{color:var(--orange)}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.editorial{background:white;border-top:4px solid var(--lake);border-radius:10px;padding:30px;min-height:225px;display:flex;flex-direction:column}.editorial:nth-child(2){border-top-color:var(--orange)}.editorial:nth-child(3){border-top-color:var(--purple)}.editorial small{color:var(--orange);font-weight:700}.editorial h3{margin:17px 0 10px}.editorial span{color:var(--orange);font-weight:700;margin-top:auto}.site-footer{background:#183843;color:white;padding:55px 0 16px}.site-footer p{font-size:13px;color:#b9d0d0}.footer-grid{display:flex;justify-content:space-between;gap:50px}.footer-brand{font-size:23px}.footer-brand span{font-size:11px;color:#9fcac5}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-size:14px}.copyright{font-size:12px;color:#9fb6b6;border-top:1px solid #31555f;padding-top:18px;margin-top:33px}.bottom-nav{display:none}.inner-hero{padding:64px 0 37px}.inner-hero h1{margin:13px 0}.inner-hero p{max-width:640px}.filter-track{display:flex;gap:8px;overflow-x:auto;padding-bottom:24px;scrollbar-width:thin}.filter-track a{padding:9px 17px;white-space:nowrap;background:white;border:1px solid var(--border);border-radius:25px;font-size:13px}.filter-track a.selected{background:var(--lake);border-color:var(--lake);color:white}.explore-layout{display:grid;grid-template-columns:250px 1fr;gap:39px;padding:18px 0 90px}.filter-panel{align-self:start;background:white;padding:22px;border:1px solid var(--border);border-radius:14px}.filter-panel h2{font-size:19px}.filter-panel label{display:block;font-size:12px;font-weight:750;margin:17px 0 6px}.filter-panel select{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff}.filter-panel .btn{width:100%;margin:22px 0 8px}.reset-filter{display:block;text-align:center;font-size:13px}.aside-tip{font-size:12px;border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.listing-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.listing-top h2{margin:8px 0 0}.listing-top>span{font-size:12px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.work-grid .poster{height:270px}.pager{display:flex;gap:8px;justify-content:center;margin:35px auto}.pager a{border:1px solid var(--border);border-radius:8px;background:white;padding:6px 15px}.pager a[aria-current]{background:var(--lake);color:white}.empty-state{padding:45px;background:#fff;border:1px dashed var(--border);border-radius:12px}.breadcrumbs{font-size:13px;color:#67777b;padding:28px 0}.breadcrumbs a{color:var(--lake)}.screen-header{display:grid;grid-template-columns:290px 1fr;gap:50px;padding:0 0 55px;border-bottom:1px solid var(--border)}.screen-poster{aspect-ratio:2/3;border-radius:17px;overflow:hidden;background:#e6ebe6}.screen-poster img{width:100%;height:100%;object-fit:cover}.screen-overview h1{margin:13px 0 18px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.tags span{font-size:12px;border:1px solid var(--border);padding:5px 10px;border-radius:20px}.screen-overview h2{font-size:22px}.screen-overview>p{line-height:1.85}.fact-line{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--border);margin-top:29px;padding-top:17px}.fact-line span{font-size:12px;color:var(--muted)}.fact-line b{display:block;color:var(--ink);font-size:13px}.detail-layout{display:grid;grid-template-columns:205px 1fr;gap:50px;padding:40px 0 90px}.chapter-sidebar .sticky{position:sticky;top:20px;display:flex;flex-direction:column;gap:15px}.chapter-sidebar strong{margin-bottom:10px}.chapter-sidebar a{font-size:13px;color:var(--muted)}.chapter-sidebar a:hover{color:var(--orange)}.detail-section{margin:0 0 66px}.detail-section>h2{margin:10px 0 24px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.character-grid>div{background:#e7efed;padding:25px;border-radius:12px}.character-grid small{color:var(--lake)}.character-grid h3{margin:16px 0 0;font-size:16px}.rule-banner{padding:24px;background:#e9e5f1;border-left:4px solid var(--purple);border-radius:10px;margin:28px 0}.rule-banner span{display:block;font-size:12px;color:var(--purple)}.rule-banner strong{display:block;font-size:19px}.episode-list{border-top:1px solid var(--border)}.episode{display:grid;grid-template-columns:205px 1fr;gap:18px;padding:25px 12px;border-bottom:1px solid var(--border)}.episode>div>span{font-size:12px;color:var(--orange);font-weight:800}.episode h3{font-size:16px;margin:8px 0}.episode p{margin:0;font-size:14px}.episode a{grid-column:2;font-size:12px;color:var(--lake);font-weight:750}.episode.current{background:#eff3ee}.video-wrap{aspect-ratio:16/9;max-width:860px;background:#142733;border-radius:14px;overflow:hidden}.video-wrap video{width:100%;height:100%}.no-video{padding:48px;background:#e7eeed;border:1px dashed #9bbab5;border-radius:15px;text-align:center}.no-video strong{font-size:19px}.no-video p{margin:12px auto 0;max-width:500px}.highlight-list{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.highlight-list>div{padding:17px;background:#fff;border:1px solid var(--border);border-radius:10px}.highlight-list small{color:var(--orange)}.highlight-list p{font-size:13px;margin:10px 0 0}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:23px}.related-grid .work-card{display:flex}.related-grid .poster{height:auto;min-height:180px;flex:0 0 36%}.related-grid .work-info{align-self:center}.related-grid .work-info p{min-height:auto}.worlds-heading{background:#dce9e7;margin-top:29px;padding:58px;border-radius:18px}.worlds-heading h1{margin:14px 0}.worlds-heading p{max-width:580px}.world-index{display:grid;grid-template-columns:repeat(2,1fr);gap:19px;margin:35px 0 88px}.world-index-card{padding:31px;border-radius:14px;background:white;border:1px solid var(--border);transition:transform .2s;display:flex;flex-direction:column;gap:12px}.world-index-card:nth-child(4n+2){background:#eee8ef}.world-index-card:nth-child(4n+3){background:#edf0e5}.world-index-card h2{margin:6px 0}.world-index-card p{font-size:14px}.world-index-card b{color:var(--lake);font-size:13px;margin-top:auto}.world-titles{display:flex;flex-wrap:wrap;gap:8px}.world-titles span{font-size:11px;border:1px solid #bcc7c4;padding:3px 8px;border-radius:14px}.world-detail{display:grid;grid-template-columns:1.6fr .75fr;gap:35px;margin:20px 0 0}.world-intro{background:white;border-radius:15px;padding:38px}.world-intro h2{font-size:22px;margin-top:25px}.world-artifact{background:#203f48;color:white;padding:37px;border-radius:16px;align-self:start;min-height:280px}.world-artifact h3{font-size:28px;margin:40px 0 15px}.world-artifact p{color:#c8d7da;font-size:14px}.rule-grid,.world-route{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.rule-grid>div,.world-route>a{padding:25px;background:#fff;border-radius:12px;border-top:4px solid var(--lake)}.rule-grid small,.world-route span{color:var(--orange);font-size:12px}.world-route p{font-size:14px}.world-route strong{color:var(--lake);font-size:12px}.craft-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;background:#e6e2da;padding:49px;margin-top:29px;border-radius:17px}.craft-hero p{max-width:630px}.craft-mark{font-size:91px;font-weight:850;color:var(--orange);line-height:1}.craft-mark span{display:block;font-size:12px;color:var(--muted);letter-spacing:.15em}.craft-layout{display:grid;grid-template-columns:230px 1fr;gap:49px;padding:50px 0 100px}.craft-index{position:sticky;top:20px;align-self:start;display:flex;flex-direction:column;gap:6px}.craft-index strong{font-size:15px;margin-bottom:12px}.craft-index a{display:flex;gap:13px;padding:11px;border-bottom:1px solid var(--border);font-size:13px}.craft-index small{color:var(--orange)}.craft-unit{margin:0 0 25px;background:white;border:1px solid var(--border);border-radius:13px;overflow:hidden}.craft-unit-header{background:#e1ebea;padding:28px 32px}.craft-unit:nth-child(even) .craft-unit-header{background:#f0e8dc}.craft-unit-header span{font-size:12px;color:var(--lake)}.craft-unit-header h2{margin:8px 0}.craft-unit-header h3{color:var(--muted);font-size:15px;margin:0}.craft-paragraphs{padding:30px 33px}.craft-paragraphs p{font-size:15px;line-height:1.9;margin-bottom:21px}.search-page{padding-bottom:95px}.search-head{padding:85px 0 42px;max-width:830px}.search-head form{display:flex;gap:8px;margin:30px 0}.search-head input{flex:1;min-width:0;padding:12px 18px;border:1px solid var(--border);border-radius:10px;background:#fff}.search-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:200px}.search-suggestions h2{flex:0 0 100%;font-size:19px}.search-suggestions a{padding:9px 19px;border:1px solid var(--border);border-radius:22px;background:white}.about-page{padding-bottom:95px}.about-layout{display:grid;grid-template-columns:270px 1fr;gap:60px;border-top:1px solid var(--border);padding-top:45px}.about-label{background:#e2ebe7;padding:35px;align-self:start}.about-label span{display:block;color:var(--lake);font-size:12px}.about-label strong{font-size:27px;line-height:1.4;display:block;margin-top:24px}.about-copy{max-width:800px}.about-copy section{padding:18px 0 25px;border-bottom:1px solid var(--border)}.about-copy h2{font-size:23px}.error-page{padding-top:110px;padding-bottom:150px}
@media(max-width:1050px){.main-nav{gap:13px}.main-nav a{font-size:12px}.topline{gap:12px}.brand{font-size:20px}.container{padding:0 25px}.category-mosaic{grid-template-columns:repeat(4,1fr)}.animation-row .work-card{display:block}.animation-row .poster{height:240px}.screen-header{gap:25px}.work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{font-size:15px}.container{padding:0 17px}.topline{height:65px;padding:0 17px}.main-nav{display:none}.menu-button{display:block}.header-actions{margin-left:auto}.topic-track{padding:0 17px;gap:24px;min-height:47px}.mobile-menu:not([hidden]){display:flex;position:absolute;top:65px;right:0;left:0;background:white;padding:19px 24px;flex-direction:column;gap:13px;z-index:21;box-shadow:0 15px 30px #14273326}.menu-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#111a2280;z-index:19}.menu-open{overflow:hidden}.hero{grid-template-columns:1fr;margin-top:16px}.hero-copy{border-radius:16px 16px 0 0;padding:33px 25px}.hero-art{min-height:230px;border-radius:0 0 16px 16px}.hero-copy h1{font-size:34px}.hero-number{font-size:20px}.section{padding-top:52px;padding-bottom:47px}.section-heading{align-items:start}.section-heading .heading-aside{display:none}.category-mosaic{grid-template-columns:repeat(2,1fr);gap:10px}.category-tile{padding:11px}.category-tile .category-art,.category-tile:nth-child(3n) .category-art{height:95px}.category-tile h3{font-size:17px}.category-tile small{font-size:11px}.world-feature-grid,.clue-grid,.editorial-grid{grid-template-columns:1fr}.world-feature{min-height:215px}.relation-row{grid-template-columns:34px 1fr 25px;gap:10px}.relation-row p{grid-column:2;grid-row:2}.relation-row strong{grid-column:3;grid-row:1}.double-feature{grid-template-columns:1fr}.animation-row{grid-template-columns:1fr}.animation-row .work-card{display:flex}.animation-row .poster{min-height:210px;height:auto;flex:0 0 42%}.storyboard{grid-template-columns:1fr;gap:25px}.story-steps{grid-template-columns:repeat(2,1fr)}.footer-grid{display:block}.footer-links{margin-top:25px}.site-footer{padding-bottom:85px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--border);height:63px;z-index:18;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{font-size:13px;font-weight:700;min-width:44px;text-align:center}.explore-layout,.detail-layout,.craft-layout,.about-layout{grid-template-columns:1fr;gap:24px}.filter-panel{position:static}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-grid .poster{height:205px}.work-info{padding:12px}.work-info h3{font-size:16px}.work-info p{font-size:12px}.work-info .eyebrow{font-size:10px}.screen-header{grid-template-columns:125px 1fr;gap:17px;align-items:start}.screen-overview h1{font-size:27px}.screen-overview h2{font-size:19px}.screen-overview>p{grid-column:1/-1}.fact-line{gap:12px}.chapter-sidebar{display:none}.character-grid{grid-template-columns:1fr}.episode{grid-template-columns:1fr;gap:4px}.episode a{grid-column:1}.highlight-list{grid-template-columns:1fr}.world-index{grid-template-columns:1fr}.worlds-heading{padding:31px 24px}.world-detail{grid-template-columns:1fr}.world-intro{padding:25px}.rule-grid,.world-route{grid-template-columns:1fr}.craft-hero{padding:29px;align-items:end}.craft-mark{font-size:52px}.craft-mark span{font-size:9px}.craft-index{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.craft-index strong{grid-column:1/-1}.craft-paragraphs{padding:22px}.search-head{padding:50px 0 25px}.search-head form{flex-direction:column}.about-label{display:none}}
@media(max-width:375px){.screen-header{grid-template-columns:1fr}.screen-poster{width:170px}.hero-links .btn{width:100%}.work-grid .poster{height:170px}.category-tile .category-art{height:75px}.brand{font-size:19px}.story-steps{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}