:root{color:#202e45;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--control-accent:#6550b5;--control-muted:#666a74;--control-line:#202e451f;background:#faf8f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}html,body,#root,main{width:100%;height:100%;overflow:hidden}canvas{touch-action:none;display:block}button,select,input{font:inherit}button,select{border:1px solid var(--control-line);color:#202e45;background:#fff;border-radius:10px;min-height:44px;padding:8px 12px}button,summary,input[type=range]{cursor:pointer;touch-action:manipulation}button{transition:transform .12s ease-out,background-color .12s ease-out}button:active{transform:scale(.98)}:focus-visible{outline:3px solid var(--control-accent);outline-offset:3px}.controls{width:276px;font-size:13px;line-height:1.4;position:absolute;top:24px;right:24px}.controls-panel{background:#faf9f7eb;border:1px solid #ffffffe6;border-radius:18px;overflow:hidden;box-shadow:0 2px 6px #202e450a,0 12px 36px #202e451a,0 0 0 1px #202e450f}.controls-heading{letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 18px;font-size:15px;font-weight:600;list-style:none;display:flex}.controls-heading::-webkit-details-marker{display:none}.controls-heading small{color:var(--control-muted);letter-spacing:0;margin-top:2px;font-size:12px;font-weight:400;display:block}.controls-heading:active{background:#202e450d}.controls-heading:focus-visible{outline-offset:-5px;border-radius:17px}.disclosure-icon{color:var(--control-muted);flex-shrink:0}.controls-panel[open]>.controls-heading .disclosure-icon{transform:rotate(180deg)}.controls-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7c4ce transparent;max-height:calc(100dvh - 118px);padding:0 18px 18px;overflow-y:auto}.map-header{text-align:center;pointer-events:none;width:min(860px,100% - 40px);position:absolute;top:28px;left:50%;transform:translate(-50%);container-type:inline-size}.map-header h1{letter-spacing:-.025em;margin:0;font-family:Times New Roman,Times,serif;font-size:clamp(2rem,6.5cqi,3.5rem);font-weight:400;line-height:1.08}.map-subtitle{color:#505764;text-wrap:balance;max-width:41em;margin:8px auto 0;font-size:1rem;line-height:1.45}.map-flips{border:1px solid var(--control-line);font-variant-numeric:tabular-nums;pointer-events:auto;background:#faf9f7b8;border-radius:14px;width:min(27.5rem,100%);margin:12px auto 0;padding:10px 14px 6px;position:relative;overflow:hidden}.flip-wash{opacity:0;pointer-events:none;animation:2s ease-out flip-wash;position:absolute;inset:0}@keyframes flip-wash{0%,35%{opacity:.4}to{opacity:0}}.flip-stat{align-content:center;min-height:104px;display:grid;position:relative}.flip-title{color:#505764;margin:0;font-size:.8125rem;line-height:1.35}.flip-title strong{letter-spacing:-.03em;color:#202e45;font-size:2rem;font-weight:700;line-height:1.05;display:block}.flip-title small{color:#7a808c;font-size:.6875rem;display:block}.flip-chart{grid-template-columns:5.75rem 1fr 5.75rem;column-gap:10px;margin-top:6px;display:grid}.flip-side{color:#626875;text-align:left;margin:0;font-size:.6875rem;line-height:1.3}.flip-side:first-child{text-align:right}.flip-side strong{letter-spacing:-.01em;font-size:.9375rem;font-weight:650;line-height:1.2;display:block}.flip-bar{background:#202e4514;border-radius:2px;gap:2px;height:8px;margin-top:6px;display:flex;position:relative}.flip-bar span{border-radius:2px;flex:0 1 0;min-width:0;transition:flex-grow .45s cubic-bezier(.2,.7,.2,1)}.flip-bar:after{content:"";background:#202e4573;width:1px;position:absolute;top:-4px;bottom:-4px;left:50%}.flip-timeline{grid-template-columns:2rem 1fr 2rem;align-items:center;gap:4px;margin-top:6px;display:grid;position:relative}.step-button{color:#505764;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0;font-family:Times New Roman,Times,serif;font-size:1.625rem;line-height:1}.step-button:disabled{opacity:.3;cursor:default}.flip-history{border-bottom:1px solid #202e454d;height:22px;position:relative}.flip-history span{opacity:.65;border-radius:1px 1px 0 0;width:5px;position:absolute;bottom:0;transform:translate(-50%)}.flip-history input[type=range]{appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.flip-history input[type=range]::-webkit-slider-runnable-track{background:0 0;height:100%}.flip-history input[type=range]::-webkit-slider-thumb{appearance:none;background:#202e45;border-radius:2px;width:3px;height:22px}.flip-history input[type=range]::-moz-range-track{background:0 0;height:100%}.flip-history input[type=range]::-moz-range-thumb{background:#202e45;border:0;border-radius:2px;width:3px;height:22px}.flip-axis{color:#7a808c;justify-content:space-between;margin:2px 2.25rem 0;font-size:.625rem;line-height:1.2;display:flex;position:relative}.map-note{color:#626875;text-shadow:0 0 3px #faf8f5,0 0 8px #faf8f5;pointer-events:none;max-width:min(42rem,100% - 48px);margin:0;font-size:.6875rem;line-height:1.5;position:absolute;bottom:20px;left:24px}.map-note span{display:block}.select-control{justify-content:space-between;align-items:center;gap:12px;margin:8px 0;font-weight:500;display:flex}.select-control select{width:132px;min-width:0;font-size:13px;font-weight:500}.palette-control{flex-direction:column;align-items:stretch;gap:6px;margin-top:12px}.palette-control select{width:100%}.play-button{background:var(--control-accent);color:#fff;border-color:#0000;width:100%;margin:4px 0 8px;font-weight:600}@media (hover:hover){.play-button:hover{background:#58459f}.controls-heading:hover{background:#202e4508}}.controls-content details{border-top:1px solid var(--control-line);margin-top:12px}.controls-content summary{justify-content:space-between;align-items:center;min-height:44px;font-weight:600;list-style:none;display:flex}.controls-content summary::-webkit-details-marker{display:none}.controls-content summary:after{content:"+";color:var(--control-muted);font-size:18px;font-weight:400}.controls-content details[open]>summary:after{content:"−"}.slider-control{margin-top:8px;display:block}.slider-control span{justify-content:space-between;gap:8px;display:flex}output{font-variant-numeric:tabular-nums;color:var(--control-muted)}input[type=range]{width:100%;height:32px;accent-color:var(--control-accent);margin:0;display:block}.checkbox-control{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.checkbox-control input{width:17px;height:17px;accent-color:var(--control-accent);margin:0}.hint{color:var(--control-muted);margin:10px 0 0;font-size:11px;line-height:1.6}.scene-status{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=761px) and (width<=1420px){.map-header{width:calc(100% - 348px);left:24px;transform:none}}@media (width<=760px){.map-header{top:20px}.map-subtitle{font-size:.875rem}.map-flips{margin-top:16px}.flip-chart{grid-template-columns:5.25rem 1fr 5.25rem;column-gap:8px}.map-note{display:none}.controls{top:auto;right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:min(320px,100% - 24px)}.controls-heading{min-height:58px;padding:10px 16px}.controls-content{max-height:42dvh;padding:0 16px 16px}input[type=range]{height:44px}.step-button{min-height:44px}}@media (prefers-reduced-motion:reduce){button,.flip-bar span{transition:none}.flip-wash{animation:none}button:active{transform:none}}@media (prefers-reduced-transparency:reduce){.controls-panel{background:#faf9f7}}@media (prefers-contrast:more){:root{--control-muted:#424650;--control-line:#747987}.controls-panel{background:#faf9f7;border-color:#747987}}