:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--serif:Georgia, "Times New Roman", serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d9fff7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#02070b}body{margin:0;overflow:hidden}#root{min-height:100svh}button,input{font:inherit}:root{--serif:"Playfair Display", Georgia, serif;--mono:"Space Mono", "Courier New", monospace;--sans:"Inter", system-ui, -apple-system, sans-serif}body{background-color:#030a0d;margin:0;padding:0}.artwork-shell{color:#d9fff7;background:radial-gradient(circle at 65% 20%,#7ce0d257,#0000 32%),radial-gradient(circle at 28% 72%,#3aa6964d,#0000 36%),#05151b;width:100vw;height:100svh;position:relative;overflow:hidden}.artwork-shell--maya,.artwork-shell--khmer{color:#eef4d8;background:radial-gradient(circle at 58% 18%,#e8f0b447,#0000 34%),radial-gradient(circle at 24% 78%,#58763a4d,#0000 38%),#0d160b}.artwork-shell--mohenjoDaro,.artwork-shell--harappa{color:#fff0dc;background:radial-gradient(circle at 62% 16%,#ffe8c43d,#0000 34%),radial-gradient(circle at 28% 74%,#8a683e47,#0000 38%),#1c140c}.artwork-shell--hampi{color:#f5ead8;background:radial-gradient(circle at 58% 18%,#f5deb429,#0000 36%),linear-gradient(#070e1c 0%,#0d1a2c 100%)}.artwork-shell--dwarka{background:radial-gradient(circle at 65% 20%,#7ce0d238,#0000 32%),radial-gradient(circle at 28% 72%,#1c485257,#0000 36%),#020b10}.artwork-shell canvas{cursor:crosshair}.temporal-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-sizing:border-box;z-index:10;background:#041216d9;border-right:1px solid #54e2cd29;border-radius:0;width:380px;height:100vh;padding:40px 24px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0;box-shadow:10px 0 40px #00000073}.temporal-panel.is-collapsed{transform:translate(-100%)}.temporal-panel.is-collapsed .panel-content{opacity:0;pointer-events:none}.panel-toggle{pointer-events:auto;color:#77f4dd;cursor:pointer;font-family:var(--mono);letter-spacing:.1em;z-index:11;background:#030e12e0;border:1px solid #54e2cd4d;border-radius:4px;width:40px;height:40px;font-size:11px;font-weight:500;transition:all .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:16px;right:16px}.is-collapsed .panel-toggle{border-left:none;border-radius:0 4px 4px 0;width:64px;top:16px;right:-80px}.is-open .panel-toggle{background:0 0;border-color:#0000;border-radius:0;width:auto;height:auto;font-size:16px;top:16px;right:16px}.panel-toggle:hover{color:#fff;background:#54e2cd33}.panel-content{flex-direction:column;justify-content:flex-start;height:100%;transition:opacity .3s;display:flex}.eyebrow,.readout span,.time-control span{color:#54e2cda6;font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px;font-size:9px}.temporal-panel h1{color:#fff;font-family:var(--serif);letter-spacing:-.01em;margin:12px 0 16px;font-size:38px;font-weight:400;line-height:1.05}.temporal-panel p{color:#dafff994;font-family:var(--sans);margin:0 0 24px;font-size:13.5px;line-height:1.55}.civilization-control{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.civilization-control span{color:#54e2cd8c;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.civilization-control select{appearance:none;color:#77f4dd;cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;background:#030e12;border:1px solid #54e2cd59;border-radius:2px;padding:10px 12px;font-size:11px;transition:all .2s}.civilization-control select:hover{background:#05161b;border-color:#54e2cda6}.time-control{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.time-control input[type=range]{accent-color:#77f4dd;background:#54e2cd26;border-radius:4px;outline:none;width:100%;height:5px}.layer-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.layer-grid button{color:#91f2e1ad;cursor:pointer;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;background:#030e128c;border:1px solid #54e2cd33;border-radius:2px;padding:8px 10px;font-size:10px;transition:all .18s}.layer-grid button.active{color:#fff;background:#54e2cd2e;border-color:#77f4dd;box-shadow:0 0 8px #54e2cd38}.layer-grid button:hover{color:#fff;border-color:#54e2cd8c}.sound-toggle{color:#91f2e1b8;cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#030e12a6;border:1px solid #54e2cd38;border-radius:2px;width:100%;margin-bottom:24px;padding:10px;font-size:11px;transition:all .2s}.sound-toggle.active{color:#fff;background:#ff7d3a1f;border-color:#ff7d3a}.sound-toggle:hover{color:#fff;border-color:#54e2cd80}.readout{border-top:1px solid #54e2cd24;flex-direction:column;gap:4px;padding-top:20px;display:flex}.readout strong{color:#77f4dd;font-family:var(--mono);letter-spacing:.05em;font-size:11px}.hud-text{color:#a8ffdac7;font-family:"Courier New", var(--mono);letter-spacing:.12em;pointer-events:none;text-transform:uppercase;z-index:4;position:absolute}.hud-right span{opacity:.72;margin-bottom:12px;font-size:9px;display:block}.hud-right{pointer-events:auto;z-index:6;align-items:flex-end;gap:8px;display:grid;top:37%;right:18px}.hud-right button{color:#d6fff0c2;cursor:pointer;font:9px/1 var(--mono);letter-spacing:.13em;pointer-events:auto;text-transform:uppercase;background:#071b2070;border:1px solid #80f0de38;border-radius:999px;padding:9px 12px}.hud-right button:hover{background:#0c2a309e;border-color:#a8ffe661}.hud-caption{color:#e1f7f29e;font:500 clamp(16px, 1.6vw, 22px)/1.25 var(--sans);pointer-events:none;text-align:center;text-shadow:0 4px 18px #0000007a;white-space:normal;z-index:4;width:min(720px,78vw);position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scanline-overlay,.vignette-overlay{pointer-events:none;z-index:3;position:absolute;inset:0}.scanline-overlay{mix-blend-mode:overlay;opacity:.12;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 4px)}.vignette-overlay{background:radial-gradient(circle at 50% 48%,#0000 40%,#00080c38 74%,#00000073 100%),linear-gradient(#0000001f,#0000 22%,#0000002e)}@media (width<=760px){.temporal-panel{width:100vw;max-width:100vw;padding:24px 16px}.temporal-panel h1{font-size:31px}}