:root{--v4-cyan:#62e8ff;--v4-mint:#75f0bd;--v4-violet:#8d7cff;--v4-gold:#ffc86b;--v4-line:rgba(185,220,238,.12);--v4-glass:rgba(7,12,19,.72)}
html{background:#030509}body{background:radial-gradient(900px 540px at 14% -8%,rgba(98,232,255,.075),transparent 62%),radial-gradient(850px 600px at 92% 12%,rgba(141,124,255,.065),transparent 66%),linear-gradient(180deg,#05080d,#030509 58%,#04070b);font-family:Inter,"SF Pro Display","Segoe UI",system-ui,sans-serif;letter-spacing:-.01em}
body:not(.world-body):before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.013) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 80%)}
.topbar,.world-top{border-bottom:1px solid rgba(185,220,238,.09)!important;background:linear-gradient(180deg,rgba(5,9,14,.90),rgba(5,9,14,.55))!important;backdrop-filter:blur(24px) saturate(145%);box-shadow:0 10px 40px rgba(0,0,0,.12)}
.brand{font-weight:820!important;letter-spacing:.13em!important}.brand-logo{filter:drop-shadow(0 0 14px rgba(98,232,255,.22))}
.panel,.glass,.lab-panel{border:1px solid var(--v4-line)!important;background:linear-gradient(145deg,rgba(14,23,34,.78),rgba(5,10,16,.68))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 30px 90px rgba(0,0,0,.36);backdrop-filter:blur(24px) saturate(130%)}
.button,.ghost-button,.camera-chip,.icon-button{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}.button:hover,.ghost-button:hover,.camera-chip:hover,.icon-button:hover{transform:translateY(-1px)}
.eyebrow{color:#9eb5c5!important;letter-spacing:.18em!important}h1,h2,h3{letter-spacing:-.045em}.hero h1 em,.lab-hero h1 em{font-style:normal;background:linear-gradient(105deg,#fff,#9beaff 42%,#9a8cff 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats article{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(17,27,39,.74),rgba(7,12,18,.62))!important}.stats article:before{content:"";position:absolute;inset:0;background:radial-gradient(280px 80px at 15% 0%,rgba(98,232,255,.07),transparent 70%)}.stats strong{font-variant-numeric:tabular-nums}
.world-body{background:#020409}.world-body:before{content:"";position:fixed;inset:0;z-index:8;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 40%,rgba(2,5,8,.12) 70%,rgba(0,0,0,.46) 100%)}.world-body:after{content:"";position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.12;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px)}
#worldCanvas{filter:saturate(1.06) contrast(1.025)}.world-top{z-index:25!important;height:68px!important;padding:0 24px!important}.world-toolbar{z-index:28!important;background:linear-gradient(180deg,rgba(8,15,22,.74),rgba(5,10,16,.58))!important;box-shadow:0 16px 45px rgba(0,0,0,.28)!important}.camera-chip.active{background:linear-gradient(135deg,rgba(98,232,255,.14),rgba(141,124,255,.10))!important;color:#fff!important}.world-hud{z-index:24!important;background:linear-gradient(180deg,rgba(7,13,20,.75),rgba(4,8,13,.64))!important;backdrop-filter:blur(18px)!important;box-shadow:0 18px 55px rgba(0,0,0,.3)!important}.world-hud b{font-variant-numeric:tabular-nums;color:#f5fbff!important}.world-hud .green{color:var(--v4-mint)!important;text-shadow:0 0 16px rgba(117,240,189,.34)}
.world-events,.world-layers,.world-selection,.life-drawer{z-index:26!important}.world-event{transition:.18s}.world-event:hover{background:rgba(98,232,255,.045)!important;transform:translateX(-2px)}.life-drawer{box-shadow:-30px 30px 100px rgba(0,0,0,.5)!important}
.epic-cinema-badge{position:fixed;z-index:27;left:22px;bottom:18px;display:flex;align-items:center;gap:9px;color:rgba(222,237,245,.62);font-size:9px;font-weight:780;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.epic-cinema-badge i{width:5px;height:5px;border-radius:50%;background:var(--v4-cyan);box-shadow:0 0 13px var(--v4-cyan)}
.epic-compass{position:fixed;z-index:20;right:24px;bottom:24px;width:42px;height:42px;border-radius:50%;border:1px solid var(--v4-line);background:rgba(5,10,16,.42);backdrop-filter:blur(12px);display:grid;place-items:center;color:rgba(225,238,245,.55);font:700 9px ui-monospace;pointer-events:none}.epic-compass:after{content:"";width:1px;height:15px;background:linear-gradient(var(--v4-cyan),transparent);position:absolute;top:6px;left:50%;transform-origin:50% 15px;transform:rotate(var(--epic-bearing,0deg))}
.lab-main{position:relative}.lab-hero{min-height:250px;padding-top:34px;border-bottom:1px solid rgba(185,220,238,.07)}.lab-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.lab-hero-meta span{border:1px solid rgba(185,220,238,.10);background:rgba(10,17,25,.44);padding:8px 10px;border-radius:999px;color:#91a5b5;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.lab-models{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px;margin:0 0 16px}.lab-model-card{position:relative;text-align:left;border:1px solid rgba(185,220,238,.09);border-radius:15px;padding:13px;background:linear-gradient(155deg,rgba(15,24,35,.72),rgba(6,11,17,.64));color:#dce8ef;cursor:pointer;min-height:94px;transition:.18s}.lab-model-card:hover{transform:translateY(-2px);border-color:rgba(185,220,238,.2)}.lab-model-card.active{border-color:rgba(98,232,255,.30);box-shadow:0 16px 44px rgba(0,0,0,.24),inset 0 0 0 1px rgba(98,232,255,.06)}.lab-model-icon{display:block;font-size:18px;margin-bottom:12px}.lab-model-card strong{display:block;font-size:12px}.lab-model-card small{color:#6f8292;font-size:9px}
.lab-control{display:grid;gap:8px;padding:11px 0;border-bottom:1px solid rgba(185,220,238,.06)}.lab-control-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.lab-control label{font-size:10px;color:#8ea1b0;text-transform:uppercase;letter-spacing:.08em}.lab-control-value{width:86px;background:#060b11;color:#eff8fc;border:1px solid rgba(185,220,238,.12);border-radius:9px;padding:7px;text-align:right}.lab-range{appearance:none;width:100%;height:3px;background:linear-gradient(90deg,rgba(98,232,255,.75),rgba(141,124,255,.48));border-radius:99px}.lab-range::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:#f4fbff;border:3px solid #153440;box-shadow:0 0 18px rgba(98,232,255,.35)}
.lab-run{background:linear-gradient(110deg,#dceaf1,#9fe5f5 42%,#c8bfff)!important;color:#061016!important;box-shadow:0 16px 42px rgba(91,204,232,.14)!important}.metric{background:linear-gradient(155deg,rgba(14,22,32,.74),rgba(6,11,17,.80))!important}.metric strong{font-size:24px!important;font-variant-numeric:tabular-nums}.chart-wrap{background:linear-gradient(180deg,#050a10,#05080d)!important}
@media(max-width:1100px){.lab-models{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar nav,.world-top nav{display:none}.lab-models{grid-template-columns:1fr 1fr}.epic-compass{display:none}.world-top{padding:0 14px!important}}@media(max-width:480px){.lab-models{grid-template-columns:1fr}}
/* Surface V5 — premium digital twin */
.surface-premium .world-events.compact-events{width:190px!important;max-height:52px!important;overflow:hidden!important;opacity:.42!important;transition:max-height .28s ease,opacity .2s ease,width .28s ease!important}
.surface-premium .world-events.compact-events:hover{width:245px!important;max-height:330px!important;opacity:.92!important}
.surface-premium .world-events.compact-events .event-list{max-height:255px!important}
.surface-premium .world-layers.collapsed{opacity:.38!important}
.surface-premium .world-toolbar{top:80px!important;padding:5px 8px!important;background:rgba(7,13,18,.52)!important;border-color:rgba(210,230,238,.10)!important}
.surface-premium .world-hud{bottom:16px!important;transform:translateX(-50%) scale(.92)!important;background:rgba(7,12,16,.48)!important;border-color:rgba(220,236,242,.09)!important}
.surface-premium .world-hint{display:none!important}
.surface-premium .epic-cinema-badge{display:none!important}
.surface-premium .epic-compass{opacity:.45!important}
.surface-premium #worldCanvas{filter:saturate(.90) contrast(1.015) brightness(1.015)}
.surface-premium .world-top{background:linear-gradient(180deg,rgba(7,12,16,.72),rgba(7,12,16,.22),transparent)!important}
.world-events.compact-events .world-panel-head{min-height:48px!important}
.world-events.compact-events .world-panel-head h2{font-size:13px!important}
.world-events.compact-events .eyebrow{font-size:7px!important}
@media(max-width:900px){.surface-premium .world-toolbar{bottom:58px!important;top:auto!important}.surface-premium .world-hud{transform:translateX(-50%) scale(.82)!important}}

/* Civilization observer mode */
.world-pulse{position:fixed;z-index:9;top:78px;left:78px;width:min(360px,calc(100vw - 170px));padding:12px 14px;background:linear-gradient(160deg,rgba(7,14,18,.76),rgba(7,12,16,.58));border:1px solid rgba(195,230,236,.12);box-shadow:0 18px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.world-pulse-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}.world-pulse-head .eyebrow{margin:0}.world-era{font-size:9px;letter-spacing:.12em;color:#bde5d5;border:1px solid rgba(132,220,185,.18);background:rgba(70,160,120,.08);padding:5px 7px;border-radius:999px}
.pulse-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pulse-metric{padding:8px 7px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025);border-radius:10px}.pulse-metric b{display:block;font-size:17px;line-height:1.1;color:#f4fbfa}.pulse-metric span{font-size:7px;letter-spacing:.12em;color:#8ea3a8}
.pulse-story{margin:10px 0 8px;padding:9px 10px;border-left:2px solid rgba(77,222,176,.62);background:rgba(64,142,116,.07);font-size:11px;line-height:1.45;color:#e5f2ef}.pulse-story small{display:block;margin-top:3px;color:#82989d;font-size:8px}
.civ-strip{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.civ-chip{min-width:122px;padding:7px 8px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(0,0,0,.14)}.civ-chip b{display:block;font-size:9px;color:#e9f4f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.civ-chip span{display:block;font-size:7px;color:#83999e;margin-top:3px;white-space:nowrap}
.story-event strong{font-size:10px!important;line-height:1.35!important;text-transform:none!important;letter-spacing:0!important}.story-event small{display:none!important}
.surface-premium .world-events.compact-events{max-height:330px!important;opacity:.80!important}.surface-premium .world-events.compact-events:hover{max-height:440px!important}
@media(max-width:900px){.world-pulse{left:12px;right:12px;top:64px;width:auto}.pulse-metrics{grid-template-columns:repeat(4,1fr)}.civ-strip{display:none}}