/* Perfect World Atlas. Ink, antique gold and jade; typography is intentionally generous. */
:root{--bg:#0d171b;--panel:#142226;--panel-2:#1a2b2f;--head:#101d21;--line:#304044;--text:#eeeae1;--muted:#b0bebd;--accent:#e1c38b;--accent-2:#ebc77e;--jade:#98cfbf;--radius:8px;--mono:Consolas,monospace;color-scheme:dark;--display:'Cormorant Garamond',Georgia,serif;--body:'PT Sans','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%;scrollbar-color:#6e7e79 #101c20;scrollbar-width:auto}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.55 var(--body);-webkit-font-smoothing:antialiased}::selection{background:#e1c38b;color:#102026}a{color:var(--accent);text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline}button,a,input,select,summary{touch-action:manipulation}a,button,input,select,summary{transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--jade);outline-offset:4px}button,select,summary{cursor:pointer}img,svg{max-width:100%}.ui-icon{display:inline-block;width:24px;height:24px;flex:none;vertical-align:middle;fill:currentColor}h1,h2,h3,p{overflow-wrap:break-word}h1,h2{font-family:var(--display);font-weight:600;line-height:1.12;text-wrap:balance}h1{font-size:42px;margin:4px 0 28px;color:#f3e6ca}h2{font-size:32px;margin:0 0 20px}h3{font-size:21px;line-height:1.4;margin:0 0 10px}p{margin:0 0 20px}small{font-size:16px}main>*{min-width:0}main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:12px 20px;background:var(--accent);color:#102026;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
/* Shared shell */
.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100dvh}.side{position:sticky;top:0;height:100dvh;overflow-y:auto;background:linear-gradient(180deg,#142328,#101b1e 70%);border-right:1px solid #455047;padding:32px 20px 24px;z-index:30;display:flex;flex-direction:column}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:12px;color:#ead3a4;min-width:0}.brand:hover{text-decoration:none;color:#ffdda0}.brand-mark{width:40px;height:52px;display:grid;place-items:center;color:var(--accent)}.brand-mark .ui-icon{width:40px;height:40px}.brand strong{display:block;font-family:var(--display);font-size:28px;line-height:1.2;font-weight:700;white-space:nowrap}.brand small{display:block;font-size:15px;color:#b5c2bd;margin-top:5px;white-space:nowrap}.side-menu{display:flex;flex:1;flex-direction:column}.nav-caption{margin:44px 12px 14px;color:#a8b6b4;text-transform:uppercase;letter-spacing:.13em;font-size:15px}.sidenav{display:flex;flex-direction:column;gap:7px}.sidenav a{display:flex;align-items:center;gap:13px;padding:13px 14px;min-height:52px;border:1px solid transparent;border-radius:5px;color:#c3cfca;font-size:18px}.sidenav a>.ui-icon:first-child{color:#9cafa6;width:22px;height:22px}.sidenav a>.ui-icon:last-child{width:16px;height:16px;margin-inline-start:auto;opacity:0}.sidenav a:hover{background:#203034;color:#f5dfb3;text-decoration:none}.sidenav a.on{border-color:#847248;background:linear-gradient(100deg,#3a3829,#252e28);color:#efd19b}.sidenav a.on>.ui-icon{color:#ebc77e}.sidenav a.on>.ui-icon:last-child{opacity:1}.side-bottom{margin-top:auto;padding-top:48px}.edition-note{display:flex;align-items:center;gap:14px;border-top:1px solid #39453f;padding:24px 10px;color:#adbbb4;font-size:16px;line-height:1.5}.edition-note>.ui-icon{width:28px;height:28px;color:#bfab7a}.edition-note strong{color:#d4ddcf;font-weight:400}.dsel{display:flex;flex-direction:column;gap:9px}.dsel label{font-size:16px;color:var(--muted)}select,input[type=search],input[type=text],input[type=number]{background:#101b20;color:var(--text);border:1px solid #4a5b59;border-radius:5px;padding:11px 13px;font:inherit;min-height:46px;min-width:0;max-width:100%}select{width:100%;text-overflow:ellipsis}.dsel select{font-size:16px}.menu-toggle{display:none}.content{display:flex;flex-direction:column;min-width:0}.top{position:sticky;top:0;z-index:20;background:#101c20f5;border-bottom:1px solid #35413c;min-height:82px;padding:16px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;backdrop-filter:blur(12px)}.top-crumb{display:flex;align-items:center;gap:14px;font-size:16px;min-width:0;flex-wrap:wrap}.top-crumb a{color:#aebcb9}.top-crumb>span:first-of-type{color:#5c706b}.top-crumb>span:last-child{color:#e4d5b4}.version-badge{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--jade);padding:7px 12px;border:1px solid #375b50;background:#162b26;border-radius:4px}.version-badge .ui-icon{width:18px;height:18px}.search{display:flex;align-items:center;gap:12px;max-width:440px;width:48%;padding:0 4px 0 14px;border:1px solid #42514e;border-radius:5px;background:#0c171b}.search>.ui-icon{color:var(--muted);width:21px;height:21px}.search input[type=search]{background:transparent;border:none;padding-inline:0;width:100%;font-size:17px;min-height:44px}.search button{background:transparent;color:var(--accent);padding:10px;min-width:44px}.search button:hover{background:#2a382f}.search input:focus-visible{outline-offset:-2px}main{padding:32px 36px 56px;max-width:1576px;width:100%;margin-inline:auto;flex:1}footer{margin-top:24px;border-top:1px solid #34423e;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:16px;flex-wrap:wrap}.footer-brand{display:flex;gap:12px;align-items:center;color:#d6c7a8}.footer-brand>.ui-icon{color:var(--accent);width:26px;height:26px}.to-top{display:flex;align-items:center;gap:8px;min-height:44px}.to-top>.ui-icon{width:18px;height:18px}
/* Homepage */
.hero{position:relative;isolation:isolate;border:1px solid #6c634a;min-height:500px;padding:44px 40px 34px;border-radius:8px 8px 0 0;background:#142226;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url(world-city.jpg) 74% 50%/cover no-repeat}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102024 0%,#102024f7 19%,#102024c4 43%,#10202435 74%,#1020240a),linear-gradient(0deg,#112023 0%,transparent 45%)}.hero-copy{max-width:650px;width:65%}.eyebrow{font-size:15px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);line-height:1.5;margin:0 0 15px;font-weight:700}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--accent);transform:rotate(45deg);margin:0 12px 2px 0}.hero h1{font-size:clamp(48px,4.7vw,76px);line-height:.99;letter-spacing:-.025em;margin:22px 0 20px;color:#faf3e1}.hero h1 em{font-style:normal;color:#efcc8c}.hero-intro{max-width:460px;font-size:19px;line-height:1.6;color:#d0d9cf;margin-bottom:27px;text-wrap:pretty}.bigsearch{max-width:610px}.bigsearch label{display:block;margin-bottom:10px;font-size:17px;color:#e4e5d8}.search-box{display:flex;align-items:center;gap:12px;background:#0b161be8;border:1px solid #938264;padding:7px;border-radius:5px;box-shadow:0 5px 24px #0003}.search-box>.ui-icon{color:var(--accent);margin-inline-start:10px;width:22px;height:22px}.search-box input[type=search]{background:transparent;border:none;width:100%;padding:6px 0;min-height:44px;font-size:17px}.search-box button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding-inline:20px;white-space:nowrap}.search-box button>.ui-icon{width:18px;height:18px}button{background:#dfbd7d;color:#182025;border:1px solid #ead29b;border-radius:4px;padding:10px 20px;font:700 18px/1.4 var(--body);min-height:46px}button:hover{background:#f0d39b;border-color:#f6e2b5}input::placeholder{color:#a0b1ac;opacity:1}.search-examples{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:16px}.search-examples>span{color:#a9b9b1}.search-examples a{color:#d7c9ac;text-decoration:underline;text-decoration-color:#6e7769;text-decoration-style:dotted}.search-examples a:hover{color:#ffe0a3}.hero-art-label{position:absolute;bottom:25px;right:28px;display:flex;align-items:center;gap:9px;color:#e2dccd;font-size:15px}.hero-art-label>.ui-icon{width:18px;height:18px}.archive-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #625e47;border-top:none;border-radius:0 0 8px 8px;background:#172628;padding:22px 8px}.archive-stat{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 18px}.archive-stat+.archive-stat{border-inline-start:1px solid #40504a}.archive-stat>.ui-icon{width:30px;height:30px;color:#bda67c}.archive-stat strong{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;color:#eee4cd;display:block}.archive-stat span{font-size:16px;color:#b6c3ba;display:block;margin-top:5px}.catalogue,.world-section{margin-top:46px;scroll-margin-top:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading .eyebrow{font-size:14px;color:#a6bdb2;margin-bottom:8px}.section-heading h2{font-size:38px;margin:0;color:#f0e5cc}.section-note{font-size:16px;color:#adbbb4;margin-bottom:4px}.groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-card{position:relative;display:flex;flex-direction:column;padding:24px;background:linear-gradient(135deg,#1b2b2d,#152226);border:1px solid #3c4c47;border-radius:6px;min-width:0;color:var(--text);overflow:hidden}.category-card::after{content:'';width:16px;height:16px;position:absolute;top:7px;right:7px;border-top:1px solid #6c7057;border-right:1px solid #6c7057;opacity:.7}.category-card:hover{border-color:#b69c65;background:#20332f;text-decoration:none;box-shadow:0 8px 24px #0002}.category-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.category-icon{width:42px;height:42px;color:#e5c48b;background:#2b352d;border:1px solid #6b674c;display:grid;place-items:center;border-radius:6px}.category-icon .ui-icon{width:26px;height:26px}.category-count{font-size:17px;color:#bac6bb;font-variant-numeric:tabular-nums}.category-card h3{font-family:var(--display);font-weight:700;color:#f1e0bd;font-size:27px;margin:0 0 6px;line-height:1.15}.category-card p{font-size:16px;line-height:1.5;color:#b0c1b8;margin:0 0 22px}.category-link{display:flex;align-items:center;gap:10px;color:#d3bc8c;font-size:16px;margin-top:auto;padding-right:34px}.category-link>.ui-icon{width:17px;height:17px}.category-art{position:absolute;bottom:20px;right:21px;width:32px;height:32px;border:1px solid #8b7a50;background:#071113;border-radius:4px;box-shadow:0 2px 10px #0006;image-rendering:pixelated}.world-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.world-card{padding:32px;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:90px;min-height:410px;color:var(--text);border:1px solid #556152;border-radius:6px;background:linear-gradient(0deg,#0d1b20f5 3%,#0d1b2030),url(world-forest.jpg) 50%/cover}.world-card:hover{text-decoration:none;border-color:var(--accent)}.world-card h3{font-family:var(--display);font-size:36px;color:#f0dec0;margin:0 0 10px}.world-card p{font-size:18px;color:#d0d9cd;line-height:1.6}.world-card-icon{color:#e7cb94}.world-card-icon>.ui-icon{width:40px;height:40px}.text-link{display:flex;gap:16px;align-items:center;color:var(--accent);font-size:18px}.world-links{border-top:1px solid var(--line)}.world-links a{display:flex;align-items:center;gap:20px;padding:20px 10px;border-bottom:1px solid var(--line);color:#e0ded2}.world-links a:hover{text-decoration:none;background:#172a28}.world-link-icon{background:#21332d;color:#d9bd83;width:48px;height:48px;display:grid;place-items:center;flex:none;border:1px solid #47564b;border-radius:5px}.world-links strong{display:block;font-size:20px;font-weight:700}.world-links small{display:block;color:#aebfb4;margin-top:3px}.world-links a>.ui-icon{margin-inline-start:auto;width:20px;height:20px;color:var(--accent)}
/* Browsing, forms, pagination */
.note,.path,.where,.alt,.npcs{color:var(--muted);font-size:16px;line-height:1.65}.note{max-width:85ch}.n{font-family:var(--body);font-size:16px;font-weight:400;color:var(--muted);margin-inline-start:8px}.browse{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.tree{border:1px solid #485348;background:var(--panel);padding:14px;border-radius:6px;font-size:17px;min-width:0}.tree a{display:block;min-height:44px;padding:9px 10px;border-radius:4px;color:#d0d9cc;overflow-wrap:anywhere}.tree a:hover{background:#20332f;text-decoration:none}.tree a.on{background:#333b2c;color:#f3d597}.tree details{margin-top:6px}.tree summary{display:flex;align-items:center;gap:4px;list-style:none}.tree summary::before{content:'›';color:#c4b17c;flex:none}.tree details[open]>summary::before{transform:rotate(90deg)}.tree summary a{flex:1;font-weight:700;min-width:0}.tree .n{font-size:15px;margin:0}.tree .maj{margin-inline-start:12px;border-inline-start:1px solid #405148;padding-inline-start:8px}.tree .sub{margin-inline-start:8px;color:#afc1b6;font-size:16px}.list,.panel{min-width:0}.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:6px;margin:16px 0 24px}.filters input[type=search]{flex:1 1 240px;max-width:420px}.filters select{width:auto;max-width:100%;flex:0 1 auto}.filters label{display:flex;align-items:center;gap:9px;min-height:44px;font-size:17px;line-height:1.5}.filters input[type=checkbox]{accent-color:var(--accent);width:19px;height:19px;flex:none}.pager{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.pager>a,.pager>span:not(.pinfo){display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #3b5048;border-radius:4px;font-size:23px;padding:4px 12px}.pager>a{background:#20312d}.pager>a:hover{background:#3a412d;text-decoration:none;border-color:var(--accent)}.pager>span:not(.pinfo){color:#6c8076;background:#132321}.pager>.pinfo{color:var(--muted);font-size:16px;margin-inline-start:10px}
/* Tables keep their semantics and scroll inside a labelled region at narrow widths. */
.table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #435148;border-radius:6px;scrollbar-color:#9a9578 #172825;scrollbar-width:auto;background:var(--panel)}.table-scroll::-webkit-scrollbar{height:12px}.table-scroll::-webkit-scrollbar-thumb{background:#8d9479;border:3px solid #172825;border-radius:6px}.table-scroll::-webkit-scrollbar-track{background:#172825}.table-hint{color:#d8c59b;font-size:16px;margin:10px 0;display:flex;align-items:center;gap:8px}.table-hint[hidden]{display:none}.grid{width:100%;min-width:680px;border-collapse:collapse;font-size:18px;line-height:1.5;background:var(--panel)}.grid th,.grid td{padding:15px 17px;text-align:left;border-bottom:1px solid #30453f;vertical-align:middle;overflow-wrap:break-word}.grid thead th{font-size:16px;line-height:1.5;font-weight:700;color:#d4d5be;background:#23342f;white-space:nowrap;padding-top:17px;padding-bottom:17px}.grid tbody tr:nth-child(even){background:#18292b}.grid tbody tr:hover{background:#263a33}.grid tbody tr:last-child td{border-bottom:none}.grid td:first-child{min-width:245px;max-width:470px;width:38%}.grid td.type{min-width:140px;max-width:290px;color:#b5c6bb;font-size:16px}.grid .num{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.grid .num a{white-space:normal}.grid.compact{font-size:18px}.grid.compact th,.grid.compact td{padding:13px 16px}.fields{border-collapse:collapse;width:100%;min-width:570px;font-size:16px;line-height:1.7}.fields th{font-family:var(--mono);color:var(--muted);font-weight:400;width:45%;text-align:left;vertical-align:top;overflow-wrap:anywhere}.fields th,.fields td{padding:11px 16px;border-bottom:1px solid var(--line)}.fields td{overflow-wrap:anywhere}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:6px;margin:24px 0;overflow-wrap:anywhere}.panel>.table-scroll{border-color:#3c5046}.panel h2{margin-bottom:20px}.panel h3{font-size:20px;color:#d9c79e;margin:24px 0 12px}.panel p:last-child{margin-bottom:0}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:0 24px;align-items:start}.cols>*{min-width:0}.kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px 24px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.kv dt,.kv dd{padding-block:5px;border-bottom:1px solid #2c413c}
/* Items, descriptions, rewards */
a.item{display:inline-flex;align-items:center;gap:13px;vertical-align:middle;max-width:100%;min-height:40px;line-height:1.5}a.item img{width:36px;height:36px;border-radius:4px;border:1px solid #69664e;background:#080d13;flex:none;image-rendering:pixelated}a.item span{min-width:0;overflow-wrap:anywhere}.amt{color:var(--muted);font-variant-numeric:tabular-nums}.c0,.c5{color:#f2f0e8}.c1{color:#a7b0ff}.c2{color:#ffe077}.c3{color:#d39bff}.c4{color:#ffa363}.c6{color:#c0c5be}.c7{color:#70e1b4}.c8{color:#9ce98e}.c9{color:#ff8f8b}.c10{color:#94e9e7}.missing{color:var(--muted);font-family:var(--mono);overflow-wrap:anywhere}.itemhead{margin:4px 0 28px}.tip{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px 24px;background:linear-gradient(130deg,#1e2d2e,#101c22);border:1px solid #8a7955;border-radius:7px;padding:32px;max-width:1140px;box-shadow:0 14px 36px #0003}.tip>*{min-width:0}.tip .bigicon{width:72px;height:72px;border:1px solid #b49d65;border-radius:5px;image-rendering:pixelated;background:#081118}.tip h1{margin:0 0 10px;font-size:40px}.tip .path{font-size:17px}.tip dl{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px 24px;margin:8px 0 0}.tip dt{color:var(--muted)}.tip dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tip dt,.tip dd{padding-block:7px;border-bottom:1px solid #30423d}.tip dl.stats{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr)}.tip .desc{grid-column:1/-1;border-top:1px solid #4d5747;padding-top:22px;margin-top:5px;line-height:1.7;font-size:18px;max-width:75ch;overflow-wrap:anywhere}.tip .mobicon{display:grid;place-items:center;width:72px;height:72px;border-radius:6px;color:#e9ae8b;background:#3a2923;border:1px solid #986c4e}.tip .mobicon .ui-icon{width:42px;height:42px}.tip .mobicon.npc{background:#193b35;color:#d6d7a6;border-color:#6b8d76}.tip h1.npcname{color:#ead694}.recipe{padding:20px 0;border-top:1px solid var(--line)}.recipe:first-of-type{border-top:0}.mats{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}.mat{display:inline-flex;align-items:center;gap:8px;background:#20332f;border:1px solid #3b5149;border-radius:5px;padding:8px 12px;max-width:100%;flex-wrap:wrap}.fee,.chance{color:var(--accent-2);font-size:17px}.chance{margin-inline-start:8px;font-variant-numeric:tabular-nums}.npcs{margin-top:12px}ul.plain{margin:0;padding-inline-start:24px}li{margin-block:5px}details>summary{cursor:pointer;list-style:none;min-height:44px}details>summary::-webkit-details-marker{display:none}.panel>details>summary h2{display:inline-block;margin-bottom:8px}.panel>details>summary h2::before{content:'＋';font:24px var(--body);margin-inline-end:12px;color:var(--accent)}.panel>details[open]>summary h2::before{content:'−'}.addon{color:#acb8ff;margin-inline-start:8px}.pool{margin:16px 0}.poolhead{display:block;color:var(--muted);font-size:17px;margin-bottom:10px}ol.subs{padding-inline-start:28px;margin:0;columns:2 320px}.text .desc,.dialog .desc{white-space:normal;max-width:75ch;line-height:1.75}.dialog{border-inline-start:2px solid #7b7951;padding:8px 0 8px 20px;margin:16px 0}.opts{margin:12px 0 0;padding-inline-start:24px;color:var(--accent)}a.quest{color:#ecd39c}.aggr{color:#ffa28d;font-size:17px}ul.cols3{columns:3 240px}.npclist{display:flex;flex-wrap:wrap;gap:12px 0}.npcw{display:inline-block;margin-inline-end:16px}.tabs{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.tabs a{padding:10px 18px;min-height:46px;border-radius:4px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.tabs a.on{color:var(--accent);border-color:#a48d60;background:#303729}.loc,.loc.big{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:start;margin:20px 0}.loc+.loc{border-top:1px solid var(--line);padding-top:24px}.loc-list{min-width:0}.loc-list h3{margin-top:0}.minimap{width:100%;height:auto;max-height:600px;border:1px solid var(--line);border-radius:6px;background:#0a171c}.mm-bg{fill:#0c1b21}.mm-grid{stroke:#36453e;stroke-width:.6;vector-effect:non-scaling-stroke}.mm-pt{fill:#f0cf7d;stroke:#152019;stroke-width:1;vector-effect:non-scaling-stroke}.mm-pt.hl{fill:#90cbbc;stroke:#90cbbc}
/* Content-driven reductions: tables retain readable text and get their own scrollbar. */
@media(min-width:1900px){.hero{min-height:540px}.hero h1{font-size:80px}.hero-copy{max-width:720px}.hero-intro{max-width:560px}.groups{gap:20px}.category-card{padding:28px}}
@media(max-width:1320px){.shell{grid-template-columns:240px minmax(0,1fr)}.side{padding-inline:14px}.brand strong{font-size:25px}.brand small{font-size:14px}.brand-mark,.brand-mark .ui-icon{width:34px}.brand{gap:9px}.top{padding-inline:28px}main{padding-inline:28px}.hero{padding:36px 30px;min-height:490px}.hero-copy{width:76%}.hero h1{font-size:64px}.hero-art-label{display:none}.groups{grid-template-columns:repeat(3,minmax(0,1fr))}.browse{grid-template-columns:215px minmax(0,1fr);gap:20px}.tip dl.stats{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.archive-stat{gap:12px;padding-inline:12px}.archive-stat>.ui-icon{width:25px}.archive-stat strong{font-size:26px}}
@media(max-width:1080px){.shell{grid-template-columns:218px minmax(0,1fr)}.side{padding-inline:12px}.brand-mark{display:none}.brand{padding-inline:8px}.sidenav a{gap:10px;padding-inline:10px;font-size:17px}.top,footer{padding-inline:24px}main{padding:26px 24px 48px}.top-crumb{gap:10px}.top-crumb>span:first-of-type,.top-crumb>a{display:none}.hero{padding:32px 26px}.hero-copy{width:94%}.hero h1{font-size:60px}.hero::after{background:linear-gradient(90deg,#102024f5,#102024cc 48%,#10202450),linear-gradient(0deg,#102024,transparent 80%)}.groups{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.archive-stat{justify-content:flex-start;padding-inline:26px}.archive-stat:nth-child(3){border-inline-start:none}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.browse{grid-template-columns:minmax(0,1fr)}.tree{position:static}.tree details:not([open]){display:inline-block;margin:4px}.tree>details>summary{min-height:42px}.tree>details>summary a{min-height:42px;padding:8px}.tree>details[open]{display:block}.tree>a{border-bottom:1px solid var(--line)}.world-grid{grid-template-columns:1fr}.world-card{min-height:360px;gap:70px;background-position:50% 60%}.tip{padding:26px}.search{width:65%}}
@media(max-width:780px){html{scroll-padding-top:25px}.shell{display:block}.side{position:relative;height:auto;padding:18px 20px;overflow:visible;border-right:none;border-bottom:1px solid #5c5b46}.brand{padding:0;gap:12px}.brand-mark{display:grid}.brand strong{font-size:28px}.brand small{font-size:15px}.side-menu{padding-top:20px}.nav-caption{margin:10px 10px 14px}.sidenav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidenav a{font-size:17px}.side-bottom{padding-top:12px}.edition-note{display:none}.dsel{margin-top:16px}.dsel select{font-size:17px}.menu-toggle{display:grid;place-items:center;padding:9px;width:46px;height:46px;background:transparent;border-color:#84734f;color:var(--accent)}.menu-toggle:hover{background:#303a2c}.js .side-menu{display:none}.js .side-menu.is-open{display:flex}.top{position:relative;min-height:70px;padding:14px 20px;gap:16px}.top-crumb>a,.top-crumb>span:first-of-type{display:block}.page-home .top-crumb{display:none}.page-home .top{justify-content:flex-start;min-height:60px}.version-badge{font-size:16px}.search{width:100%;max-width:none}.top:has(.search){flex-wrap:wrap;gap:12px}.top:has(.search) .top-crumb{width:100%}main{padding:20px 20px 40px}.hero{padding:30px 24px;min-height:500px}.hero-copy{width:100%;max-width:600px}.hero::before{background-position:65% 50%;opacity:.8}.hero::after{background:linear-gradient(90deg,#102024e0,#10202499),linear-gradient(0deg,#102024,transparent 80%)}.hero h1{font-size:60px}.hero-intro{font-size:19px}.hero .eyebrow{font-size:14px;letter-spacing:.1em}.hero-art-label{display:none}.archive-stats{padding:22px 0;gap:24px 0}.archive-stat{padding-inline:22px;gap:12px}.archive-stat strong{font-size:27px}.archive-stat span{font-size:16px}.section-heading h2{font-size:36px}.catalogue,.world-section{margin-top:36px;scroll-margin-top:24px}.category-card{padding:22px}.category-card h3{font-size:27px}.world-card{padding:28px}.tip h1{font-size:36px}.tip{padding:24px;grid-template-columns:60px minmax(0,1fr);gap:20px}.tip .bigicon,.tip .mobicon{width:60px;height:60px}.panel{padding:22px;margin-block:20px}.kv{gap:12px 16px}.loc,.loc.big{grid-template-columns:1fr}.fields{min-width:530px}footer{padding:24px 20px}.footer-brand{width:100%}}
@media(max-width:480px){h1{font-size:36px;line-height:1.15}h2{font-size:29px}main{padding-inline:16px}.hero{padding:28px 20px}.hero h1{font-size:52px;line-height:1.02}.hero-intro{font-size:18px}.hero .eyebrow{font-size:14px;letter-spacing:.07em}.hero .eyebrow>span{display:none}.search-box{flex-wrap:wrap;gap:8px;padding:10px}.search-box>.ui-icon{margin-inline-start:3px;width:20px}.search-box input[type=search]{width:calc(100% - 33px);font-size:16px}.search-box button{width:100%;font-size:18px}.search-examples{gap:11px;font-size:16px}.archive-stat{padding-inline:16px;gap:10px}.archive-stat>.ui-icon{width:23px;height:23px}.archive-stat strong{font-size:25px}.archive-stat span{font-size:16px}.section-heading h2{font-size:34px}.section-heading .eyebrow{font-size:13px;letter-spacing:.12em}.groups{grid-template-columns:minmax(0,1fr);gap:14px}.category-card{padding:22px;min-height:190px}.category-top{margin-bottom:14px}.category-card h3{font-size:30px}.category-card p{font-size:17px;margin-bottom:18px}.category-icon{width:44px;height:44px}.category-count{font-size:18px}.category-art{width:36px;height:36px;bottom:22px}.category-link{font-size:17px}.tip{grid-template-columns:52px minmax(0,1fr);gap:16px;padding:20px}.tip h1{font-size:32px}.tip .bigicon,.tip .mobicon{width:52px;height:52px}.tip .mobicon>.ui-icon{width:32px;height:32px}.tip dl,.tip dl.stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;font-size:17px}.tip .path{font-size:16px}.panel{padding:20px 16px}.panel h2{font-size:29px}.kv{grid-template-columns:minmax(0,1fr);gap:0}.kv dt{border:none;padding-top:14px;font-size:16px}.kv dd{padding-bottom:12px}.filters{padding:16px;gap:12px}.filters input[type=search],.filters select,.filters button{width:100%;max-width:none;flex:1 1 100%}.pager>.pinfo{margin-inline-start:0;width:100%}.world-card{min-height:390px;padding:24px}.world-card h3{font-size:34px}.world-links a{gap:14px}.world-links strong{font-size:20px}.world-links small{font-size:16px}.world-link-icon{width:44px;height:44px}.world-links a>.ui-icon{width:18px}.sidenav{grid-template-columns:1fr}.sidenav a{font-size:18px}.to-top{margin-inline-start:auto}.version-badge{font-size:15px}.section-note{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.credit{color:#e1c38b;font-size:17px;white-space:nowrap;border-inline-start:1px solid #566052;padding-inline-start:14px}.footer-brand{flex-wrap:wrap}