:root{--ink: #f1ece0;--muted: #9fb0c8;--accent: #ffd089;--cyan: #7af0e0;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:#05070d;color:var(--ink);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}canvas{display:block;touch-action:none}::selection{background:#ffd08940}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--serif);font-size:22px;color:var(--muted);letter-spacing:1px}.ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.ui-root button,.ui-root input,.ui-root a{pointer-events:auto}.frame{position:absolute;pointer-events:none;border-radius:3px}.frame-outer{top:16px;right:16px;bottom:16px;left:16px;border:1px solid var(--muted);opacity:.2}.frame-inner{top:23px;right:23px;bottom:23px;left:23px;border:.5px solid var(--muted);opacity:.12}.compass{position:absolute;right:50px;bottom:120px;opacity:.5;pointer-events:none}.title-block{position:absolute;top:34px;left:44px;max-width:52%}.title{font-family:var(--serif);font-size:40px;line-height:1.02;color:var(--ink);text-shadow:0 2px 16px rgba(0,0,0,.85)}.divider{width:74px;height:1px;background:var(--muted);opacity:.55;margin:10px 0 9px}.subtitle{font-family:var(--serif);font-size:13px;letter-spacing:3px;color:var(--ink);text-shadow:0 1px 10px rgba(0,0,0,.85)}.source-line{margin-top:10px;font-family:var(--serif);font-size:12.5px;letter-spacing:.4px;color:var(--muted);text-shadow:0 1px 8px rgba(0,0,0,.9)}.source-line a{color:var(--accent);text-decoration:none;border-bottom:.5px solid rgba(255,208,137,.35)}.source-line a:hover{border-bottom-color:var(--accent)}.source-by{opacity:.8}.argument-card{position:absolute;left:44px;bottom:118px;width:340px;pointer-events:auto;border-radius:12px;transition:background .25s,border-color .25s;background:#080b1200;border:.5px solid rgba(255,255,255,0)}.argument-card.open{background:#080b12c7;border-color:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.argument-toggle{position:relative;width:100%;text-align:left;cursor:pointer;padding:14px 16px;background:#080b128c;border:.5px solid rgba(255,208,137,.28);border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:block}.argument-card.open .argument-toggle{background:none;border:none;border-bottom:.5px solid rgba(255,255,255,.09);border-radius:0}.argument-ratio{display:block;font-family:var(--serif);font-size:34px;line-height:1;letter-spacing:2px}.argument-ratio i{color:var(--muted);font-style:normal;opacity:.55;margin:0 3px}.argument-caption{display:block;margin-top:7px;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.argument-caret{position:absolute;top:14px;right:16px;font-size:17px;color:var(--accent)}.argument-body{padding:14px 16px 16px}.argument-body blockquote{margin:0 0 8px;font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--ink);border-left:1px solid rgba(255,208,137,.4);padding-left:12px}.argument-cite{font-size:10.5px;color:var(--muted);margin-bottom:12px;padding-left:13px}.argument-cite a{color:var(--accent);text-decoration:none}.argument-body p{font-size:12.5px;line-height:1.6;color:#c2ccdb;margin:0 0 9px}.argument-foot{color:var(--muted)!important;font-style:italic}.colophon{position:absolute;left:44px;bottom:20px;max-width:300px;font-size:9.5px;line-height:1.65;letter-spacing:.3px;color:var(--muted);opacity:.62;pointer-events:auto}.colophon a{color:var(--muted);text-decoration:none;border-bottom:.5px dotted rgba(159,176,200,.5)}.colophon a:hover{color:var(--accent);border-bottom-color:var(--accent)}.nav-btn{position:absolute;top:40px;right:50px;background:none;border:.5px solid var(--muted);color:var(--ink);font-family:var(--serif);font-size:14px;letter-spacing:1px;padding:8px 16px;border-radius:20px;cursor:pointer;transition:background .2s}.nav-btn:hover{background:#ffffff12}.mech-panel{position:absolute;top:92px;right:26px;width:250px;border-radius:12px;background:#080b1200;border:.5px solid rgba(255,255,255,0);transition:background .25s,border-color .25s}.mech-panel.open{background:#080b12a8;border-color:#ffffff1a;padding-bottom:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mech-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:#080b1280;border:.5px solid rgba(255,208,137,.3);border-radius:10px;padding:9px 14px;cursor:pointer;font-family:var(--serif);font-size:13px;letter-spacing:1px;color:var(--accent)}.mech-panel.open .mech-toggle{background:none;border:none;border-bottom:.5px solid rgba(255,255,255,.08);border-radius:0;margin-bottom:8px}.mech-caret{font-size:16px}.mech{margin:0 14px 12px;border-left:1px solid rgba(255,208,137,.3);padding-left:11px}.panel-head{font-family:var(--serif);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;opacity:.95;text-shadow:0 1px 8px rgba(0,0,0,.8)}.mech{margin-bottom:12px;border-left:1px solid rgba(255,208,137,.3);padding-left:11px}.mech-title{font-family:var(--serif);font-size:15px;color:var(--ink)}.mech-text{font-size:11px;line-height:1.45;color:var(--muted);margin-top:2px}.beat-panel{position:absolute;left:44px;bottom:130px;max-width:360px;animation:fadeUp .6s ease;background:#080b1280;border-radius:12px;padding:16px 20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.beat-year{font-family:var(--serif);font-size:13px;letter-spacing:2px;color:var(--accent)}.beat-title{font-family:var(--serif);font-size:27px;color:var(--ink);margin:3px 0 6px}.beat-text{font-size:14px;line-height:1.6;color:#c9d3e2}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cf-panel{position:absolute;left:50%;top:16%;transform:translate(-50%);max-width:460px;text-align:center;background:#0a0c148c;border:.5px solid rgba(255,208,137,.3);border-radius:10px;padding:20px 26px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cf-title{font-family:var(--serif);font-size:24px;color:var(--accent);margin-bottom:8px}.cf-text{font-size:14px;line-height:1.65;color:#d7dee9}.city-pop{position:absolute;left:44px;bottom:130px;max-width:320px;cursor:pointer;background:#0a0c1499;border:.5px solid rgba(255,208,137,.35);border-radius:10px;padding:16px 18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.city-pop-name{font-family:var(--serif);font-size:22px;color:var(--ink)}.city-pop-year{font-family:var(--serif);font-size:13px;letter-spacing:1px;color:var(--accent);margin:2px 0 6px}.city-pop-blurb{font-size:13px;line-height:1.55;color:var(--muted)}.timeline{position:absolute;left:50%;bottom:38px;transform:translate(-50%);display:flex;align-items:center;gap:16px;width:min(640px,78vw)}.timeline input[type=range]{flex:1;accent-color:var(--accent);height:3px}.year-out{font-family:var(--serif);font-size:16px;min-width:92px;text-align:right;color:var(--ink)}.play-btn{width:40px;height:40px;border-radius:50%;border:.5px solid var(--muted);background:none;color:var(--ink);cursor:pointer;font-size:13px}.cf-btn{background:none;border:.5px solid var(--muted);color:var(--muted);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:12px;letter-spacing:1px;white-space:nowrap}.cf-btn.on{color:var(--accent);border-color:var(--accent)}.hotspot{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;white-space:nowrap}.hotspot-dot{width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.8s ease-in-out infinite}.hotspot-label{font-family:var(--serif);font-size:15px;color:var(--ink);letter-spacing:.5px;text-shadow:0 1px 6px #000}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.city-label{font-family:var(--serif);font-size:15px;color:#fff;letter-spacing:.5px;text-shadow:0 1px 6px #000,0 0 10px rgba(255,208,137,.5);white-space:nowrap;transform:translateY(-22px)}.route-label{font-family:var(--serif);font-size:12px;font-style:italic;color:var(--accent);text-shadow:0 1px 5px #000;white-space:nowrap}.route-announce{font-family:var(--serif);font-size:12px;font-style:italic;letter-spacing:.5px;white-space:nowrap;padding:2px 9px;border-radius:20px;background:#04070db8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 1px 4px #000;animation:routeIn .45s ease both,routeOut .7s ease 2.8s both}.route-announce-sea{color:#f0c24a;border:.5px solid rgba(240,194,74,.35)}.route-announce-river{color:#4fd8c4;border:.5px solid rgba(79,216,196,.35)}.route-announce-land{color:#e08a5a;border:.5px solid rgba(217,104,58,.4)}@keyframes routeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes routeOut{0%{opacity:1}to{opacity:0}}.fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070d;opacity:0;pointer-events:none;transition:opacity .55s ease}.fade.on{opacity:1}.dive-panel{position:absolute;top:168px;right:40px;width:250px}.dive-item{display:block;width:100%;text-align:left;background:#080b1299;border:.5px solid rgba(255,255,255,.16);border-radius:10px;padding:13px 15px;margin-bottom:10px;cursor:pointer;transition:all .18s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dive-item.active:hover{border-color:var(--accent);background:#221c10bf;transform:translate(-3px)}.dive-item.soon{opacity:.4;cursor:default}.dive-name{display:block;font-family:var(--serif);font-size:19px;color:var(--ink)}.dive-sub{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;letter-spacing:.3px}.boat-label{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--cyan);white-space:nowrap;text-shadow:0 1px 5px #000;transform:translateY(-16px);transition:opacity .3s}.gate-label{text-align:center;white-space:nowrap;text-shadow:0 1px 6px #000;transform:translateY(-30px);transition:opacity .4s}.gate-dir{font-family:var(--serif);font-size:13px;letter-spacing:1px;color:var(--ink)}.gate-goods{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--accent);margin-top:1px}.style-switch{position:absolute;top:116px;left:44px;display:flex;gap:6px}.style-btn{background:#080b1299;border:.5px solid rgba(255,255,255,.16);color:var(--muted);border-radius:16px;padding:6px 13px;cursor:pointer;font-family:var(--serif);font-size:13px;letter-spacing:.5px;text-transform:capitalize;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .18s}.style-btn:hover{color:var(--ink);border-color:#ffffff59}.style-btn.on{color:var(--accent);border-color:var(--accent);background:#221c10b3}.year-era{display:flex;flex-direction:column;align-items:flex-end;min-width:100px}.era-out{font-size:10px;letter-spacing:1.5px;color:#9a7040;font-style:italic;margin-top:2px;white-space:nowrap}.globe-city-label{pointer-events:auto;cursor:pointer;white-space:nowrap;transition:color .18s,text-shadow .18s}.globe-city-label-name{font-family:Cormorant Garamond,serif;font-size:13px;font-weight:600;letter-spacing:1.1px;color:#f2e7cf;text-shadow:0 1px 3px #000,0 0 9px rgba(0,0,0,.95)}.globe-city-label.is-hovered .globe-city-label-name,.globe-city-label.is-selected .globe-city-label-name{color:#ffd089;text-shadow:0 1px 3px #000,0 0 14px rgba(255,208,137,.7)}.globe-city-label.is-selected .globe-city-label-name{letter-spacing:2px}.city-detail-panel{position:absolute;right:44px;top:50%;transform:translateY(-50%);width:320px;background:#04070df2;border:1px solid rgba(200,168,90,.3);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;overflow:hidden;max-height:calc(100vh - 90px);overflow-y:auto;animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.city-detail-close{position:absolute;top:12px;right:14px;width:26px;height:26px;border-radius:50%;border:1px solid #2a3a4a;background:none;color:#3a4a5a;font-size:16px;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s;line-height:1}.city-detail-close:hover{color:#c8a85a;border-color:#c8a85a}.city-detail-head{padding:20px 24px 15px;border-bottom:1px solid rgba(255,255,255,.05)}.city-detail-name{font-family:Cormorant Garamond,serif;font-size:32px;color:#f0e8d4;line-height:1;margin-bottom:5px}.city-detail-arch{font-size:10px;letter-spacing:2.5px;color:#c8a85a;text-transform:uppercase;margin-bottom:13px}.city-detail-why{font-size:12.5px;color:#93a3b6;line-height:1.55}.city-in-article{display:inline-block;margin-bottom:12px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#c8a85a;text-decoration:none;border:.5px solid rgba(200,168,90,.35);border-radius:20px;padding:4px 10px;pointer-events:auto;transition:background .2s}.city-in-article:hover{background:#c8a85a1f}.site-check{padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.site-check-title{font-size:10px;letter-spacing:2px;color:#c8a85a;text-transform:uppercase;margin-bottom:9px}.site-check-quote{font-family:var(--serif);font-size:12px;line-height:1.45;color:#93a3b6;border-left:1px solid rgba(200,168,90,.28);padding-left:10px;margin-bottom:13px}.site-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.site-chip{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;background:#ffffff08;border:.5px solid rgba(255,255,255,.07)}.site-chip.has{background:#c8a85a1a;border-color:#c8a85a66}.site-chip-mark{font-size:11px;color:#445466;width:10px;text-align:center}.site-chip.has .site-chip-mark{color:#ffd089}.site-chip-label{font-size:10.5px;letter-spacing:.4px;color:#6d7d8f}.site-chip.has .site-chip-label{color:#e8dcc4}.site-check-count{margin-top:9px;font-size:10.5px;letter-spacing:.6px;color:#7d8d9f;font-style:italic}.city-detail-reach{padding:15px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.city-detail-reach-title{font-size:10px;letter-spacing:2px;color:#7d8d9f;text-transform:uppercase;margin-bottom:16px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.reach-era{text-transform:none;letter-spacing:.4px;font-style:italic;color:#9a7040;font-size:10.5px}.reach-foot{margin-top:14px;font-size:10.5px;line-height:1.55;color:#6d7d8f;font-style:italic}.reach-bar-row{margin-bottom:11px}.reach-bar-row:last-child{margin-bottom:0}.reach-bar-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.reach-bar-mode{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}.reach-bar-dist{font-family:Cormorant Garamond,serif;font-size:16px}.reach-bar-wrap{height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:4px}.reach-bar{height:100%;border-radius:3px;transition:width 1.1s cubic-bezier(.16,1,.3,1),opacity .6s}.reach-bar.gone{width:0!important;opacity:.15}.reach-bar-note{font-size:11px;color:#8494a6;transition:color .4s}.reach-bar-note.gone{color:#4a5860;text-decoration:line-through}.city-detail-cf{padding:14px 24px 12px}.city-cf-btn{width:100%;padding:11px 18px;background:none;border:1px solid rgba(200,168,90,.3);border-radius:9px;color:#c8a85a;font-size:10px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s;pointer-events:auto;font-family:var(--sans)}.city-cf-btn:hover{background:#c8a85a12;border-color:#c8a85a}.city-cf-btn.active{background:#b43c1e1f;border-color:#b04030;color:#e06040}.city-cf-text{font-size:12.5px;color:#8a5040;line-height:1.65;margin-top:13px;max-height:0;overflow:hidden;transition:max-height .5s ease}.city-cf-text.show{max-height:200px}.city-dive-wrap{padding:0 24px 20px}.city-dive-btn{display:block;width:100%;padding:11px 18px;background:none;border:1px solid rgba(90,200,184,.3);border-radius:9px;color:#5ac8b8;font-size:10px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s;pointer-events:auto;font-family:var(--sans)}.city-dive-btn:hover{background:#5ac8b812;border-color:#5ac8b8}.story-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto;overflow-x:hidden;background:radial-gradient(120% 90% at 70% 10%,#0c1018,#06080d 60%,#04050a);color:var(--ink);pointer-events:auto;scroll-behavior:smooth}.story-back{position:fixed;top:26px;right:32px;z-index:60}.story-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;max-width:1380px;margin:0 auto;padding:0 48px}.story-narrative{padding:8vh 0}.story-step{min-height:84vh;display:flex;flex-direction:column;justify-content:center;max-width:460px;opacity:.22;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.story-step.active{opacity:1;transform:none}.story-eyebrow{font-family:var(--serif);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.story-heading{font-family:var(--serif);font-size:40px;line-height:1.08;margin:0 0 20px;color:var(--ink);font-weight:500}.story-body{font-size:16px;line-height:1.72;color:#c4ccd8;margin:0}.story-end{min-height:40vh;display:flex;align-items:center}.dive-cta{background:none;border:.5px solid var(--muted);color:var(--ink);font-family:var(--serif);font-size:15px;letter-spacing:1px;padding:12px 22px;border-radius:24px;cursor:pointer;transition:background .2s}.dive-cta:hover{background:#ffffff12}.story-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.story-stage-inner{width:100%;display:flex;flex-direction:column;align-items:center;gap:22px}.story-progress{position:absolute;bottom:38px;left:50%;transform:translate(-50%);display:flex;gap:9px}.story-progress span{width:7px;height:7px;border-radius:50%;background:#ffffff2e;transition:background .3s,transform .3s}.story-progress span.on{background:var(--accent);transform:scale(1.35)}.profile-chart{width:100%;max-width:720px;height:auto;overflow:visible}.pc-grid{stroke:#ffffff12;stroke-width:1}.pc-ytick,.pc-xtick{fill:#7e8aa0;font-family:var(--sans);font-size:12px}.pc-axislabel{fill:#5e6a80;font-family:var(--serif);font-size:12px;letter-spacing:1px}.pc-sea{fill:#5aa0c81a}.pc-river{transition:opacity .5s ease}.pc-river.pc-dim{opacity:.28}.pc-area{fill:var(--rc);opacity:.13}.pc-line{fill:none;stroke:var(--rc);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pc-draw 1.5s ease forwards}@keyframes pc-draw{to{stroke-dashoffset:0}}.pc-badge{font-family:var(--serif);font-size:14px;letter-spacing:.5px}.pc-badge.nav{fill:#6fd0c0}.pc-badge.block{fill:#e08a5a}.pc-anndot{fill:var(--rc);stroke:#0a0d14;stroke-width:1.5}.pc-annlabel{fill:#cbd2de;font-family:var(--sans);font-size:11.5px}.stage-faint{opacity:.34;filter:saturate(.5)}.reach-spine{width:100%;max-width:600px}.reach-spine-label{font-family:var(--serif);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.reach-spine-track{height:12px;border-radius:6px;background:#ffffff14;overflow:hidden}.reach-spine-fill{height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#7af0e0d9,#5ac8b880);animation:reach-grow 1.6s ease forwards}@keyframes reach-grow{to{width:100%}}.reach-spine-val{font-size:13px;color:#9fb0c8;margin-top:8px}.verdict-wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:100%;max-width:660px}.verdict-card{border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--rc);border-radius:12px;padding:22px 20px;background:#ffffff06}.verdict-name{font-family:var(--serif);font-size:24px;color:var(--ink)}.verdict-sub{font-size:12px;color:#8a93a6;letter-spacing:1px;margin-top:2px}.verdict-stat{font-family:var(--serif);font-size:15px;color:var(--rc);margin:14px 0 12px}.verdict-tag{display:inline-block;font-size:10px;letter-spacing:1.5px;padding:5px 10px;border-radius:5px;margin-bottom:14px}.verdict-tag.win{background:#5ac8b824;color:#6fd0c0}.verdict-tag.lose{background:#d08a4a24;color:#e08a5a}.verdict-text{font-size:13.5px;line-height:1.6;color:#c4ccd8}.sound-toggle{position:absolute;top:38px;right:46px;display:flex;align-items:center;gap:7px;background:#080b128c;border:.5px solid rgba(159,176,200,.28);border-radius:20px;padding:6px 13px;cursor:pointer;color:var(--muted);font-family:var(--serif);font-size:12px;letter-spacing:1.2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .2s,border-color .2s}.sound-toggle:hover{color:var(--ink);border-color:#9fb0c880}.sound-toggle.on{color:var(--accent);border-color:#ffd08966}