@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{color:#102328;font-synthesis:none;--paper:#e8efee;--ink:#102328;--navy:#0b2630;--brass:#d9a94f;--signal-red:#c9513b;--water-tone:#4e7d84;--hairline:#e2efebb8;background:#06151b;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #ffd27b}header{z-index:20;color:#eef6f3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#06151be6;border-bottom:1px solid #e8efee59;grid-template-columns:auto auto minmax(360px,1fr) auto auto;align-items:stretch;min-height:66px;display:grid;position:relative}header button,header a{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-right:1px solid #e8efee2e;text-decoration:none}.collection-home,.evidence-button,.narration-button{letter-spacing:.17em;place-items:center;padding:0 18px;font-size:10px;font-weight:700;display:grid}.brand{text-align:left;align-content:center;gap:2px;padding:7px 20px;display:grid}.brand b{letter-spacing:.13em;font-size:17px}.brand span{letter-spacing:.19em;color:#a8c3c3;font-size:8px}.mode-switcher{justify-content:center;align-items:stretch;display:flex}.mode-switcher button{letter-spacing:.14em;padding:0 17px;font-size:9px;font-weight:700}.mode-switcher button[aria-pressed=true]{box-shadow:inset 0 -3px var(--brass);color:#ffe6ad;background:#d9a94f2b}.narration-button[aria-pressed=true]{background:#4e7d845c}.narration-button:disabled{opacity:.52;cursor:not-allowed}.landing{background-color:#dfe9e7;background-position:50%;background-size:cover;min-height:100dvh;overflow:hidden auto}.landing header{position:sticky;top:0}.hero{flex-direction:column;justify-content:center;width:min(720px,58vw);min-height:calc(100dvh - 66px);padding:clamp(58px,8vh,98px) 5vw 56px;display:flex}.hero>p{color:#517174;letter-spacing:.17em;margin:0 0 20px;font-size:10px;font-weight:700}.hero h1{letter-spacing:-.035em;max-width:690px;margin:0;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(42px,5.4vw,78px);font-weight:400;line-height:.95}.hero h2{color:#35575c;letter-spacing:.06em;margin:16px 0 8px;font-size:16px;font-weight:600}.hero h3{max-width:650px;margin:22px 0 0;font-size:clamp(15px,1.35vw,20px);font-weight:500;line-height:1.55}.thesis{border-left:3px solid var(--brass);color:#29484d;max-width:660px;margin-top:16px;padding-left:18px;font-size:13px;line-height:1.58}.model-disclosure{background:#e8efeec7;border:1px solid #1023282e;max-width:660px;margin-top:20px;padding:14px 16px;font-size:10px;line-height:1.55}.model-disclosure b{letter-spacing:.13em;color:#765a27;margin-bottom:6px;display:block}.mode-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;display:grid}.mode-cards button{cursor:pointer;text-align:left;background:#e8efeee0;border:1px solid #10232840;min-height:100px;padding:15px;transition:transform .2s,background .2s}.mode-cards button:hover{background:#f4f7f5;transform:translateY(-3px)}.mode-cards b{color:#19383e;letter-spacing:.13em;margin-bottom:7px;font-size:10px;display:block}.mode-cards span{color:#49666a;font-size:10px;line-height:1.42}.experience-shell{color:#eef5f3;background:#06151b;height:100dvh;overflow:hidden}.stage{height:calc(100dvh - 126px);position:relative;overflow:hidden}.atmosphere{isolation:isolate;background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.atmosphere:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#030f14ed 0 34%,#030f1466 59%,#030f142b),linear-gradient(#0000 58%,#020b0f75);position:absolute;inset:0}.atmosphere:after{content:"";z-index:2;background:radial-gradient(circle at calc(64% + var(--drift,0) * 3%), 54%, rgba(255, 224, 154, calc(.04 + var(--signal) * .12)), transparent 18%), linear-gradient(114deg, transparent 25%, rgba(224, 240, 236, calc(.03 + var(--uncertainty) * .05)) 52%, transparent 69%);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:-4%}.drift-field,.surface-field,.veil-field,.strike-field{z-index:3;pointer-events:none;position:absolute;inset:0}.drift-field{opacity:calc(.14 + var(--environment) * .34);transform:translateX(calc(var(--phase,.5) * 90px));background:repeating-linear-gradient(102deg,#0000 0 84px,#deefed2b 86px,#0000 90px 152px);animation:11s linear infinite environmentSweep}.surface-field{opacity:calc(.18 + var(--mobility) * .38);transform:translateY(calc(var(--drift,0) * 9px)) skewX(calc((var(--mobility) - .5) * 2deg));background:repeating-radial-gradient(at 50% 100%,#0000 0 26px,#abd2d340 28px 29px,#0000 31px 72px);animation:8s ease-in-out infinite alternate surfaceRoll;top:58%}.veil-field{opacity:calc(var(--visibility) * .7);filter:blur(calc(12px + var(--uncertainty) * 18px));transform:translateX(calc(var(--drift,0) * 4%));background:radial-gradient(at 32% 65%,#e0e2d2b3,#0000 28%),radial-gradient(at 67% 40%,#c5c9c19e,#0000 31%),radial-gradient(at 84% 72%,#ebe2cc85,#0000 25%);animation:14s ease-in-out infinite alternate visibilityDrift;inset:5% -8% 18% 38%}.strike-field{opacity:calc(var(--strike) * .64);background:radial-gradient(circle at 67% 68%, rgba(255, 215, 115, calc(var(--pulse,.5) * .52)) 0 3px, #d55b3142 5px, transparent 13px), radial-gradient(circle at 78% 45%, rgba(255, 227, 147, calc((1 - var(--pulse,.5)) * .5)) 0 3px, transparent 14px), radial-gradient(circle at 54% 57%, #ffc5595c 0 2px, transparent 11px);animation:2.4s steps(4,end) infinite strikePulse}.field-java-sea .drift-field{background:repeating-linear-gradient(104deg,#0000 0 78px,#b5e1e133 80px,#0000 84px 150px),linear-gradient(#0000 62%,#124e5838)}.field-java-sea .strike-field{background-image:radial-gradient(circle at 72% 61%, rgba(255, 221, 145, calc(var(--pulse,.5) * .55)) 0 3px, transparent 14px), repeating-linear-gradient(166deg, transparent 0 76px, rgba(202, 238, 236, calc(var(--strike) * .24)) 78px 81px, transparent 84px 152px)}.field-java-sea .terrain-lines{background:repeating-linear-gradient(171deg,#0000 0 23px,#a6dada4d 25px,#0000 28px 54px)}.field-leyte-gulf:after{background:radial-gradient(circle at calc(70% + var(--drift,0) * 4%) 25%, rgba(204, 225, 245, calc(.04 + var(--visibility) * .12)), transparent 21%), radial-gradient(circle at 76% 69%, rgba(255, 164, 82, calc(.03 + var(--strike) * .13)), transparent 18%)}.field-leyte-gulf .drift-field{background:repeating-linear-gradient(118deg,#0000 0 104px,#cadeef2b 106px,#0000 110px 186px);animation-duration:14s}.field-leyte-gulf .strike-field{background-image:radial-gradient(circle at 67% 37%, rgba(255, 228, 158, calc(var(--pulse,.5) * .6)) 0 3px, transparent 15px), radial-gradient(circle at 82% 66%, rgba(255, 128, 68, calc((1 - var(--pulse,.5)) * .5)) 0 4px, transparent 19px), linear-gradient(156deg, transparent 49%, rgba(218, 232, 239, calc(var(--strike) * .25)) 50%, transparent 51%)}.field-kadesh{background-color:#5d3d20}.field-kadesh:before{background:linear-gradient(90deg,#23140af0 0 34%,#4126127a 61%,#41261229),linear-gradient(#0000 54%,#27140880)}.field-kadesh:after{background:radial-gradient(circle at calc(68% + var(--drift,0) * 4%) 25%, rgba(255, 217, 139, calc(.05 + var(--environment) * .17)), transparent 25%), linear-gradient(96deg, transparent 34%, rgba(226, 191, 123, calc(.03 + var(--uncertainty) * .08)), transparent 66%)}.field-kadesh .drift-field{opacity:calc(.16 + var(--environment) * .43);filter:blur(2px);background:repeating-linear-gradient(94deg,#0000 0 95px,#f4cd8821 98px,#0000 104px 174px);animation:9s ease-in-out infinite alternate heatSweep}.field-kadesh .surface-field{opacity:calc(.18 + var(--mobility) * .42);transform:translateX(calc(var(--drift,0) * 10px));background:repeating-radial-gradient(at 54% 100%,#0000 0 34px,#e9be6f38 36px 38px,#0000 41px 82px),linear-gradient(88deg,#0000 58%,#539a9b3b 63%,#0000 69%);top:48%}.field-kadesh .veil-field{opacity:calc(var(--visibility) * .6);filter:blur(calc(9px + var(--uncertainty) * 16px));background:radial-gradient(at 38% 69%,#ce9d57a3,#0000 32%),radial-gradient(at 78% 49%,#eec1777a,#0000 28%);inset:20% -8% 10% 34%}.field-kadesh .strike-field{background:repeating-linear-gradient(132deg, transparent 0 86px, rgba(225, 204, 151, calc(var(--strike) * .28)) 88px 90px, transparent 92px 160px), radial-gradient(circle at 76% 54%, rgba(241, 185, 82, calc(var(--pulse,.5) * .42)) 0 5px, transparent 19px);animation:3.1s steps(3,end) infinite arrowPulse}.field-kadesh .primary-line i,.field-kadesh .advance-column i,.field-kadesh .reserve-column i{background:#d9b36e;border-radius:42% 55% 38% 48%;width:18px;height:10px;transform:rotate(-8deg)}.field-kadesh .primary-line i:after,.field-kadesh .advance-column i:after,.field-kadesh .reserve-column i:after{content:"";border:1px solid #e4c98f;border-radius:50%;width:5px;height:5px;margin:7px 0 0 2px;display:block}.field-kadesh .signal-beacon{background:rgba(236, 210, 151, calc(.3 + var(--signal) * .66))}.field-kadesh .signal-beacon i{background:#b94d2d;width:22px;height:13px}.field-kadesh .terrain-lines{background:repeating-linear-gradient(170deg,#0000 0 31px,#e5be7342 33px,#0000 36px 70px)}.theme-kadesh{--paper:#eee1c8;--ink:#352316;--navy:#382416;--brass:#d4983f;--signal-red:#a43e28}.theme-kadesh .hero{color:#352316}.theme-kadesh .hero h2,.theme-kadesh .thesis{color:#67482b}.situation-overlay{z-index:4;pointer-events:none;opacity:calc(.54 + var(--formation) * .28);position:absolute;inset:0}.formation-network{filter:drop-shadow(0 4px 12px #00000080);opacity:calc(1 - var(--uncertainty) * .22);position:absolute;inset:8% 4% 16% 36%}.formation-network>small{color:#eef6f3c2;letter-spacing:.17em;border:1px solid #eef6f34d;padding:6px 8px;font-size:8px;font-weight:700;position:absolute;top:0;right:0}.primary-line,.advance-column,.reserve-column{transform-origin:50%;align-items:center;gap:clamp(18px,3.2vw,54px);display:flex;position:absolute}.primary-line{width:74%;height:32%;transform:rotate(calc(-18deg + var(--formation) * 14deg));top:38%;left:23%}.advance-column{width:50%;transform:rotate(27deg) translateX(calc(var(--phase,.5) * 4%));top:13%;left:1%}.reserve-column{width:53%;transform:rotate(-16deg) translateX(calc(var(--phase,.5) * 5%));top:68%;left:4%}.primary-line i,.advance-column i,.reserve-column i{background:#dfe8e4;border-radius:60% 60% 35% 35%;width:8px;height:28px;display:block;box-shadow:0 0 0 1px #051b22d9,0 0 14px #dfe8e461}.primary-line i{transform:translateY(calc((var(--formation) - .5) * 22px));background:#e0b769}.advance-column i,.reserve-column i{animation:8s ease-in-out infinite alternate formationAdvance;animation-delay:calc(var(--phase,.5) * -6s)}.signal-beacon{background:rgba(235, 242, 238, calc(.3 + var(--signal) * .66));width:2px;height:86px;position:absolute;top:28%;left:34%;transform:rotate(-5deg)}.signal-beacon i{background:var(--signal-red);width:17px;height:10px;opacity:calc(.25 + var(--signal) * .75);margin:5px 0;animation:3.2s ease-in-out infinite alternate signalRelay;display:block;position:relative;left:4px}.signal-beacon i:nth-child(2){background:#f2cf67;animation-delay:-.7s}.signal-beacon i:nth-child(3){background:#e8ebe3;animation-delay:-1.4s}.effect-veil{width:45%;height:48%;opacity:calc(var(--visibility) * .55);filter:blur(12px);background:radial-gradient(#e9e7d5a6,#0000 65%);animation:12s ease-in-out infinite alternate effectTransit;position:absolute;top:33%;left:49%}.terrain-lines{opacity:calc(.2 + var(--mobility) * .5);background:repeating-linear-gradient(173deg,#0000 0 25px,#b4d7d540 27px,#0000 29px 56px);animation:10s linear infinite terrainTransit;position:absolute;inset:48% 0 0}.motion-caption{z-index:7;color:#b8cfcc;letter-spacing:.15em;background:#030f14b3;padding:7px 10px;font-size:8px;font-weight:700;position:absolute;bottom:18px;right:18px}.panel{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071a21e6;border:1px solid #d4e5e147;width:min(520px,42vw);max-height:calc(100% - 8vh);padding:25px 28px;position:absolute;top:4vh;left:3.5vw;overflow:hidden auto;box-shadow:0 24px 70px #00000054}.panel>p{color:#e6c37a;letter-spacing:.17em;margin:0 0 10px;font-size:9px;font-weight:700}.panel h2{margin:0 0 13px;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(26px,3vw,43px);font-weight:400;line-height:1.02}.scene-copy{color:#c9d9d6;font-size:12px;line-height:1.58;display:block}.event-stamps{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px;display:grid}.event-stamps span{color:#b9ceca;background:#e8efee12;min-height:53px;padding:8px;font-size:9px;line-height:1.35}.event-stamps b{color:#e5be68;letter-spacing:.13em;margin-bottom:4px;font-size:7px;display:block}.mode-callout{color:#f4d78e;cursor:pointer;letter-spacing:.06em;text-align:left;background:#d9a94f1c;border:1px solid #d9a94f8c;width:100%;margin-top:10px;padding:11px;font-size:9px;font-weight:700}.epistemic-grid{background:#d1e2de2e;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:12px;display:grid}.epistemic-grid small{color:#a9c0bd;background:#0b252d;padding:10px;font-size:9px;line-height:1.42}.epistemic-grid b{color:#e5be68;letter-spacing:.14em;margin-bottom:5px;font-size:7px;display:block}.transcript{color:#c4d5d2;border-top:1px solid #dfebe82e;margin-top:10px;font-size:9px;line-height:1.5}.transcript summary{cursor:pointer;color:#e4c47e;letter-spacing:.07em;padding:10px 0;font-weight:700}.transcript p{margin:0 0 5px}.decision-options{gap:7px;margin-top:18px;display:grid}.decision-options button{color:#eef5f3;cursor:pointer;text-align:left;background:#e8efee0f;border:1px solid #deebe838;padding:11px 12px}.decision-options button[aria-pressed=true]{background:#d9a94f2b;border-color:#e5be68}.decision-options b{color:#f1d58f;letter-spacing:.12em;margin-bottom:4px;font-size:9px;display:block}.decision-options span{color:#b7cbc8;font-size:9px;line-height:1.4}.control-boundary{color:#b9cdca;background:#bb68491c;border-left:3px solid #bb6849;margin-top:12px;padding:10px;font-size:9px;line-height:1.45}.control-boundary b{color:#e6aa91;letter-spacing:.14em;margin-bottom:4px;font-size:7px;display:block}.decision-index,.replay-grid{gap:7px;margin-top:16px;display:grid}.decision-index button,.replay-grid button{color:#edf5f2;cursor:pointer;text-align:left;background:#e8efee0f;border:1px solid #e0ece933;grid-template-columns:34px 1fr;gap:3px 8px;padding:10px;display:grid}.decision-index i,.replay-grid i{color:#e4bd69;grid-row:span 2;font-size:9px;font-style:normal}.decision-index b,.replay-grid b{font-size:9px}.decision-index span,.replay-grid span{color:#a8bfbb;font-size:8px}.consequence-metrics{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:18px;display:grid}.consequence-metrics span{background:#e8efee14;padding:10px}.consequence-metrics i{color:#9eb9b5;letter-spacing:.12em;font-size:7px;font-style:normal;display:block}.consequence-metrics b{color:#f0cf83;margin-top:4px;font-size:10px;display:block}.causal-chain{flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;display:flex}.causal-chain b{letter-spacing:.1em;background:#4e7d8445;padding:6px 8px;font-size:7px}.causal-chain i{color:#e4bd69;font-style:normal}.metric-rail{z-index:9;gap:6px;width:162px;display:grid;position:absolute;top:22px;right:20px}.panel .metric-rail{grid-template-columns:repeat(2,1fr);width:100%;margin-top:12px;position:static}.metric-rail span{background:#041217c7;border:1px solid #e6f1ee33;min-height:48px;padding:8px 9px;display:block;position:relative;overflow:hidden}.metric-rail i{color:#9db7b4;letter-spacing:.11em;font-size:7px;font-style:normal;display:block}.metric-rail b{color:#f1d18a;margin-top:4px;font-size:9px;display:block}.metric-rail em{width:calc(var(--value) * 100%);background:#dcaa4d;height:2px;position:absolute;bottom:0;left:0}.persistent-decisions{z-index:12;align-items:center;gap:7px;max-width:calc(100vw - 36px);display:flex;position:absolute;bottom:68px;left:18px;overflow-x:auto}.persistent-decisions>b,.persistent-decisions span{color:#b9ceca;letter-spacing:.08em;background:#041217d1;border:1px solid #e5eeeb33;flex:none;padding:7px 9px;font-size:7px}.persistent-decisions>b{color:#e5bd68}.timeline{z-index:30;background:#051318f5;border-top:1px solid #e5efec33;grid-template-columns:48px 1fr 48px auto;align-items:stretch;min-height:60px;display:grid;position:absolute;bottom:0;left:0;right:0}.timeline>button,.timeline div button{color:#a9bfbc;cursor:pointer;background:0 0;border:0;border-right:1px solid #e5efec26}.timeline>button:last-child{color:#e3c276;letter-spacing:.13em;padding:0 18px;font-size:8px}.timeline>button:disabled{opacity:.3;cursor:not-allowed}.timeline div{grid-template-columns:repeat(14,1fr);display:grid}.timeline div button{min-width:30px;font-size:8px}.timeline div button.active{color:#ffe2a2;background:#d9a94f2b;box-shadow:inset 0 3px #d9a94f}.drawer{z-index:100;color:#12292e;background:#e9efed;width:min(590px,100vw);height:100dvh;padding:24px;position:fixed;top:0;right:0;overflow:hidden auto;box-shadow:-22px 0 70px #00000061}.drawer>button{float:right;cursor:pointer;letter-spacing:.12em;background:0 0;border:1px solid #49666a;padding:9px 12px;font-size:9px}.drawer>p{color:#687f82;letter-spacing:.16em;margin:4px 0 8px;font-size:8px;font-weight:700}.drawer h2{margin:0 0 14px;font-family:Libre Caslon Display,Georgia,serif;font-size:43px;font-weight:400}.drawer-note{background:#dfe8e6;border-left:4px solid #bc764a;padding:14px;font-size:10px;line-height:1.55}.narration-contract{color:#dbe8e5;background:#18363d;gap:5px;margin:12px 0;padding:12px;font-size:9px;line-height:1.45;display:grid}.narration-contract b{color:#f0cc80;letter-spacing:.13em;font-size:8px}.drawer>a{color:#173238;background:#f2f5f3;border:1px solid #c3d2cf;gap:6px;margin-top:7px;padding:13px;text-decoration:none;display:grid}.drawer>a i{color:#6b8587;letter-spacing:.12em;font-size:7px;font-style:normal;font-weight:700}.drawer>a b{font-family:Georgia,serif;font-size:16px;font-weight:400}.drawer>a span{color:#4b676a;font-size:9px;line-height:1.42}.drawer>a strong{color:#916c2d;letter-spacing:.1em;margin-right:6px;font-size:7px}@keyframes environmentSweep{to{transform:translate(152px)}}@keyframes surfaceRoll{to{transform:translateY(12px)scaleY(1.08)}}@keyframes visibilityDrift{to{transform:translate(7%)scale(1.08)}}@keyframes strikePulse{50%{filter:brightness(1.8)}}@keyframes formationAdvance{to{transform:translateX(calc(5px + var(--pressure) * 14px)) rotate(calc(var(--mobility) * 2deg))}}@keyframes signalRelay{to{transform:skewY(8deg) translateX(calc(var(--environment) * 6px))}}@keyframes effectTransit{to{transform:translateX(calc(var(--environment) * 9%)) scale(1.12)}}@keyframes terrainTransit{to{background-position:130px 20px}}@keyframes heatSweep{to{filter:blur(5px);transform:translate(90px)skew(-3deg)}}@keyframes arrowPulse{50%{filter:brightness(1.65)drop-shadow(0 0 8px #ecb75880)}}@media (width<=900px){header{grid-template-columns:auto auto 1fr auto auto}.collection-home{padding:0 11px;font-size:9px}.brand{padding-inline:12px}.mode-switcher button{padding-inline:9px}.hero{width:76vw}.panel{width:min(560px,63vw)}.formation-network{left:28%}}@media (width<=600px){header{grid-template-rows:56px 56px;grid-template-columns:auto 1fr auto auto;min-height:112px}.collection-home{border-bottom:1px solid #e8efee2e;grid-area:1/1;padding:0 7px;font-size:7px}.brand{border-bottom:1px solid #e8efee2e;grid-area:1/2}.evidence-button{grid-area:1/3;padding:0 9px;font-size:9px}.narration-button{grid-area:1/4;padding:0 8px;font-size:8px}.mode-switcher{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,1fr);display:grid}.mode-switcher button{border-top:1px solid #e8efee2e;padding:0 5px;font-size:7px}.landing{background-position:62%;min-height:100dvh;overflow:hidden auto}.landing header{position:sticky}.hero{background:linear-gradient(90deg,#e7efedf2,#e7efedc9);width:100%;min-height:calc(100dvh - 112px);padding:42px 18px}.hero h1{font-size:clamp(39px,13vw,54px)}.hero h3{font-size:14px}.model-disclosure{background:#ecf2f0eb}.mode-cards{grid-template-columns:1fr}.mode-cards button{min-height:70px}.experience-shell{flex-direction:column;height:100dvh;min-height:100dvh;display:flex}.stage{flex:auto;height:auto;min-height:0;overflow:hidden auto}.atmosphere{height:42vh;min-height:260px;position:sticky;top:0}.atmosphere:before{background:linear-gradient(#030f1426 32%,#030f14db)}.formation-network{inset:6% 2% 10% 8%}.panel{width:100%;min-height:48vh;max-height:none;box-shadow:none;background:#0a242c;border:0;border-radius:0;padding:21px 16px 86px;position:relative;top:auto;left:auto}.panel h2{font-size:31px}.event-stamps{grid-template-columns:1fr 1fr}.event-stamps span:last-child{grid-column:1/-1}.epistemic-grid{grid-template-columns:1fr}.metric-rail{width:118px;position:absolute;top:12px;right:9px}.metric-rail span{min-height:40px;padding:6px}.panel .metric-rail{width:100%;position:static}.persistent-decisions{flex:none;order:1;max-width:none;margin:0 8px 8px;position:static;bottom:auto;left:auto;right:auto}.timeline{flex:none;order:2;grid-template-columns:38px 1fr 38px;min-height:56px;position:static}.timeline>button:last-child{display:none}.timeline div{grid-template-columns:repeat(14,34px);overflow-x:auto}.timeline div button{min-width:34px}.drawer{padding:18px 14px 30px}.drawer h2{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.drift-field,.surface-field,.veil-field,.event-field,.evidence-scan,.signal-path i,.state-nodes i,.system-pulse i,.pressure-wave,.context-lines{animation:none!important;transform:none!important}}.field-troy:before{transform:translateY(calc(var(--environment)*-3%));background:linear-gradient(#e8ca8b2e,#0000 42%),repeating-linear-gradient(0deg,#a767342b 0 7%,#5b37241a 7% 14%)}.field-troy:after{animation-duration:calc(31s - var(--uncertainty)*7s);background:radial-gradient(at 52% 68%,#d7a05847,#0000 36%),linear-gradient(108deg,#0000 45%,#63402952 46% 49%,#0000 50%)}.field-marathon:before{transform:translateX(calc(var(--mobility)*2%));background:linear-gradient(#71b5d533 0 42%,#d8c7772b 43% 70%,#60804833)}.field-marathon:after{animation-duration:calc(29s - var(--pressure)*6s);background:radial-gradient(at 16% 78%,#4f704659,#0000 27%),radial-gradient(at 84% 80%,#47633a45,#0000 25%)}.field-thermopylae:before{transform:scaleX(calc(.86 + var(--environment)*.12));transform-origin:0;background:linear-gradient(103deg,#404b3a70 0 31%,#0000 32% 70%,#5889a445 71%),linear-gradient(#e3c27e26,#0000)}.field-thermopylae:after{animation-duration:calc(32s - var(--mobility)*8s);background:linear-gradient(90deg,#0000 37%,#ddcd9738 43% 57%,#0000 63%),radial-gradient(at 77% 70%,#5b9db247,#0000 31%)}.field-slave-trade:before{transform:translateX(calc(var(--mobility)*2.5%));background:linear-gradient(#7cc3dc3d 0 46%,#d7b37021 47% 65%,#45717c38),repeating-linear-gradient(112deg,#0000 0 11%,#e9dbb014 12% 13%)}.field-slave-trade:after{animation-duration:calc(32s - var(--pressure)*7s);background:radial-gradient(at 70% 76%,#efd28f38,#0000 28%),linear-gradient(90deg,#0000 46%,#f5ecce2e 50%,#0000 54%)}.field-industrial:before{transform:translateY(calc(var(--environment)*-2.5%));background:linear-gradient(#c4dade33,#d2b2741c 46%,#4a4d4840),repeating-linear-gradient(90deg,#0000 0 9%,#dcc2851a 9% 10%)}.field-industrial:after{animation-duration:calc(30s - var(--formation)*6s);background:radial-gradient(at 24% 34%,#dfe7df40,#0000 30%),linear-gradient(106deg,#0000 48%,#e7bc5b2b 49% 51%,#0000 52%)}.field-wayfinding:before{transform:translateX(calc(var(--mobility)*2%));background:linear-gradient(#59a5d342 0 42%,#19749c42 43% 72%,#d7dcb714),repeating-radial-gradient(at 50% 95%,#0000 0 8%,#d0f0ec1c 9% 10%)}.field-wayfinding:after{background:radial-gradient(circle at calc(18% + var(--signal)*45%) 18%,#fff9d252,transparent 12%),linear-gradient(118deg,transparent 45%,#e9f6ef29 48%,transparent 51%);animation-duration:calc(32s - var(--uncertainty)*6s)}.event-field{z-index:3;pointer-events:none;opacity:calc(.08 + var(--event) * .44);background:radial-gradient(circle at 70% 48%,rgba(255,211,120,calc(.08 + var(--pulse,.5)*.26)) 0 3px,transparent 18px),radial-gradient(circle at 82% 68%,rgba(178,221,224,calc((1 - var(--pulse,.5))*.25)) 0 4px,transparent 22px);animation:3.8s ease-in-out infinite eventPulse;position:absolute;inset:0}.system-overlay{z-index:4;pointer-events:none;opacity:calc(.38 + var(--coordination)*.38);filter:drop-shadow(0 4px 14px #00000047);position:absolute;inset:7% 3% 15% 39%}.system-overlay>small{color:#eef6f3c2;letter-spacing:.17em;border:1px solid #eef6f34d;padding:6px 8px;font-size:8px;font-weight:700;position:absolute;top:0;right:0}.evidence-scan{opacity:calc(.16 + var(--visibility)*.3);transform:translateX(calc(var(--phase,.5)*9% - 4%));background:linear-gradient(90deg,#0000 0 46%,#e3f1ed38 49%,#0000 52%);animation:12s ease-in-out infinite alternate evidenceScan;position:absolute;inset:8% 3% 11%}.signal-path{height:2px;transform:rotate(calc((var(--uncertainty) - .5)*4deg));background:linear-gradient(90deg,#dfeeeb1f,#ebc37094,#dfeeeb1f);position:absolute;top:49%;left:5%;right:6%}.signal-path i{width:7px;height:7px;opacity:calc(.28 + var(--signal)*.7);background:#f0d38d;border-radius:50%;margin-left:15%;animation:4.2s ease-in-out infinite alternate nodeRelay;display:inline-block;position:relative;top:-3px}.signal-path i:nth-child(2){animation-delay:-.8s}.signal-path i:nth-child(3){animation-delay:-1.6s}.signal-path i:nth-child(4){animation-delay:-2.4s}.signal-path i:nth-child(5){animation-delay:-3.2s}.state-nodes{position:absolute;inset:18% 8% 18% 10%}.state-nodes i{width:clamp(16px,2vw,28px);height:clamp(16px,2vw,28px);transform:scale(calc(.78 + var(--coordination)*.38));background:#0822296b;border:1px solid #e6f1ed94;border-radius:50%;animation:8s ease-in-out infinite alternate nodeDrift;position:absolute}.state-nodes i:first-child{top:8%;left:5%}.state-nodes i:nth-child(2){animation-delay:-2s;top:3%;left:70%}.state-nodes i:nth-child(3){animation-delay:-4s;top:68%;left:46%}.state-nodes i:nth-child(4){animation-delay:-6s;top:57%;left:86%}.system-pulse{width:9px;height:9px;box-shadow:0 0 calc(12px + var(--pressure)*26px) #e2ac4a80;background:#ebc571d1;border-radius:50%;position:absolute;top:38%;left:48%}.system-pulse i{animation:pressureRing calc(5.8s - var(--pressure)*2.2s) ease-out infinite;border:1px solid #eecd896b;border-radius:50%;position:absolute;inset:-8px}.system-pulse i:nth-child(2){animation-delay:-1.5s}.system-pulse i:nth-child(3){animation-delay:-3s}.pressure-wave{opacity:calc(.1 + var(--pressure)*.38);background:repeating-radial-gradient(at 55% 55%,#0000 0 24px,#e2c5863d 26px,#0000 28px 54px);animation:16s ease-in-out infinite alternate subjectDrift;position:absolute;inset:24% 4% 16% 25%}.context-lines{opacity:calc(.12 + var(--mobility)*.42);background:repeating-linear-gradient(174deg,#0000 0 29px,#b9dad738 31px,#0000 33px 64px);animation:13s linear infinite contextFlow;position:absolute;inset:56% 0 0}.overlay-cold-war-crisis .signal-path{background:linear-gradient(90deg,#7ac4d31a,#efb95bb8,#7ac4d31f);top:38%}.overlay-cold-war-crisis .state-nodes i{transform:rotate(45deg) scale(calc(.72 + var(--coordination)*.34));border-radius:2px}.overlay-cold-war-crisis .context-lines{background:repeating-linear-gradient(90deg,#0000 0 62px,#93d2d82e 64px,#0000 66px 128px)}.overlay-revolution-1789 .signal-path{background:linear-gradient(90deg,#e8d6b11a,#e1ac4cb8,#e8d6b11f);top:58%}.overlay-revolution-1789 .state-nodes i{background:#ece0c238;border-radius:1px;width:clamp(18px,2.3vw,32px);height:10px}.overlay-revolution-1789 .context-lines{background:repeating-linear-gradient(0deg,#0000 0 23px,#ebdab138 24px,#0000 25px 48px)}.overlay-partition-1947 .signal-path{background:linear-gradient(90deg,#acd3c61a,#e5b962ad,#acd3c61a);top:45%}.overlay-partition-1947 .state-nodes i{border-color:#e5dbbd8c;border-radius:50% 50% 45% 45%}.overlay-partition-1947 .pressure-wave{background:repeating-radial-gradient(at 60% 52%,#0000 0 30px,#d0c19836 32px,#0000 34px 68px)}.theme-cold-war{--brass:#e0aa4f;--signal-red:#d36749;--water-tone:#477d8b}.theme-revolution{--brass:#d7a44d;--signal-red:#a95b46;--water-tone:#7a8172}.theme-partition{--brass:#d3a44f;--signal-red:#a8614d;--water-tone:#5b8177}@keyframes eventPulse{50%{filter:brightness(1.32);transform:scale(1.012)}}@keyframes evidenceScan{to{transform:translate(8%)}}@keyframes nodeRelay{to{transform:translateY(calc((var(--uncertainty) - .5)*12px)) scale(1.35);opacity:.95}}@keyframes nodeDrift{to{transform:translate(calc(var(--mobility)*10px),calc(var(--uncertainty)*-8px)) scale(calc(.9 + var(--coordination)*.3))}}@keyframes pressureRing{0%{opacity:.8;transform:scale(.35)}to{transform:scale(calc(2 + var(--system-risk)*2.8));opacity:0}}@keyframes subjectDrift{to{transform:translateX(calc(var(--environment)*3%)) scale(1.04)}}@keyframes contextFlow{to{background-position:140px 22px}}@media (width<=900px){.system-overlay{left:31%}}@media (width<=600px){.system-overlay{opacity:calc(.24 + var(--coordination)*.3);inset:5% 2% 8% 18%}}.knowledge-legend{z-index:8;color:#f7f4eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#080c10c7;gap:.25rem;width:min(26rem,100% - 2rem);padding:.85rem 1rem;display:grid;position:absolute;bottom:clamp(6.5rem,13vh,10rem);right:clamp(1rem,3vw,3rem)}.knowledge-legend:before,.knowledge-legend span{letter-spacing:.13em;font:700 .62rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.knowledge-legend span{opacity:.62}.knowledge-legend b{letter-spacing:.02em;font-size:.92rem}.knowledge-legend small{color:#f7f4ebc2;max-width:56ch;line-height:1.35}@media (width<=720px){.knowledge-legend{width:min(22rem,100% - 1.5rem);bottom:6.3rem;right:.75rem}.knowledge-legend small{display:none}}.theme-cold-war{--museum-accent:#ffd27b;--museum-secondary:#ff735f;--museum-line:#ffd27b6b}.theme-cold-war .stage[data-choice-state=engaged]:after{content:"";pointer-events:none;clip-path:polygon(0 4%,96% 0,100% 92%,5% 100%);background-color:#0000;background-image:linear-gradient(90deg,#ffd27b12 1px,#0000 1px),linear-gradient(#ffd27b0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:5% 4% 14% 34%}.theme-cold-war .knowledge-legend{border-left:4px solid var(--museum-secondary);clip-path:polygon(0 0,96% 0,100% 22%,100% 100%,0 100%)}.theme-cold-war .knowledge-legend:before{content:"CONFIRMED / ASSESSED / UNKNOWN";color:var(--museum-accent)}
