@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
@import url('guide-static.css');
.locale-select{border:1px solid var(--line);background:var(--cream);padding:7px 8px;color:var(--ink);font:11px var(--mono);border-radius:3px;cursor:pointer}
.video-fallback em{font:12px var(--sans);font-style:normal;color:#c6d4c4;margin-top:15px}
.video-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.72) contrast(1.06);z-index:0}.video-fallback:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,38,34,.72),rgba(29,70,54,.2));z-index:1}.video-fallback>*:not(img){position:relative;z-index:2}
.hero-video{position:relative;min-height:440px;background:#153934;overflow:hidden;padding:18px 18px 46px;box-shadow:inset 0 0 0 8px #204b43}.hero-video:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(217,229,186,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(217,229,186,.08) 1px,transparent 1px);background-size:18px 18px;z-index:1}.hero-video iframe{position:relative;z-index:2;width:100%;height:100%;min-height:420px;border:0;background:#102925}.hero-video p{position:absolute;z-index:3;bottom:12px;right:28px;margin:0;color:#d9e5ba;font:10px var(--mono);letter-spacing:.1em}.video-fallback{display:none;position:absolute;inset:18px 18px 46px;z-index:2;place-content:center;text-align:center;background:linear-gradient(135deg,#2b6457,#183934);color:#f1f1df;text-decoration:none}.video-fallback.visible{display:grid}.video-fallback span{margin:auto;background:#e7c970;color:#153934;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;font-size:20px}.video-fallback small{font:10px var(--mono);letter-spacing:.12em;color:#d9e5ba;margin-top:28px}.video-fallback strong{font:600 29px/1.1 var(--serif);letter-spacing:-.04em;margin-top:8px}
.hero-art{background-color:#1c4841;background-image:linear-gradient(rgba(217,229,186,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(217,229,186,.08) 1px,transparent 1px),linear-gradient(145deg,#285d52 0%,#183a37 61%,#112e2c 100%);background-size:18px 18px,18px 18px,100% 100%;image-rendering:pixelated}.hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 48%,rgba(255,213,117,.12) 48% 52%,transparent 52%),repeating-linear-gradient(0deg,rgba(0,0,0,.09) 0 2px,transparent 2px 5px);mix-blend-mode:overlay}.sun{width:144px;height:144px;border-radius:0;box-shadow:18px 0 0 #d7b76d,0 18px 0 #d7b76d,18px 18px 0 #d7b76d}.mountain{filter:drop-shadow(12px 0 0 #163a36)}.tower{border-radius:0;box-shadow:inset 0 0 0 5px #52755c,8px 8px 0 #102d2a}.tower i{border-radius:2px}.signal{border-radius:2px}.farm-row{border-top-width:5px}.trailer-section{background-color:#bed092;background-image:linear-gradient(rgba(27,57,50,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(27,57,50,.08) 1px,transparent 1px);background-size:14px 14px}.video-frame{box-shadow:12px 12px 0 #274d42;border:3px solid #0e2c29}.guide-card{background-image:linear-gradient(135deg,rgba(87,126,76,.04) 25%,transparent 25%,transparent 50%,rgba(87,126,76,.04) 50%,rgba(87,126,76,.04) 75%,transparent 75%);background-size:8px 8px}.route-card{background-image:linear-gradient(135deg,rgba(25,48,43,.06) 25%,transparent 25%,transparent 50%,rgba(25,48,43,.06) 50%,rgba(25,48,43,.06) 75%,transparent 75%);background-size:10px 10px}
.guide-nav{position:relative}.guide-nav summary{list-style:none;cursor:pointer;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.04em}.guide-nav summary::-webkit-details-marker{display:none}.guide-submenu{position:absolute;top:28px;left:-20px;width:230px;padding:15px;background:#fbfaf2;border:1px solid var(--line);box-shadow:7px 8px 0 rgba(25,48,43,.12);z-index:15}.guide-submenu p{font:10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px;padding:0 8px 7px;border-bottom:1px solid var(--line)}.guide-submenu a{display:block;padding:8px;color:var(--ink);text-transform:none;font:500 13px var(--sans);letter-spacing:0}.guide-submenu a:hover{background:#e6eed6;color:var(--moss)}.guide-submenu a span{color:var(--moss);display:inline-block;width:23px;font:18px var(--serif);vertical-align:-2px}.trailer-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center;padding:100px clamp(24px,8vw,130px);background:#d8e3bf}.trailer-copy h2{font:600 clamp(39px,4.6vw,65px)/1 var(--serif);letter-spacing:-.065em;margin:0}.trailer-copy h2 em{font-style:italic;color:var(--moss)}.trailer-copy>p:not(.eyebrow){color:#506158;max-width:410px;line-height:1.65;margin:22px 0 30px}.trailer-key{display:flex;gap:12px;align-items:center}.trailer-key>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#eff1dd;font-size:12px}.trailer-key small{display:block;font:10px var(--mono);letter-spacing:.08em;color:var(--moss)}.trailer-key strong{font:600 13px var(--sans)}.video-frame{position:relative;background:var(--ink);padding:9px 9px 31px;box-shadow:10px 10px 0 rgba(50,78,49,.2)}.video-frame iframe{border:0;display:block;width:100%;aspect-ratio:16/9;background:#203c35}.video-corner{position:absolute;bottom:10px;right:11px;color:#d9e5ba;font:9px var(--mono);letter-spacing:.1em}
:root{--ink:#19302b;--muted:#6f7d74;--paper:#f2f0e7;--cream:#fbfaf4;--moss:#577e4c;--lime:#b7d780;--copper:#c36f43;--line:#d5d9cc;--dark:#15312e;--serif:Fraunces,Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");mix-blend-mode:multiply}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);background:#f5f4ec;position:sticky;top:0;z-index:10}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:700;text-decoration:none;letter-spacing:-.5px}.brand>span:last-child span{color:var(--moss)}.brand-mark{width:25px;height:25px;display:flex;align-items:end;gap:3px;border:1px solid var(--ink);padding:4px;transform:rotate(45deg)}.brand-mark i{background:var(--moss);width:4px;display:block}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:13px;background:var(--copper)}.brand-mark i:nth-child(3){height:9px}.site-header nav{display:flex;gap:30px}.site-header nav a,footer a{font:500 12px var(--mono);color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.nav-search{border:1px solid var(--line);background:var(--cream);border-radius:20px;padding:9px 12px;color:var(--muted);font:12px var(--sans);cursor:pointer}.nav-search span{font-size:18px;color:var(--ink);vertical-align:-2px;margin-right:4px}.nav-search kbd,.search-box kbd{font:10px var(--mono);border:1px solid #cbd0c3;padding:1px 4px;border-radius:3px;margin-left:6px;color:var(--muted)}.hero{min-height:605px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(400px,.97fr);overflow:hidden}.hero-copy{padding:110px clamp(24px,7vw,108px) 80px clamp(24px,8vw,130px);background:var(--cream)}.eyebrow{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--moss);display:flex;gap:8px;align-items:center;margin:0 0 18px}.eyebrow span{width:17px;height:1px;background:currentColor;display:inline-block}.hero h1{font:600 clamp(50px,5.8vw,85px)/.98 var(--serif);letter-spacing:-.065em;margin:0;max-width:650px}.hero h1 em{color:var(--moss);font-style:italic}.hero-text{color:#526159;line-height:1.6;max-width:470px;margin:29px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:none;border-radius:2px;padding:14px 17px;font:600 13px var(--sans);cursor:pointer;text-decoration:none;display:inline-flex;gap:18px;align-items:center}.button b{font-size:19px;font-weight:400}.primary{background:var(--ink);color:#f4f6eb}.ghost{border:1px solid var(--line);background:transparent;color:var(--ink)}.hero-meta{display:flex;gap:9px;font:10px var(--mono);margin-top:40px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.hero-art{background:#71945e;position:relative;overflow:hidden;min-height:440px}.hero-art p{position:absolute;bottom:24px;right:30px;font:10px var(--mono);letter-spacing:.13em;color:#ebedc5}.sun{position:absolute;width:190px;height:190px;background:#efcf80;border-radius:50%;top:70px;right:16%;box-shadow:0 0 0 18px #d7b76d}.cloud{position:absolute;height:24px;background:#dbe4c8;border-radius:30px;opacity:.7}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:35px;height:35px;bottom:0;left:17px}.cloud:after{width:48px;height:48px;bottom:0;left:37px}.c1{width:100px;top:120px;left:13%}.c2{width:80px;top:56px;right:7%;transform:scale(.65)}.mountain{position:absolute;bottom:120px;width:0;height:0;border-left:180px solid transparent;border-right:180px solid transparent;border-bottom:270px solid #466e56}.m1{left:-100px}.m2{right:-120px;border-bottom-color:#365f51;border-bottom-width:230px}.tower{position:absolute;width:68px;height:275px;background:#2b5148;left:41%;bottom:98px;border:5px solid #183f39;border-top:none;box-shadow:inset 0 0 0 5px #52755c}.tower:before{content:"";position:absolute;width:95px;height:16px;background:#1a423b;left:-18px;top:-16px;box-shadow:0 -13px 0 #d2bc72}.tower i{display:block;width:20px;height:20px;border-radius:50%;background:#d5d77e;border:3px solid #1b423b;margin:16px auto}.vine{position:absolute;width:8px;background:#284d39;bottom:93px;border-radius:6px 6px 0 0}.v1{height:165px;left:39%}.v2{height:102px;left:52%}.vine:before{content:"";position:absolute;width:35px;height:13px;border-radius:100% 0;background:#a8c66e;top:25px;left:-15px;transform:rotate(-28deg)}.farm-row{position:absolute;height:28px;background:#2b4e3c;border-top:6px solid #d2b36c;bottom:0;transform:skewY(-5deg);box-shadow:0 -31px 0 #3e6247,0 -63px 0 #2c503c}.r1{left:-10%;right:26%;bottom:23px}.r2{left:28%;right:-7%;bottom:11px}.r3{left:3%;right:6%;bottom:-50px}.signal{position:absolute;bottom:83px;right:16%;width:42px;height:42px;border:3px solid #e3c975;border-radius:50%;display:flex;justify-content:center;align-items:end;gap:5px;padding-bottom:7px}.signal span{height:6px;width:5px;background:#e3c975}.signal span:nth-child(2){height:15px}.signal span:nth-child(3){height:24px}.ticker{background:var(--ink);color:#dce2c7;display:grid;grid-template-columns:repeat(4,1fr);padding:18px clamp(20px,7vw,130px);gap:20px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.ticker span{color:var(--lime);margin-right:9px}.start,.guide-area,.field-notes{padding:100px clamp(24px,8vw,130px)}.section-heading{max-width:630px}.section-heading h2{font:600 clamp(36px,4vw,57px)/1.05 var(--serif);letter-spacing:-.055em;margin:0}.section-heading>p:not(.eyebrow){color:var(--muted);line-height:1.6;max-width:500px;margin:18px 0 0}.route-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.route-card{min-height:268px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px;text-decoration:none;color:var(--ink);position:relative;transition:.2s}.route-card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 rgba(24,48,43,.15)}.route-card b{font:11px var(--mono);color:var(--moss)}.route-card>span{position:absolute;top:19px;right:20px;font-size:23px}.route-card h3{font:600 28px/1.05 var(--serif);letter-spacing:-.05em;margin:64px 0 12px}.route-card p{font-size:13px;line-height:1.5;margin:0;max-width:190px}.route-a{background:#d9e5ba}.route-b{background:#c7d9a3}.route-c{background:#e6d6a1}.route-d{background:#d8b883}.guide-area{background:#e8e9de}.compact{max-width:780px}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;margin:37px 0 16px;gap:20px}.search-box{height:52px;background:var(--cream);border:1px solid #d2d6c8;display:flex;align-items:center;padding:0 15px;max-width:560px;flex:1}.search-box>span{font-size:24px}.search-box input{border:0;outline:0;background:transparent;padding:12px;width:100%;font:14px var(--sans);color:var(--ink)}.directory-toolbar p{font:11px var(--mono);color:var(--muted);white-space:nowrap}.category-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.category{border:1px solid #cdd2c4;background:transparent;border-radius:30px;padding:7px 11px;font:11px var(--sans);color:#476057;cursor:pointer}.category span{font:10px var(--mono);margin-left:5px;opacity:.65}.category.active,.category:hover{background:var(--ink);border-color:var(--ink);color:#eef0e3}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.guide-card{text-align:left;background:var(--cream);border:1px solid #d6dacd;padding:20px;min-height:240px;cursor:pointer;color:var(--ink);font-family:var(--sans);display:flex;flex-direction:column;transition:.2s}.guide-card:hover{border-color:var(--moss);box-shadow:5px 5px 0 #b7c49b;transform:translate(-2px,-2px)}.guide-card-top{display:flex;align-items:center;gap:9px}.guide-symbol{font:23px var(--serif);color:var(--moss);width:28px}.guide-card-top small{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:1}.guide-card-top b{font:10px var(--mono);color:#a2aaa0}.guide-card h3{font:600 25px/1.08 var(--serif);letter-spacing:-.04em;margin:24px 0 10px}.guide-card p{font-size:13px;line-height:1.5;color:#617169;margin:0}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:17px}.confidence{font:9px var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:10px;padding:4px 6px}.community{background:#dce6cf;color:#3f653d}.official{background:#d3e4e1;color:#245a54}.patch{background:#f0dfb0;color:#805927}.editorial{background:#ead9ce;color:#89583e}.open-arrow{font-size:19px}.empty-state{text-align:center;padding:70px 20px}.empty-state>span{font-size:38px}.empty-state h3{font:28px var(--serif);margin:10px}.empty-state p{color:var(--muted)}.text-button{border:0;background:none;color:var(--moss);font:600 13px var(--sans);padding:0;cursor:pointer;text-decoration:none}.field-notes{background:var(--dark);color:#edf0df;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.notes-copy h2{font:600 clamp(40px,5vw,68px)/1 var(--serif);letter-spacing:-.055em;margin:0}.notes-copy>p:not(.eyebrow){color:#c8d4c5;line-height:1.65;max-width:440px;margin:22px 0}.notes-copy .eyebrow{color:#bfdc8f}.notes-copy .text-button{color:#d7e9a7}.note-stack{border-top:1px solid #557066}.note-stack article{position:relative;padding:24px 100px 24px 0;border-bottom:1px solid #557066}.note-stack small{font:10px var(--mono);letter-spacing:.08em;color:#b9d68a}.note-stack h3{font:600 25px var(--serif);margin:11px 0 6px;letter-spacing:-.035em}.note-stack p{font-size:13px;color:#c7d3c4;margin:0;line-height:1.5}footer{min-height:145px;display:flex;align-items:center;gap:35px;padding:35px clamp(24px,8vw,130px);background:#102722;color:#bdc9bd}footer .brand{color:#e8edda}footer p{font-size:12px;line-height:1.5;max-width:450px;margin-right:auto}footer a{color:#e8edda}dialog{border:0;padding:0;background:transparent;max-width:min(640px,92vw);color:var(--ink)}dialog::backdrop{background:rgba(17,39,34,.68);backdrop-filter:blur(4px)}#guide-reader{background:#fbfaf2;padding:55px;min-height:420px;position:relative}.close-dialog{position:absolute;z-index:2;right:12px;top:8px;border:0;background:transparent;color:var(--ink);font-size:30px;cursor:pointer}.reader-lede{font:24px/1.37 var(--serif);letter-spacing:-.035em;max-width:500px}.reader-rule{height:1px;background:var(--line);margin:29px 0}.reader-copy{font-size:14px;line-height:1.65;color:#526159}.source-label{border-left:3px solid;padding:10px 12px;margin:27px 0;display:flex;gap:12px;align-items:center}.source-label small{font:10px var(--mono);color:var(--muted)}.source-label strong{font-size:12px}.related{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:15px 0;border:0;border-top:1px solid var(--line);background:transparent;cursor:pointer;color:var(--moss)}.related span{font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.related b{font:600 16px var(--serif)}
@media(max-width:820px){.site-header nav{display:none}.nav-search{font-size:0;padding:6px 9px}.nav-search span{margin:0}.nav-search kbd{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:75px}.hero-art{min-height:330px}.ticker{grid-template-columns:repeat(2,1fr)}.trailer-section{grid-template-columns:1fr;gap:38px;padding-top:72px;padding-bottom:72px}.route-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.field-notes{grid-template-columns:1fr;gap:45px}.start,.guide-area,.field-notes{padding-top:72px;padding-bottom:72px}}
@media(max-width:520px){.site-header{height:65px;padding:0 18px}.brand{font-size:13px}.brand-mark{width:20px;height:20px}.hero h1{font-size:51px}.hero-meta{flex-wrap:wrap}.ticker{grid-template-columns:1fr;gap:9px}.route-grid,.guide-grid{grid-template-columns:1fr}.route-card{min-height:210px}.directory-toolbar{align-items:flex-start;flex-direction:column}.search-box{width:100%}.guide-card{min-height:215px}.field-notes{padding-left:24px;padding-right:24px}.note-stack article{padding-right:0}footer{flex-direction:column;align-items:flex-start;gap:15px}#guide-reader{padding:44px 25px}.reader-lede{font-size:20px}}
/* Homepage information blocks */
.hero-actions{flex-wrap:wrap}.hero-meta{line-height:1.8}.about-game,.final-cta,.codes-panel{padding:clamp(3rem,8vw,7rem) clamp(1.25rem,6vw,6rem);max-width:1200px;margin:auto}.about-game{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.about-game .section-heading{max-width:620px}.about-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line,#c8cdbd)}.about-stats div{padding:1rem 0;border-bottom:1px solid var(--line,#c8cdbd);display:flex;justify-content:space-between;gap:1rem}.about-stats b{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.about-stats span{text-align:right}.final-cta{text-align:center;background:var(--ink,#123936);color:var(--paper,#f4f1e7);max-width:none}.final-cta .eyebrow{justify-content:center}.final-cta .hero-actions{justify-content:center}.codes-panel{border-top:1px solid var(--line,#c8cdbd)}.codes-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.codes-list div{padding:1rem;border:1px solid var(--line,#c8cdbd);display:flex;justify-content:space-between;gap:1rem}.codes-list code{font-size:1.4rem;font-weight:700;letter-spacing:.12em}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin:.75rem 0}.footer-links a{color:inherit}@media(max-width:760px){.about-game{grid-template-columns:1fr}.codes-list{grid-template-columns:1fr}.about-stats div{display:block}.about-stats span{display:block;text-align:left;margin-top:.35rem}}
/* Locale typography: keep CJK glyph metrics out of the Latin display face. */
.eyebrow > span:first-child{width:17px;height:1px;background:currentColor;display:inline-block;flex:0 0 17px}.eyebrow > span:not(:first-child){width:auto;height:auto;background:transparent;display:inline;flex:initial}
:lang(zh-CN),:lang(ja){--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Yu Gothic UI","Yu Gothic",sans-serif;--serif:"Noto Serif SC","Songti SC","STSong","Yu Mincho",serif;--mono:"SFMono-Regular","Sarasa Mono SC","Microsoft YaHei",monospace}
:lang(zh-CN) .hero h1,:lang(ja) .hero h1,:lang(zh-CN) .section-heading h2,:lang(ja) .section-heading h2,:lang(zh-CN) .notes-copy h2,:lang(ja) .notes-copy h2,:lang(zh-CN) .route-card h3,:lang(ja) .route-card h3,:lang(zh-CN) .guide-card h3,:lang(ja) .guide-card h3{letter-spacing:0;line-height:1.16}

/* Visual hierarchy pass: make the guide directory read like a living field archive. */
.hero-video{isolation:isolate}.hero-video .video-open-link{position:absolute;z-index:4;left:28px;bottom:12px;color:#d9e5ba;font:10px var(--mono);letter-spacing:.06em;text-decoration:none}.hero-video .video-open-link:hover{text-decoration:underline}.video-fallback.visible{overflow:hidden}.video-fallback.visible strong{max-width:360px}.guide-card{position:relative;min-height:270px;padding:22px;background-color:var(--cream);overflow:hidden}.guide-card:before{content:"";position:absolute;right:-24px;top:-30px;width:114px;height:114px;border:1px solid rgba(87,126,76,.18);border-radius:50%;box-shadow:0 0 0 15px rgba(87,126,76,.06),0 0 0 31px rgba(87,126,76,.035)}.guide-card-top,.guide-card h3,.guide-card p,.card-tags,.card-bottom{position:relative;z-index:1}.guide-card-top{padding-bottom:14px;border-bottom:1px solid rgba(25,48,43,.1)}.guide-card h3{margin:18px 0 9px;max-width:88%}.guide-card p{min-height:58px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 0}.card-tags span{border:1px solid rgba(87,126,76,.24);padding:3px 6px;color:#4f675b;background:rgba(255,255,255,.42);font:9px var(--mono);letter-spacing:.03em;text-transform:uppercase}.card-bottom{border-top:1px solid rgba(25,48,43,.1);margin-top:16px;padding-top:14px}.open-arrow{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:15px}.guide-card:hover .open-arrow{background:var(--ink);border-color:var(--ink);color:var(--paper)}.guide-static-article{position:relative}.guide-static-article>.eyebrow{margin-bottom:24px}.guide-static-lead{padding-bottom:28px;border-bottom:4px solid var(--lime);margin-bottom:36px}.guide-static-dossier{background:#fbfaf2;padding:30px!important;border:1px solid var(--line)!important;box-shadow:8px 8px 0 rgba(25,48,43,.08)}.guide-static-dossier ol{margin:0;padding-left:22px}.guide-static-dossier li{padding:10px 0 10px 7px;border-bottom:1px solid var(--line);font:15px/1.58 var(--sans)}.guide-static-dossier li:last-child{border-bottom:0}.guide-static-dossier-note{font-size:13px!important;color:var(--muted)}.guide-static-raw-sources{background:#f5f3e7;padding:30px!important;border:1px solid var(--line)!important}.guide-static-recheck{box-shadow:inset 4px 0 0 var(--moss)}
.route-card{overflow:hidden;background:#d9e5ba}.route-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;filter:saturate(.82) contrast(1.08);transition:transform .35s ease,opacity .35s ease}.route-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,247,238,.04),rgba(248,247,238,.88) 72%);pointer-events:none}.route-card>b,.route-card>span,.route-card>h3,.route-card>p{position:relative;z-index:1}.route-card:hover>img{opacity:.66;transform:scale(1.05)}.route-a{background:#d8e5c7}.route-b{background:#d6e1ae}.route-c{background:#e7d7ae}.route-d{background:#d9c08e}.guide-card:after{content:"";position:absolute;inset:0;background-position:right top;background-size:155px auto;background-repeat:no-repeat;opacity:.22;mix-blend-mode:multiply;pointer-events:none}.guide-card[data-visual="farm"]:after{background-image:url("assets/official/farm-overview.jpg")}.guide-card[data-visual="farming"]:after{background-image:url("assets/official/farming.jpg")}.guide-card[data-visual="explore"]:after{background-image:url("assets/official/exploration.jpg")}.guide-card[data-visual="town"]:after{background-image:url("assets/official/town-life.jpg")}.guide-card:hover:after{opacity:.34}.guide-card:before{z-index:0}
@media(max-width:520px){.hero-video .video-open-link{left:24px;bottom:12px}.guide-card{min-height:0}.guide-card p{min-height:0}.guide-static-dossier,.guide-static-raw-sources{padding:22px!important}}
@media(max-width:520px){.site-header{height:auto;min-height:65px;flex-wrap:wrap;padding-top:8px}.site-header nav{order:3;flex:0 0 100%;padding:5px 0 10px;gap:18px}.site-header nav a,.site-header nav .guide-nav summary{font-size:10px}.locale-select{margin-left:auto}}

/* Dark game archive: shared home and reader surface. */
:root{--night:#091411;--night-raised:#10241f;--night-panel:#16332a;--night-line:#315345;--night-copy:#d7dfd1;--night-muted:#91a397;--signal:#c7d779;--signal-warm:#e6bd77}
body{background:var(--night);color:var(--night-copy)}.site-header{background:rgba(9,20,17,.96);border-color:var(--night-line);box-shadow:0 8px 28px rgba(0,0,0,.15)}.brand,.site-header nav a,.guide-nav summary{color:#f4f0df}.brand>span:last-child span{color:var(--signal)}.brand-mark{border-color:#d9e0d1}.brand-mark i{background:var(--signal)}.nav-search,.locale-select{background:#132820;border-color:#3b594d;color:#e9eddb}.nav-search span{color:var(--signal)}.nav-search kbd,.search-box kbd{border-color:#456557;color:var(--night-muted)}
.hero{background:var(--night)}.hero-copy{background:radial-gradient(circle at 8% 9%,rgba(152,187,105,.16),transparent 33%),linear-gradient(145deg,#10251f,#0a1714 70%)}.hero h1{color:#f8f0d9}.hero-text{color:#c7d1c5}.eyebrow{color:var(--signal)}.primary{background:var(--signal);color:#102019}.ghost{border-color:#51695c;color:#f1f2df;background:rgba(255,255,255,.03)}.text-button{color:var(--signal)}.hero-meta{color:#9caf9f}.hero-video{box-shadow:inset 0 0 0 8px #1d4238;background:#10251f}.ticker{background:#06100e;color:#cfdcc8;border-top:1px solid #28483d;border-bottom:1px solid #28483d}
.start{background:linear-gradient(180deg,#0d1d19,#112720)}.section-heading h2,.route-card h3{color:#f0edda}.section-heading>p:not(.eyebrow){color:#afbdaf}.route-grid{border-color:#315346}.route-card{border-color:#315346;background:#152c25}.route-card:after{background:linear-gradient(180deg,rgba(4,15,12,.12),rgba(7,20,17,.92) 76%)}.route-card>b{color:var(--signal)}.route-card>span{color:#e9e7cf}.route-card p{color:#c5d0c2}.route-a,.route-b,.route-c,.route-d{background:#152c25}
.about-game{background:var(--night)}.about-stats{border-color:#2d4b40}.about-stats div{border-color:#2d4b40}.about-stats b{color:#9eb49e}.about-stats span{color:#edf0df}.guide-area{background:linear-gradient(180deg,#10271f,#0a1815)}.directory-toolbar p{color:#a4b4a7}.search-box{background:#0b1915;border-color:#3a594c}.search-box input{color:#edf0df}.category{border-color:#486759;color:#d7e2d4}.category.active,.category:hover{background:var(--signal);border-color:var(--signal);color:#102018}.guide-card{background:#153028;border-color:#35584a;color:#edf0df}.guide-card:before{border-color:rgba(199,215,121,.24);box-shadow:0 0 0 15px rgba(199,215,121,.06),0 0 0 31px rgba(199,215,121,.03)}.guide-card-top{border-color:#315346}.guide-card-top small,.guide-card p{color:#aebdaf}.guide-card h3{color:#f3efdc}.card-bottom{border-color:#315346}.card-tags span{border-color:#466856;background:rgba(7,20,17,.64);color:#cad8bd}.open-arrow{border-color:#4a695a;color:var(--signal)}.guide-card:hover{border-color:var(--signal);box-shadow:7px 7px 0 rgba(125,159,101,.24)}.guide-card:hover .open-arrow{background:var(--signal);color:#0b1a15}.confidence.community{background:#254638;color:#d7e8c5}.confidence.official{background:#204642;color:#d0ece2}.confidence.patch{background:#5e4b25;color:#f4dfac}.confidence.editorial{background:#523a31;color:#f1d0c1}.empty-state{color:#e8edde}.field-notes{background:linear-gradient(135deg,#07110f,#14342a)}.note-stack{border-color:#3a5e50}.note-stack article{border-color:#3a5e50}.note-stack p{color:#bdccbf}
.final-cta{background:linear-gradient(130deg,#183d31,#0b1714)}.codes-panel{background:#0c1b17;border-color:#315346;color:#e8edde}.codes-list div{background:#122820;border-color:#35584a}.codes-list code{color:var(--signal-warm)}footer{background:#050d0b;color:#b8c7bb;border-top:1px solid #29463b}footer .brand,footer a{color:#f0f1dd}
dialog{color:#e9edde}#guide-reader{background:#10261f}.close-dialog{color:#e9edde}.reader-lede{color:#e5ebdb}.reader-rule,.related{border-color:#35584a}.reader-copy{color:#bacabd}.source-label{background:#153129}.source-label small{color:#a6b8a9}.related{color:var(--signal)}
.guide-static{background:var(--night);color:var(--night-copy)}.guide-static-header{background:rgba(9,20,17,.97);border-color:var(--night-line)}.guide-static-header .guide-submenu{background:#112720;border-color:#3a5b4d;box-shadow:10px 12px 0 rgba(0,0,0,.28)}.guide-static-header .guide-index a{color:#e9edde}.guide-static-header .guide-index a[aria-current=page],.guide-static-header .guide-index a:hover{background:#294b3d}.locale-links a{color:var(--signal)}.locale-links a[aria-current=true]{color:#f2f0dd}.guide-static-main{background:radial-gradient(circle at 80% 5%,rgba(119,158,91,.12),transparent 28%),var(--night)}.guide-static-rail{border-color:#36594a;color:#b9c9bb}.guide-static-rail p{color:var(--signal)}.guide-static-rail a{color:#e8edde}.guide-static-article h1,.guide-static-article h2{color:#f5efda}.guide-static-lead{color:#bfccbf;border-color:var(--signal)}.guide-static-article section{border-color:#35584a}.guide-static-article section p{color:#c4d0c4}.guide-static-dossier{background:#16332a!important;border-color:#3e6253!important;box-shadow:8px 8px 0 rgba(0,0,0,.22)}.guide-static-dossier li{border-color:#3b5d50;color:#dce5d9}.guide-static-dossier-note{color:#a9bbac!important}.guide-static-raw-sources{background:#10251e!important;border-color:#36594a!important}.guide-static-recheck{background:#213d2d;box-shadow:inset 4px 0 0 var(--signal)}.source-list li{border-color:#35584a}.source-list a,.guide-static-related a{color:#d5e87d}.guide-static-footer{background:#050d0b;color:#c7d5c7;border-top:1px solid #29463b}.back-to-top{background:#173128;border-color:#476958;color:#eff1dc;box-shadow:4px 4px 0 rgba(0,0,0,.28)}
.guide-static-brief{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 42px;background:#36594a;border:1px solid #36594a}.guide-static-brief div{min-height:94px;padding:17px;background:#10251e;display:grid;align-content:space-between;gap:8px}.guide-static-brief small{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9cb29f}.guide-static-brief strong{font:600 18px/1.15 var(--serif);color:#edf1dd}.guide-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.guide-reference-card{min-height:128px;padding:17px;border:1px solid #3b5d50;background:#0b1b16;color:#e5eddf;text-decoration:none;display:grid;align-content:space-between;gap:11px;transition:.18s}.guide-reference-card:hover{border-color:var(--signal);transform:translate(-2px,-2px);box-shadow:4px 4px 0 rgba(199,215,121,.18)}.guide-reference-card small{font:10px var(--mono);letter-spacing:.06em;color:#9eb29e;text-transform:uppercase}.guide-reference-card strong{font:600 16px/1.2 var(--serif);overflow-wrap:anywhere}.guide-reference-card span{font:11px var(--mono);color:var(--signal)}
.guide-static-article{isolation:isolate}.guide-static-article:before{content:"";position:absolute;z-index:-1;top:-72px;right:-12vw;width:min(680px,70vw);height:390px;background-position:top right;background-size:cover;background-repeat:no-repeat;opacity:.16;mask-image:linear-gradient(90deg,transparent 0%,#000 42%,transparent 100%);pointer-events:none}.guide-static-article.guide-type-overview:before,.guide-static-article.guide-type-start:before,.guide-static-article.guide-type-farm:before{background-image:url("assets/official/farming.jpg")}.guide-static-article.guide-type-progress:before,.guide-static-article.guide-type-explore:before{background-image:url("assets/official/exploration.jpg")}.guide-static-article.guide-type-resources:before,.guide-static-article.guide-type-solve:before{background-image:url("assets/official/town-life.jpg")}.guide-static-article.guide-type-items:before{background-image:url("assets/official/farm-overview.jpg")}
@media(max-width:620px){.guide-static-brief,.guide-reference-grid{grid-template-columns:1fr}.guide-static-brief div{min-height:70px}.guide-reference-card{min-height:105px}}
@media(max-width:520px){.hero-copy{background:radial-gradient(circle at 4% 4%,rgba(152,187,105,.18),transparent 34%),#0a1714}.site-header{background:#091411}.guide-card{background:#143029}}
:lang(zh-CN) .eyebrow,:lang(ja) .eyebrow,:lang(zh-CN) .hero-meta,:lang(ja) .hero-meta,:lang(zh-CN) .ticker,:lang(ja) .ticker,:lang(zh-CN) .site-header nav a,:lang(ja) .site-header nav a,:lang(zh-CN) footer a,:lang(ja) footer a{letter-spacing:0;text-transform:none}
:lang(zh-CN) .hero-meta,:lang(ja) .hero-meta{font-family:var(--sans);font-size:13px;gap:8px;line-height:1.65}:lang(zh-CN) .guide-nav summary,:lang(ja) .guide-nav summary{font-family:var(--sans);font-size:14px;letter-spacing:0;text-transform:none}
.hero-meta{flex-wrap:wrap;column-gap:9px;row-gap:4px}:lang(de) .hero h1{letter-spacing:-.045em;line-height:1.04}:lang(de) .hero-meta{font-size:9px;letter-spacing:0}.final-cta .ghost{border-color:#dbe4c8;color:#f4f6eb}.final-cta .ghost:hover{background:#f4f6eb;color:var(--ink)}
.guide-index{width:min(760px,calc(100vw - 40px));padding:18px}.guide-index>p{margin-bottom:13px}.guide-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.guide-menu-grid>div{min-width:0}.guide-menu-grid small{display:block;color:var(--moss);font:10px var(--mono);letter-spacing:.06em;margin:0 0 6px;padding:0 8px}.guide-index a{white-space:normal;font-size:12px;padding:7px 8px;line-height:1.32}.guide-index a:hover{background:#e6eed6}@media(max-width:820px){.guide-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.guide-index{position:fixed;left:20px;right:20px;top:64px;width:auto;max-height:calc(100vh - 88px);overflow:auto}.guide-menu-grid{grid-template-columns:1fr}}
.guide-card{display:flex;text-decoration:none}.guide-detail-shell{max-width:1280px;margin:0 auto;padding:48px clamp(24px,7vw,110px) 96px}.breadcrumb{font:11px var(--mono);color:var(--muted);margin:0 0 34px}.breadcrumb a{color:var(--moss);text-decoration:none}.guide-detail-hero{max-width:830px;padding-bottom:42px;border-bottom:1px solid var(--line)}.guide-detail-hero h1{font:600 clamp(44px,6vw,82px)/1.02 var(--serif);letter-spacing:-.055em;margin:0}.guide-detail-hero .reader-lede{margin:22px 0 0}.guide-detail-meta{display:flex;align-items:center;gap:14px;margin-top:28px;font:11px var(--mono);color:var(--muted)}.guide-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:clamp(44px,8vw,120px);padding-top:48px}.guide-article h2{font:600 34px/1.1 var(--serif);letter-spacing:-.035em;margin:0 0 22px}.guide-points{margin:0;padding:0;list-style:none;display:grid;gap:12px}.guide-points li{padding:14px 16px 14px 34px;position:relative;background:var(--cream);border-left:3px solid var(--moss);line-height:1.65}.guide-points li:before{content:'→';position:absolute;left:12px;color:var(--moss)}.research-note{margin-top:42px;padding:28px;background:#e4ead5}.research-note p:last-child{line-height:1.65;margin:0;color:#526159}.guide-sidebar{display:grid;align-content:start;gap:35px}.guide-sidebar section{border-top:1px solid var(--line);padding-top:18px}.source-card,.related-guide{display:block;text-decoration:none;color:var(--ink);padding:14px 0;border-bottom:1px solid var(--line)}.source-card small{display:block;font:10px var(--mono);color:var(--moss);margin-bottom:7px}.source-card strong{display:block;font:500 13px/1.5 var(--sans)}.source-card span{display:block;color:var(--moss);font:11px var(--mono);margin-top:8px}.related-guide{font:600 16px/1.35 var(--serif)}.related-guide span{float:right;color:var(--moss)}.muted{color:var(--muted);line-height:1.65}@media(max-width:820px){.guide-detail-layout{grid-template-columns:1fr;gap:48px}.guide-detail-shell{padding-top:34px}.guide-sidebar{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:560px){.guide-sidebar{grid-template-columns:1fr}.guide-detail-meta{align-items:flex-start;flex-direction:column}.guide-detail-hero h1{letter-spacing:0}:lang(zh-CN) .guide-detail-hero h1,:lang(ja) .guide-detail-hero h1{line-height:1.16}}

/* Keep the site map reachable on touch screens. The prior breakpoint hid it entirely. */
@media (max-width:820px){
  .site-header{gap:10px;padding-left:14px;padding-right:14px}
  .site-header nav{display:flex;flex:1;min-width:0;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav a,.site-header nav .guide-nav summary{white-space:nowrap;font-size:10px}
  .site-header .brand{flex:0 0 auto}
  .site-header .brand>span:last-child{display:none}
  .site-header .nav-search{display:none}
  .locale-select{flex:0 0 auto;max-width:58px}
}

/* Use the supplied Doloc Town emblem instead of the temporary CSS-built mark. */
.brand-mark{
  width:34px;
  height:34px;
  min-width:34px;
  padding:0;
  border:0;
  transform:none;
  background:center / contain no-repeat url("android-chrome-192x192.png");
  color:transparent;
  font-size:0;
}
.brand-mark i{display:none}
@media (max-width:520px){.brand-mark{width:28px;height:28px;min-width:28px}}

/* Source-backed guide modules. These are substantive route blocks, not decorative cards. */
.guide-fact-answer{position:relative;padding:30px!important;background:linear-gradient(135deg,#1b3b2f,#11261f);border:1px solid #456758!important;box-shadow:8px 8px 0 rgba(0,0,0,.2)}
.guide-fact-answer:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--signal)}
.guide-fact-answer h2{margin-bottom:12px!important}.guide-fact-answer p:last-child{max-width:620px;margin:0!important;color:#e6eddd!important;font-size:18px!important}
.guide-fact-kicker{margin:0 0 11px!important;color:var(--signal)!important;font:10px var(--mono)!important;letter-spacing:.1em;text-transform:uppercase}
.guide-fact-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px!important;background:#3e5d50;border:0!important}
.guide-fact-columns>div{padding:25px;background:#0d211b}.guide-fact-columns h2{font-size:28px!important;margin-bottom:18px!important}.guide-fact-columns ul,.guide-fact-columns ol{margin:0;padding-left:20px;display:grid;gap:12px}.guide-fact-columns li{padding-left:3px;color:#d6e0d4;font:14px/1.55 var(--sans)}.guide-fact-columns li::marker{color:var(--signal);font-family:var(--mono)}
.guide-fact-caveat{display:flex;justify-content:space-between;gap:22px;align-items:start;padding:22px 24px!important;background:#152d24;border:1px solid #3c5e4e!important;box-shadow:inset 4px 0 0 var(--signal-warm)}
.guide-fact-caveat small{display:block;margin-bottom:7px;color:var(--signal-warm);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.guide-fact-caveat p{margin:0!important;color:#c4d1c4!important;font-size:14px!important}.guide-fact-caveat strong{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid #577565;color:#f4efdb;font:600 18px var(--serif)}
.guide-source-visual{margin:0 0 28px;border:1px solid #3b5d50;background:#0b1915;box-shadow:8px 8px 0 rgba(0,0,0,.22)}.guide-source-visual img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;filter:saturate(.82) contrast(1.05)}.guide-source-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;color:#aebfae;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.guide-source-visual a{color:var(--signal);text-decoration:none}.guide-source-visual a:hover{text-decoration:underline}
.guide-rail-menu{display:grid;gap:10px;padding:16px 0 3px;border-top:1px solid #36594a}.guide-rail-menu>small{color:var(--signal);font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase}.guide-rail-menu>strong{color:#eef0dc;font:600 16px/1.18 var(--serif)}.guide-rail-menu>div{display:grid;border-top:1px solid #315346}.guide-rail-menu>div a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #315346;color:#c7d3c6;font:600 12px/1.35 var(--sans);text-decoration:none}.guide-rail-menu>div a span,.guide-rail-all span{color:var(--signal)}.guide-rail-menu>div a:hover,.guide-rail-menu>div a:focus-visible{color:#f6f1dc}.guide-rail-menu>div a[aria-current=page]{color:var(--signal);pointer-events:none}.guide-rail-all{color:#d8e982!important;font:600 11px var(--sans);text-decoration:none}.guide-rail-all:hover{text-decoration:underline}
@media(max-width:620px){.guide-fact-columns{grid-template-columns:1fr}.guide-fact-answer{padding:24px!important}.guide-fact-columns>div{padding:21px}.guide-fact-caveat{padding:19px!important}}

/* Home guide menu: a readable dark archive panel, not a light sheet over the hero. */
.site-header .guide-nav[open] summary{color:var(--signal)}
.site-header .guide-nav summary:focus-visible,.site-header .guide-submenu a:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.site-header .guide-submenu.guide-index{top:calc(100% + 18px);left:50%;width:min(760px,calc(100vw - 40px));padding:20px;background:linear-gradient(135deg,rgba(22,51,42,.985),rgba(9,24,20,.99));border:1px solid #496b5b;box-shadow:0 18px 42px rgba(0,0,0,.42),8px 8px 0 rgba(4,13,11,.72)}
.site-header .guide-index>p{margin:0 0 16px;padding:0 0 13px;color:#b7c7b7;border-bottom:1px solid #496452;font:11px var(--mono);letter-spacing:.1em}
.site-header .guide-menu-grid{gap:0;border:1px solid #345547;background:rgba(3,14,11,.28)}
.site-header .guide-menu-grid>div{padding:14px 12px;border-right:1px solid #345547}.site-header .guide-menu-grid>div:last-child{border-right:0}
.site-header .guide-menu-grid small{color:var(--signal);padding:0;margin:0 0 8px;font:10px var(--mono);letter-spacing:.09em}
.site-header .guide-index a{padding:8px 7px;color:#e8ecdc;font:600 12px/1.38 var(--sans);border-left:2px solid transparent}
.site-header .guide-index a:hover,.site-header .guide-index a:focus-visible{background:#254437;color:#fffbea;border-left-color:var(--signal);outline-offset:-2px}
@media(max-width:820px){.site-header .guide-submenu.guide-index{left:0;transform:none}.site-header .guide-menu-grid>div:nth-child(2){border-right:0}.site-header .guide-menu-grid>div:nth-child(n+3){border-top:1px solid #345547}}
@media(max-width:520px){.site-header .guide-submenu.guide-index{left:20px;right:20px;top:64px;width:auto;padding:16px}.site-header .guide-menu-grid>div{padding:12px;border-right:0;border-top:1px solid #345547}.site-header .guide-menu-grid>div:first-child{border-top:0}}

/* The reader used to treat the menu panel itself as a grid, pushing the four real groups into one side. */
.guide-static-header .guide-submenu.guide-index{display:block;grid-template-columns:none;top:calc(100% + 18px);left:50%;right:auto;width:min(760px,calc(100vw - 40px));max-height:none;overflow:visible;padding:20px;background:linear-gradient(135deg,rgba(22,51,42,.985),rgba(9,24,20,.99));border:1px solid #496b5b;box-shadow:0 18px 42px rgba(0,0,0,.42),8px 8px 0 rgba(4,13,11,.72)}
.guide-static-header .guide-submenu.guide-index .guide-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.guide-static-header .guide-index a{color:#e8ecdc;font:600 12px/1.38 var(--sans);text-transform:none;letter-spacing:0}.guide-static-header .guide-index a[aria-current=page],.guide-static-header .guide-index a:hover{background:#254437;color:#fffbea}
@media(max-width:820px){.guide-static-header .guide-submenu.guide-index{left:0;transform:none}.guide-static-header .guide-submenu.guide-index .guide-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.guide-static-header .guide-submenu.guide-index{left:20px;right:20px;top:64px;width:auto;max-height:calc(100vh - 88px);overflow:auto;padding:16px}.guide-static-header .guide-submenu.guide-index .guide-menu-grid{grid-template-columns:1fr}}

/* Keep reader decoration and the compact mobile header inside the viewport. */
.guide-static-main,.guide-static-article{min-width:0}.guide-static-main{overflow-x:clip}.guide-static-legal{display:flex;flex-wrap:wrap;gap:12px}.guide-static-legal a{font-size:10px}
@media(max-width:820px){.guide-static-main{width:100%;max-width:100%;padding-left:24px;padding-right:24px}.site-header nav a,.site-header nav .guide-nav summary{min-height:44px;display:inline-flex;align-items:center}.site-header nav{scroll-padding-inline:4px}}

/* Small, locale-neutral site information pages share the existing archive system. */
.site-info{min-height:100vh;background:#0c1d18;color:#e9eedf}.site-info .site-header{background:#091411;border-color:#315345}.site-info .site-header .brand,.site-info .site-header nav a{color:#edf0e1}.site-info-main{max-width:860px;margin:0 auto;padding:clamp(64px,10vw,132px) clamp(24px,7vw,88px)}.site-info-main h1{margin:0;color:#f7f1dd;font:600 clamp(46px,7vw,82px)/1 var(--serif);letter-spacing:-.06em}.site-info-lede{max-width:720px;margin:28px 0 60px;color:#cbd7c7;font:400 clamp(20px,2.4vw,29px)/1.55 var(--sans)}.site-info-main section{max-width:680px;padding:28px 0;border-top:1px solid #365649}.site-info-main section h2{margin:0 0 12px;color:#f2f1dc;font:600 clamp(27px,3vw,38px)/1.12 var(--serif);letter-spacing:-.035em}.site-info-main section p{margin:0;color:#c4d1c3;font:16px/1.7 var(--sans)}.site-info-main a{color:#d8e982}.site-info footer{background:#07110e;border-top:1px solid #315145}@media(max-width:520px){.site-info-main{padding-top:70px}.site-info .site-header nav{display:flex}}

.mobile-site-menu{display:none}.mobile-site-menu summary{list-style:none;cursor:pointer;color:#eef0df;font:600 11px var(--mono);letter-spacing:.04em;text-transform:uppercase}.mobile-site-menu summary::-webkit-details-marker{display:none}.mobile-site-menu>div{position:absolute;right:14px;top:calc(100% + 8px);z-index:40;min-width:210px;padding:8px;background:#0d211b;border:1px solid #496b5b;box-shadow:8px 8px 0 rgba(0,0,0,.35)}.mobile-site-menu a{display:block;padding:12px;color:#edf0dd!important;text-decoration:none;font:600 13px var(--sans)!important;letter-spacing:0!important;text-transform:none!important}.mobile-site-menu a:hover,.mobile-site-menu a:focus-visible{background:#254437;color:#fffbea!important}.mobile-site-menu .locale-links{display:flex;padding:9px 12px;gap:12px;border-top:1px solid #345547}.mobile-site-menu .locale-links a{padding:0;color:#d8e982!important;font:11px var(--mono)!important}
@media(max-width:520px){.site-header{position:sticky}.site-header>nav,.guide-static-header>nav,.guide-static-header>.locale-links{display:none!important}.mobile-site-menu{display:block;position:relative;flex:0 0 auto}.site-header .locale-select{order:1}.site-header .mobile-site-menu{order:2}.site-header .nav-search{display:none}.guide-static-header .brand{margin-right:auto}.guide-static-header .mobile-site-menu{margin-left:12px}}