:root{color-scheme:dark;--navy:#071328;--ink:#030916;--cream:#f5f0df;--gold:#efc871;--muted:#aab9cb;--red:#b62035;--line:rgba(229,202,139,.25)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--navy);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a{transition:color .2s,background .2s,transform .2s}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a{color:inherit;text-decoration:none}button{color:inherit}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:var(--gold);color:var(--ink);padding:10px}.skip:focus{top:10px}
.masthead{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 4.5vw;border-bottom:1px solid var(--line);position:relative;z-index:2;background:#061024}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1rem;letter-spacing:.12em}.brand img{border-radius:50%;border:1px solid var(--gold)}.brand small{display:block;letter-spacing:.15em;font-size:.75rem;color:var(--gold);font-weight:400;margin-top:2px}.world-nav{display:flex;gap:8px}.world-nav button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 16px;font-size:.9375rem;color:var(--muted)}.world-nav button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.links{display:flex;align-items:center;gap:16px}.links>a:first-child{font-weight:800;padding:10px}.buy{background:linear-gradient(120deg,#f6dfa2,#d5a947);color:#18202f;font-size:.875rem;font-weight:800;letter-spacing:.03em;padding:13px 20px;box-shadow:0 4px 24px #0005}.buy:hover{background:#ffe6a5;transform:translateY(-2px)}
.world{min-height:calc(100svh - 148px)}.city-world{display:grid;grid-template-columns:minmax(285px,.8fr) minmax(0,1.75fr);gap:3vw;max-width:1580px;margin:auto;padding:36px 4.5vw 24px;background:radial-gradient(ellipse at 25% 75%,#19396766,transparent 50%)}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:700;color:var(--gold)}.hero-copy{position:relative;max-width:390px}.hero-copy h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(5rem,7.4vw,7.5rem);font-weight:900;line-height:.84;letter-spacing:.01em;margin:22px 0 18px;position:relative;z-index:1}.hero-copy h1 span{color:var(--gold)}.hero-copy>p{font-size:1rem;color:#d1dceb;position:relative;z-index:1}.hero-portrait{margin:-18px -15px -26px;position:relative}.hero-portrait img{width:100%;height:auto;display:block;mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 79%,transparent 100%)}.hero-caption{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.12em;margin-top:7px;position:relative;z-index:1}.city-console{padding-top:6px;min-width:0}.console-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.console-heading h2{font-size:clamp(1.5rem,2.1vw,2.25rem);font-weight:400;letter-spacing:-.03em;line-height:1.13;margin:10px 0 0}.chapter-count{font-size:2.625rem;line-height:1.1;color:var(--gold);border-left:1px solid var(--line);padding:6px 0 6px 25px}.chapter-count span{display:block;font-size:.75rem;letter-spacing:.12em;color:var(--muted)}
.map{aspect-ratio:1672/941;position:relative;background:#0d2139;border:1px solid var(--line);box-shadow:0 18px 50px #0007;isolation:isolate}.map-art{width:100%;height:100%;display:block;object-fit:contain;filter:brightness(.75)}.district{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:none;padding:0;display:flex;align-items:center;flex-direction:column;z-index:1}.district:hover,.district:focus-visible{z-index:3;transform:translate(-50%,-50%) scale(1.08)}.scene-thumb{display:block;width:clamp(54px,6.3vw,90px);aspect-ratio:1;border:2px solid var(--gold);background:var(--ink);box-shadow:0 6px 22px #000b;position:relative}.scene-thumb img{display:block;width:100%;height:100%;object-fit:contain}.scene-number{position:absolute;bottom:-1px;left:-1px;background:var(--gold);color:var(--ink);font-weight:800;font-size:.75rem;line-height:1.4;padding:1px 5px}.district-name{display:block;white-space:nowrap;font-size:.8125rem;color:var(--cream);margin-top:6px;padding:3px 8px;background:#051126e8;border:1px solid #d6b76533}.rooftop{--x:49%;--y:38%}.station{--x:17%;--y:24%}.river{--x:82%;--y:61%}.alley{--x:22%;--y:79%}.hill{--x:88%;--y:19%}.console-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.console-footer p{font-size:.875rem;color:var(--muted);margin:0}.text-button{font-size:.875rem;color:var(--gold);border:0;background:transparent;padding:4px 0}.text-button:hover{text-decoration:underline}.patrol-note{display:grid;grid-template-columns:155px 1fr;gap:25px;margin-top:25px;align-items:start}.patrol-note .eyebrow{line-height:1.7}.patrol-note p{margin:0;max-width:560px;font-size:.9375rem;color:#bac9da;line-height:1.6}
.bottom-bar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 4.5vw;background:#050d1c;border-top:1px solid var(--line);font-size:.75rem;letter-spacing:.1em;color:var(--gold)}.muted{color:var(--muted)}.bottom-bar button{border:0;background:none;color:var(--cream);font-size:.875rem;padding:4px 8px;letter-spacing:0}.bottom-bar button:hover{color:var(--gold)}
.hq-world{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr);gap:6vw;padding:60px 6vw;background:linear-gradient(90deg,#031024ef,#07162ddd),url('assets/hq.webp') center/cover}.hq-intro{max-width:440px;align-self:center}.hq-intro h2{font-size:clamp(2.5rem,4.5vw,4rem);font-weight:400;letter-spacing:-.045em;line-height:1.05;margin:24px 0}.hq-intro p{color:#ccd8e8;font-size:1rem;line-height:1.75}.hq-last{margin-top:24px}.outline-button{padding:12px 18px;border:1px solid var(--gold);background:#09172b;color:var(--gold);font-size:.875rem;margin-top:15px}.outline-button:hover{background:var(--gold);color:var(--ink)}.market-console{background:#030914f2;border:1px solid var(--line);align-self:center;box-shadow:0 18px 45px #0008;min-width:0}.market-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;border-bottom:1px solid var(--line)}.market-heading h3{font-size:1.375rem;letter-spacing:-.03em;margin:5px 0 0}.market-heading a{font-size:.875rem;color:var(--gold)}iframe{width:100%;height:460px;display:block;border:0;background:#080b11}.market-foot{display:flex;justify-content:space-between;gap:15px;padding:14px 20px;font-size:.75rem;color:var(--muted)}.market-foot a{color:var(--gold)}
dialog{padding:0;border:1px solid var(--line);background:var(--navy);color:var(--cream);width:min(1100px,92vw);max-height:90svh;box-shadow:0 20px 100px #000c}dialog::backdrop{background:#020815ed;backdrop-filter:blur(8px)}.dialog-open{overflow:hidden}.close-dialog{position:absolute;z-index:3;top:14px;right:14px;padding:9px 14px;border:1px solid var(--line);background:#071328ed;font-size:.875rem}.mission-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.mission-grid>img{display:block;width:100%;height:auto;object-fit:contain;background:#030914}.mission-copy{padding:60px 35px 35px}.mission-copy h2{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:400;letter-spacing:-.04em;line-height:1.06;margin:22px 0}.mission-copy p{font-size:1rem;line-height:1.75;color:#d4deea}.mission-detail{color:var(--gold)!important;margin-top:24px}.no-script{padding:20px;background:var(--red)}
@media(min-width:1600px){.city-world{padding-top:45px}.hero-copy h1{font-size:7.5rem}.hero-portrait{max-width:370px}.scene-thumb{width:90px}}
@media(max-width:1000px){.masthead{padding:16px 3vw;gap:12px}.brand{font-size:.8125rem}.brand small{font-size:.75rem}.world-nav button{padding:10px}.links{gap:8px}.buy{padding:12px}.city-world{gap:25px;padding:30px 3vw;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr)}.hero-copy h1{font-size:5.5rem}.hero-caption{font-size:.75rem;letter-spacing:.06em}.patrol-note{display:block}.patrol-note p{margin-top:10px}.district-name{font-size:.75rem;padding:2px 5px}.scene-thumb{width:58px}.hq-world{padding:45px 4vw;gap:35px}.hq-intro h2{font-size:2.8rem}}
@media(max-width:760px){.masthead{flex-wrap:wrap;gap:12px;padding:14px 20px;min-height:118px}.brand{order:0}.links{order:1;margin-left:auto}.buy{font-size:.8125rem;padding:11px 12px}.world-nav{order:2;width:100%;justify-content:center;border-top:1px solid #ffffff12;padding-top:6px}.world-nav button{flex:1}.city-world{display:block;padding:25px 20px 30px}.hero-copy{max-width:none;min-height:260px;position:relative;padding-right:45%;padding-top:10px}.hero-copy h1{font-size:clamp(3.625rem,11vw,6rem);margin:15px 0}.hero-copy>p{font-size:.9375rem;max-width:230px}.hero-portrait{position:absolute;right:-12px;top:-5px;width:55%;max-width:300px;margin:0;z-index:0}.hero-portrait img{mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}.hero-caption{position:relative;width:90vw;margin-top:20px;max-width:100%;font-size:.75rem}.console-heading{margin:16px 0 22px}.console-heading h2{font-size:1.75rem}.chapter-count{font-size:2.3rem}.map{aspect-ratio:16/10}.map-art{object-fit:cover}.scene-thumb{width:clamp(48px,9vw,64px)}.district-name{display:none}.hill{--x:88%;--y:19%}.alley{--y:80%}.console-footer{align-items:start}.console-footer p{max-width:140px}.text-button{max-width:160px;text-align:right}.patrol-note{margin-top:25px}.patrol-note p{font-size:.9375rem}.bottom-bar{padding:14px 20px;font-size:.75rem;letter-spacing:.04em}.bottom-bar .muted{display:none}.hq-world{display:block;padding:35px 20px;background:linear-gradient(#07162dcd,#07162df2),url('assets/hq.webp') center/cover}.hq-intro{max-width:600px}.hq-intro h2{font-size:2.8rem}.hq-intro p{font-size:1rem}.market-console{margin-top:35px}.market-heading{padding:15px}.market-foot{padding:12px;font-size:.75rem;gap:10px}iframe{height:440px}.mission-grid{display:block}.mission-grid>img{max-height:55svh;object-fit:contain}.mission-copy{padding:25px}.mission-copy h2{font-size:2.5rem}.close-dialog{top:10px;right:10px}.mission-copy .outline-button{margin-top:10px}}
@media(max-width:380px){.masthead{padding:12px}.brand{gap:6px;letter-spacing:.06em}.brand img{width:34px;height:34px}.brand small{letter-spacing:.06em}.links{gap:0}.buy{padding:10px 9px}.hero-copy{min-height:255px}.hero-copy h1{font-size:3.625rem}.hero-copy>p{font-size:.875rem}.hero-portrait{right:-8px;top:15px}.hero-caption{font-size:.75rem;letter-spacing:0;max-width:90vw}.city-world{padding:20px 14px}.console-heading h2{font-size:1.5rem}.chapter-count{font-size:2rem;padding-left:15px}.scene-thumb{width:46px}.eyebrow{letter-spacing:.08em}.bottom-bar{padding:12px 14px}.bottom-bar>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}