/* Browser observatory v2. No external fonts, images or rendering dependencies. */
:root{--bg:#081310;--panel:#101e19;--line:#294038;--text:#e6eee4;--muted:#95aca1;--accent:#b1db9b;--gold:#e5c989}
body{background:radial-gradient(ellipse at 85% 0,#15291f 0,transparent 50%),var(--bg)}
.navigation{width:210px;background:#0c1712;border-color:#233a2b;padding:30px 17px}
.brand{letter-spacing:2.1px;font-size:14px}.brand-mark{color:#b5dfa0}.brand small{font-size:8px}
.nav-label{margin-top:55px;color:#809987;font-size:10px}.nav{border-radius:6px;font-size:13px;padding:12px 10px}
.nav.active{background:#213321;border-color:#405139;color:#c9e5ae}.nav-bottom{border-color:#273d2c;color:#829e8b}
main{margin-left:210px;padding:29px 32px;max-width:2100px}header{margin-bottom:24px}h1{font-size:43px;letter-spacing:-1.6px}.eyebrow{font-size:10px;color:#acc698;letter-spacing:2.6px}
.clock{font-size:17px;color:#d4dfc9}.clock small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#839b86}
button{background:#29422c;border-color:#466548;border-radius:5px;color:#e8f0de}button:hover{background:#365338}.quiet:hover{background:#23332b}
.world-layout{display:block}.world-panel{background:#0b1816;border:1px solid #425448;border-radius:10px;box-shadow:0 16px 45px #0003}
.panel-toolbar{padding:12px 18px;background:#13251b;border-color:#334537;min-height:58px;flex-wrap:wrap}
.field-heading{font-family:Georgia,serif;font-size:18px;letter-spacing:-.2px;display:flex;align-items:center;gap:8px}.live-dot{background:#c1dea6;box-shadow:0 0 10px #bbf5995c}
.field-tag{font:9px system-ui;letter-spacing:1.5px;border:1px solid #425739;padding:3px 5px;border-radius:3px;color:#bdd3a7;margin-left:5px}
.field-tag.frozen{color:#e0c183;border-color:#716644}.toolbar-divider{display:block;width:1px;background:#3a4b3d;margin:5px 7px}.panel-toolbar .quiet{font-size:12px;padding:6px 9px;color:#a9b8a6}.panel-toolbar .quiet.selected{background:#30422e;color:#e1eacf;border-color:#4c5e3b}
.canvas-wrap{height:clamp(480px,66vh,850px);min-height:480px;background:#071516}.world-overlay{top:24px;left:25px;color:#a4b7a8;font-size:10px;line-height:1.7;text-shadow:0 1px 6px #000;gap:5px}.field-eyebrow{font:10px system-ui;letter-spacing:2px;text-transform:uppercase;color:#bed1aa}.field-magnification{display:flex;align-items:baseline;gap:12px}.field-magnification strong{font:36px/1.1 Georgia,serif;letter-spacing:-1px;color:#e2e9d2}.field-magnification span{font:11px system-ui;color:#a2b9a3}
.field-legend{position:absolute;top:24px;right:23px;pointer-events:none;font-size:11px;color:#c7d6b9;text-shadow:0 1px 6px #000;display:flex;flex-direction:column;gap:5px;text-align:right}.field-legend>span{display:flex;gap:7px;align-items:center;justify-content:flex-end}.field-legend small{color:#8ea894;font-size:10px}.legend-dot,.legend-energy,.legend-activity{display:inline-block;width:30px;height:5px;border-radius:4px;background:linear-gradient(90deg,#d1b97a,#9acfb7,#bd96d7,#ef9c90)}.legend-energy{background:linear-gradient(90deg,#e5a776,#cae17d,#a0d8bb)}.legend-activity{background:linear-gradient(90deg,#acd1c5,#d4ee9e,#ff987d,#d8acfa)}
.world-help{bottom:25px;left:25px;display:flex;flex-direction:column;gap:5px;color:#a4bba5;font:10px monospace}.world-help small{font:11px system-ui;color:#869e90;margin-top:9px}#scale-line{height:6px;display:block;border:1px solid #bac8a0;border-top:0;width:90px}
.minimap-card{position:absolute;bottom:20px;right:20px;width:150px;background:#091715eb;border:1px solid #61725a80;border-radius:5px;padding:9px;box-shadow:0 6px 25px #0003}.minimap-card>div{display:flex;justify-content:space-between;margin-bottom:7px;color:#b4c3a1;font-size:8px;letter-spacing:1.2px}.minimap-card canvas{width:130px;height:130px;display:block;cursor:pointer}.minimap-card>span{display:block;font-size:8px;line-height:1.6;color:#8eaa99;margin-top:6px}
.world-options{padding:10px 17px;gap:19px;border-color:#314535;background:#132119;font-size:11px}.world-options label{font-size:11px;color:#b4c3ac}.world-options .color-control{gap:8px}.color-control select{font-size:11px;padding:4px 20px 4px 7px;border-color:#415440;background:#132019}.world-options>span{color:#89a082}
.ecology{margin-top:16px;padding:20px 22px;background:#0f1d15;border-color:#263f2e;display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:28px;border-radius:8px;box-shadow:none}.ecology>div+div{border-left:1px solid #2a4030;padding-left:25px}.ecology .panel-heading{margin-bottom:12px}.ecology h2{font-size:12px;color:#ccd8bb}.ecology dl{margin:0}.ecology dl>div{padding:3px 0;font-size:11px}.ecology .dominant-list{margin:0}.species-row{font-size:11px;padding:6px 0}.recent-events>div{padding:6px 0;font-size:10px;border-color:#223d2d}.recent-events small{font-size:9px}
.metrics{margin-top:20px;margin-bottom:0;border-color:#2d432f;background:#122016;border-radius:8px}.metrics article{padding:17px 22px;border-color:#2c4230}.metrics span{font-size:11px;letter-spacing:.2px}.metrics strong{font-family:Georgia,serif;font-size:32px;color:#dce7cd}.metrics small{font-size:10px;color:#849d8b}
.overview-charts{margin-top:18px;gap:18px}.chart-panel,.species-card,.record-card{background:#102017;border-color:#2b4431}.chart-panel h2{font-size:12px}.chart-panel .tiny{font-size:9px}.chart-panel canvas{height:145px}.specimen{display:block;width:100%;height:132px;margin:-4px 0 10px;background:radial-gradient(ellipse,#183529 0,#0a1d17 65%);border-bottom:1px solid #2b4531}.species-card{padding:18px}.species-card h3{font-family:Georgia,serif;font-size:22px}.species-card .badge{font-size:9px;letter-spacing:1.4px}.species-card dl>div{font-size:12px}.species-card button{font-size:12px}
.inspector{background:#101f18;border-color:#516645;box-shadow:-20px 0 70px #0007}.inspector .panel-heading{background:#101f18}.inspector .specimen{height:180px}.inspector h3{color:#c0dbaa}.inspector pre{background:#071610}.trait-bar{background:#2a4130}.trait-bar>span{background:#b1ce90}input[type=checkbox]{accent-color:#bdcf95}
.world-panel:fullscreen,.world-panel.expanded{border:0;border-radius:0;display:flex;flex-direction:column;background:#071516;width:100vw;height:100vh}.world-panel:fullscreen .canvas-wrap,.world-panel.expanded .canvas-wrap{height:auto;flex:1;min-height:0}.world-panel.expanded{position:fixed;inset:0;z-index:50}
@media(min-width:1650px){.canvas-wrap{height:clamp(570px,69vh,950px)}main{padding:32px 45px}}
@media(max-width:1200px){.navigation{width:185px;padding:27px 12px}main{margin-left:185px;padding:25px}.ecology{gap:20px}.ecology>div+div{padding-left:18px}.panel-toolbar .quiet{padding:6px 7px}.world-options{gap:13px}}
@media(max-width:1000px){.ecology{grid-template-columns:1fr 1fr;gap:18px}.ecology .events-section{grid-column:1/-1;border-left:0;border-top:1px solid #2b422e;padding:16px 0 0;display:grid;grid-template-columns:140px 1fr;gap:15px}.canvas-wrap{height:63vh;min-height:450px}.world-options>span{display:none}}
@media(max-width:720px){.navigation{position:static;width:100%;padding:14px 16px}.brand{font-size:13px}.brand-mark{font-size:26px}nav{margin-top:11px}.nav{padding:7px 8px;font-size:11px}main{margin:0;padding:18px 12px}header{margin-bottom:18px}h1{font-size:34px}.clock{font-size:15px}.clock small{font-size:8px}.eyebrow{font-size:9px}.canvas-wrap{height:64vh;min-height:460px}.panel-toolbar{padding:10px 12px;gap:8px}.panel-toolbar>div{width:100%;flex-wrap:wrap;justify-content:space-between}.panel-toolbar .quiet{padding:5px;font-size:11px}.toolbar-divider{display:none}.field-heading{font-size:16px}.world-overlay{top:20px;left:16px;font-size:8px}.field-eyebrow{font-size:8px;letter-spacing:1.3px}.field-magnification strong{font-size:30px}.field-magnification span{font-size:10px}.field-legend{top:99px;left:16px;right:auto;text-align:left;font-size:10px}.field-legend>span{justify-content:flex-start}.field-legend small{font-size:8px}.minimap-card{width:108px;right:12px;bottom:16px;padding:6px}.minimap-card canvas{width:94px;height:94px}.minimap-card>div{font-size:6px}.minimap-card>span{font-size:7px}.world-help{left:16px;bottom:21px;max-width:180px}.world-help small{font-size:9px;max-width:170px}.world-options{padding:10px 12px;gap:10px 15px}.world-options label{font-size:10px}.ecology{grid-template-columns:1fr;padding:17px;margin-top:12px;gap:18px}.ecology>div+div{border-left:0;border-top:1px solid #2b422e;padding:16px 0 0}.ecology .events-section{grid-column:auto;display:block}.ecology .conditions-section dl{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.ecology .conditions-section dl>div{font-size:10px;gap:8px}.metrics{margin-top:14px}.metrics article{padding:13px 15px}.metrics strong{font-size:27px}.metrics small{font-size:9px}.metrics span{font-size:10px}.overview-charts{margin-top:14px;gap:12px}.inspector{width:100%}.inspector .panel-heading{padding-top:20px}}