:root{
  --night:#081416;--night-2:#0d2023;--panel:#102c30;--panel-2:#16383b;
  --ink:#edf0df;--muted:#9aaca5;--gold:#d9ad55;--gold-dark:#8d682e;
  --cream:#f1e4bd;--red:#c76754;--green:#5d9b77;--line:#527074;
  --panel-deep:#091b1e;--paper:#f1e4bd;--muted-light:#bdc9c2;
  --gold-dim:#8d682e;--line-strong:#527074;--shadow:#020809;
  --danger:#c76754;--danger-light:#e58d7d;
  --serif:"Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif;
  --pixel:ui-monospace,"Cascadia Mono","Microsoft YaHei",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-color:var(--night);background-image:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:8px 8px}
.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
a{color:inherit}
.site-header{min-height:72px;padding:10px clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between;border-bottom:4px double var(--gold-dark);background:#0b1b1e;position:sticky;top:0;z-index:40;box-shadow:0 4px 0 rgba(0,0,0,.42)}
.brand{display:flex;align-items:center;gap:12px;color:var(--cream);text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--gold);color:#152225;border:2px solid #f4d789;box-shadow:3px 3px 0 #000;font:900 22px var(--serif);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.brand b{display:block;font:900 18px var(--serif);letter-spacing:.16em}.brand small{display:block;color:#879993;font:700 8px/1.2 var(--pixel);letter-spacing:.14em}
.site-header nav{display:flex;gap:4px}.site-header nav a{padding:8px 14px;color:#b9c5bd;text-decoration:none;border:1px solid transparent;font:700 12px var(--pixel)}.site-header nav a:hover{color:var(--gold);border-color:var(--gold-dark);background:#142a2d}
.privacy-pill{padding:7px 11px;border:1px solid #486366;background:#0e2629;color:#b9c7c0;font:700 10px var(--pixel);box-shadow:2px 2px 0 #000}.privacy-pill i{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--green);box-shadow:0 0 0 2px #183c32}
main{overflow:hidden}.hero{max-width:1180px;min-height:520px;margin:0 auto;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:70px;padding:74px 34px 62px;position:relative}.hero:after{content:"";position:absolute;left:34px;right:34px;bottom:0;height:4px;background:repeating-linear-gradient(90deg,var(--gold-dark) 0 12px,transparent 12px 18px)}
.eyebrow{margin:0 0 13px;color:var(--gold);font:800 10px var(--pixel);letter-spacing:.16em}.hero h1{margin:0;color:var(--cream);font:900 clamp(48px,6vw,78px)/1.12 var(--serif);letter-spacing:.03em;text-shadow:4px 4px 0 #020809}.hero h1 em{font-style:normal;color:var(--gold)}
.hero-lede{max-width:590px;margin:24px 0;color:#b4c1ba;font-size:16px}.hero-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;padding:12px 18px;border:2px solid var(--gold-dark);background:#132d30;color:var(--cream);text-decoration:none;cursor:pointer;font:800 12px var(--pixel);box-shadow:4px 4px 0 #000;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.button:hover{color:#162226;background:var(--gold);border-color:#f0d080;transform:translate(2px,2px);box-shadow:2px 2px 0 #000}.button.ghost{background:#0b1d20;color:#b8c6bf}.microcopy{margin-top:19px;color:#778b85;font:700 10px var(--pixel)}
.hero-art{height:360px;position:relative;border:4px double var(--gold-dark);background:#0c2326;box-shadow:8px 8px 0 #020809;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.hero-art:before{content:"WORLD MAP / SAVE STATUS";position:absolute;left:14px;top:11px;color:#77908a;font:700 8px var(--pixel);letter-spacing:.12em}.compass-lines{position:absolute;inset:48px 52px;border:2px dotted #355155;transform:rotate(45deg)}.compass-lines:before,.compass-lines:after{content:"";position:absolute;left:50%;top:-26px;bottom:-26px;border-left:1px solid #355155}.compass-lines:after{transform:rotate(90deg)}
.octagon{position:absolute;width:168px;height:168px;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#193e42;border:4px double var(--gold);color:var(--cream);clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 24px),calc(100% - 24px) 100%,24px 100%,0 calc(100% - 24px),0 24px);box-shadow:0 0 0 7px #0c2326,0 0 0 9px #3d5d60}.octagon span{font:900 70px/1 var(--serif);color:var(--gold);text-shadow:3px 3px 0 #071113}.octagon small{font:700 8px var(--pixel);letter-spacing:.12em}.route{display:none}.map-label{position:absolute;padding:3px 6px;background:#0a1c1f;color:#829993;border-left:2px solid var(--gold-dark);font:700 8px var(--pixel);letter-spacing:.08em}.label-a{top:54px;right:22px}.label-b{bottom:30px;left:22px}.label-c{bottom:30px;right:22px}
.section{width:min(1180px,calc(100% - 36px));margin:34px auto;padding:30px;border:4px double var(--line);background:#0d2326;box-shadow:8px 8px 0 #020809;position:relative;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.section:before{content:"";position:absolute;left:0;top:0;width:120px;height:4px;background:var(--gold)}
.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:32px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #395256}.section-heading h2{margin:0;color:var(--cream);font:900 clamp(28px,4vw,42px)/1.2 var(--serif);letter-spacing:.04em}.section-heading>p{margin:0;color:var(--muted);font-size:12px}.analyzer .eyebrow{color:var(--gold)}
.dropzone{min-height:138px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:26px;border:2px dashed #527074;background:#102c30;cursor:pointer;transition:.12s}.dropzone:hover,.dropzone.dragging{border-color:var(--gold);background:#153539}.drop-icon{width:58px;height:58px;display:grid;place-items:center;border:3px double var(--gold-dark);background:#0b2023;color:var(--gold);font:900 26px var(--pixel);box-shadow:3px 3px 0 #000}.dropzone h3{margin:0 0 4px;color:var(--cream);font:700 17px var(--serif)}.dropzone p{margin:0;color:var(--muted);font-size:11px}.file-button{padding:10px 14px;border:1px solid #f2cf7c;background:var(--gold);color:#172325;font:900 11px var(--pixel);box-shadow:3px 3px 0 #000}
.path-help{margin-top:12px;border:1px solid #355154;background:#0a1d20}.path-help summary{padding:10px 13px;cursor:pointer;color:#b7c4bd;font:700 11px var(--pixel)}.path-help summary::marker{color:var(--gold)}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 14px 14px}.path-grid div{padding:10px;background:#102a2d;border-left:2px solid var(--gold-dark)}.path-grid strong{display:block;color:var(--gold);font-size:11px}.path-grid code{color:#d5ddcf;font:10px var(--pixel);word-break:break-all}
.status-message{margin-top:16px;padding:13px 15px;border:1px solid var(--gold-dark);border-left:5px solid var(--gold);background:#172f31;color:var(--cream);font:11px var(--pixel)}.status-message.error{border-color:var(--red)}.results{margin-top:26px}.result-bar{display:flex;justify-content:space-between;align-items:flex-end;padding:15px 17px;border:1px solid #466165;background:#0a1c1f}.file-kicker,.overall span{display:block;color:#83958f;font:700 8px var(--pixel);letter-spacing:.1em}.result-bar strong{font:700 18px var(--serif)}.overall{text-align:right}.overall b{font:900 25px var(--serif);color:var(--gold)}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0}.stat-card{min-height:102px;padding:15px 13px;border:1px solid #3f5a5d;border-bottom:3px solid var(--gold-dark);background:#143337;position:relative}.stat-card span{color:#8fa19b;font:700 9px var(--pixel)}.stat-card strong{display:block;margin:8px 0 1px;color:var(--cream);font:900 22px var(--serif)}.stat-card small{color:var(--gold);font-size:9px}.stat-card:after{content:attr(data-index);position:absolute;right:7px;top:5px;color:#527074;font:700 9px var(--pixel)}
.warning-strip{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid #87672e;background:#2a281d;color:#eadcaf}.warning-strip>span{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--gold);font:900 16px var(--pixel)}.warning-strip strong{font-size:12px}.warning-strip p{margin:1px 0;font-size:10px}
.guide,.maps{background:#0d2326}.section-heading.compact{margin-bottom:22px}.filter-row{display:flex;align-items:center;gap:6px;padding:10px 0;border-top:1px solid #365054;border-bottom:1px solid #365054;overflow:auto}.filter{padding:7px 10px;border:1px solid transparent;background:transparent;color:#9baaa5;font:700 10px var(--pixel);white-space:nowrap;cursor:pointer}.filter.active{border-color:var(--gold-dark);background:var(--gold);color:#182326}.search{margin-left:auto;display:flex;border-bottom:1px solid var(--gold-dark);min-width:190px}.search input{width:100%;padding:7px;border:0;outline:0;background:transparent;color:var(--ink);font:11px var(--pixel)}
.achievement-list{display:grid;gap:8px}.achievement-card{display:grid;grid-template-columns:46px minmax(180px,.75fr) 1.4fr auto;align-items:center;gap:16px;padding:14px;border:1px solid #405b5f;background:#123034}.achievement-card:hover{border-color:var(--gold-dark)}.achievement-card.completed{opacity:.55}.achievement-card.completed .achievement-title{text-decoration:line-through}.check{width:30px;height:30px;border:2px solid var(--gold-dark);background:#0b1d20;color:transparent;cursor:pointer}.completed .check{background:var(--gold);color:#142124}.achievement-title{font:700 14px var(--serif)}.achievement-title small{display:block;color:var(--gold);font:700 8px var(--pixel)}.achievement-summary{color:var(--muted);font-size:11px}.detail-toggle{border:0;background:transparent;color:var(--gold);font:800 10px var(--pixel);cursor:pointer}.achievement-detail{grid-column:2/-1;display:none;padding-top:12px;border-top:1px solid #385256}.achievement-card.open .achievement-detail{display:grid;grid-template-columns:1fr auto;gap:20px}.steps{margin:0;padding-left:18px;font-size:11px}.source-link{color:var(--gold);font:800 10px var(--pixel)}
.region-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:20px}.region-summary>div:first-child span{font:900 34px var(--serif)}.region-summary small{color:var(--muted)}.thin-progress{height:6px;border:1px solid #466064;background:#081719}.thin-progress i{display:block;height:100%;background:var(--gold)}.region-summary button{border:0;background:transparent;color:var(--gold);font:10px var(--pixel);cursor:pointer}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.map-card{min-height:170px;padding:18px;border:1px solid #3f5b5e;background:#123034;display:flex;flex-direction:column}.map-card h3{margin:7px 0 2px;font:700 16px var(--serif)}.map-card p{margin:0;color:var(--muted);font-size:10px}.map-card footer{margin-top:auto;padding:0;border:0;display:flex;justify-content:space-between}.map-card a{color:var(--gold);font:800 10px var(--pixel)}.region-check{font:700 9px var(--pixel)}.region-check input{accent-color:var(--gold)}
body>footer{margin-top:40px;padding:30px clamp(20px,6vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:4px double var(--gold-dark);background:#061012;color:#8fa19b;font-size:10px}body>footer>div{display:flex;gap:12px;align-items:center}body>footer p{margin:0}.brand-mark.small{width:32px;height:32px;font-size:16px}body>footer a{color:var(--gold)}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:34px}.hero-art{height:300px}.section-heading{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.map-grid{grid-template-columns:repeat(2,1fr)}.achievement-card{grid-template-columns:40px 1fr auto}.achievement-summary{grid-column:2/-1}.path-grid{grid-template-columns:1fr}}
@media(max-width:600px){.site-header{min-height:62px;padding:8px 14px}.brand b{font-size:15px}.brand small{display:none}.brand-mark{width:36px;height:36px}.privacy-pill{font-size:0}.privacy-pill i{margin:0}.hero{min-height:auto;padding:50px 22px 44px}.hero h1{font-size:44px}.hero-lede{font-size:14px}.hero-art{height:250px}.octagon{width:132px;height:132px}.octagon span{font-size:54px}.section{width:calc(100% - 20px);margin:20px auto;padding:18px;box-shadow:4px 4px 0 #020809}.section-heading h2{font-size:28px}.dropzone{grid-template-columns:1fr;text-align:center;padding:22px 15px}.drop-icon{margin:auto}.file-button{justify-self:center}.stats-grid{grid-template-columns:1fr 1fr}.map-grid{grid-template-columns:1fr}.achievement-card{padding:12px;gap:9px}.achievement-card.open .achievement-detail{grid-template-columns:1fr}body>footer{grid-template-columns:1fr;gap:18px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}}
