:root{color-scheme:dark;--bg:#101512;--panel:#1a201c;--ink:#f2f1e8;--sub:#b2bdb3;--muted:#819186;--edge:#354339;--mint:#b1dbba;--gold:#f3c894;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 850px 420px at 3% -4%,#26392a66,transparent),radial-gradient(ellipse 1100px 420px at 100% 80%,#453e2b33,transparent),var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}
.observatory{max-width:1780px;margin:0 auto;padding:17px 19px 35px;display:grid;gap:16px}
.world-card{position:relative;border:1px solid #425849;border-radius:18px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 30%,#233b2b,#13211d 64%,#111916);box-shadow:0 16px 36px #070d0a58,inset 0 0 70px #78987809}
.world-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(#acc1ab0d 1px,transparent 1px),linear-gradient(90deg,#acc1ab0d 1px,transparent 1px);background-size:34px 34px}
.map-lights{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-lights i{position:absolute;display:block;border-radius:50%;filter:blur(45px);opacity:.22}.map-lights i:nth-child(1){width:360px;height:360px;background:#a3d2a5;top:-180px;left:39%}.map-lights i:nth-child(2){width:210px;height:210px;background:#d8a06d;bottom:-120px;left:9%}.map-lights i:nth-child(3){width:260px;height:260px;background:#4d9f95;right:-120px;top:30%}
.map-overline{height:43px;position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:6px 22px;pointer-events:none}.wordmark,.live-label{font:700 10px var(--mono);letter-spacing:.13em;color:#d8e7cf}.wordmark{display:flex;align-items:center;gap:9px}.wordmark-orb{display:block;width:12px;height:12px;border:2px solid #d0e1b8;border-radius:100%;box-shadow:0 0 15px #9edfad70, inset 0 0 6px #9edfad}.live-label{display:flex;align-items:center;gap:7px;color:#a1b6a7;font-size:9px}.live-dot{height:6px;width:6px;border-radius:50%;background:#9edba9;box-shadow:0 0 9px #82e7ad;animation:light-pulse 2.6s infinite}@keyframes light-pulse{50%{opacity:.38;box-shadow:0 0 3px #82e7ad}}
.map-viewport{position:relative;width:100%;overflow-x:auto;scrollbar-color:#4c6653 transparent;scrollbar-width:thin}.map-stage{position:relative;width:100%;min-width:970px;aspect-ratio:1000/620;max-height:930px;overflow:hidden}.world-svg,.map-connectors{width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.world-svg .land{fill:#32493a;stroke:#70866d;stroke-width:.65;opacity:.75;vector-effect:non-scaling-stroke}.world-svg .map-ocean-line{stroke:#83958c;stroke-width:.5;opacity:.13;fill:none}.map-connectors{z-index:1}.map-connectors line{stroke:#dbd9af;stroke-width:1.25;opacity:.57;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.map-connectors .pin-ring{fill:#b3e4b9;opacity:.15}.map-connectors .pin-center{fill:#d6f9b5;stroke:#142018;stroke-width:1.5}.map-bubbles{position:absolute;inset:0;z-index:2;pointer-events:none}
.map-bubble{pointer-events:auto;position:absolute;width:17.4%;min-height:65px;display:flex;flex-direction:column;gap:3px;padding:8px 9px 9px;border:1px solid #728b726f;border-radius:10px;background:linear-gradient(140deg,#22362dea,#18261fef);box-shadow:0 7px 23px #050b0790,0 0 24px #80c9a00a;backdrop-filter:blur(9px);transition:background .16s,border-color .16s,transform .16s;transform-origin:center}.map-bubble:hover,.map-bubble:focus-visible{background:#2b4838;transform:translateY(-3px);border-color:#a6daad;z-index:5;outline:none}.bubble-top{display:flex;align-items:center;gap:6px;color:#baddba;font:700 9px var(--mono);letter-spacing:.06em}.country-dot{width:5px;height:5px;border-radius:50%;background:#e9c796;box-shadow:0 0 7px #dfbd84aa}.bubble-age{margin-left:auto;color:#a1aca4;font-size:8px;font-weight:400;letter-spacing:0}.bubble-title{font-size:clamp(10px,.83vw,13px);line-height:1.28;font-weight:650;color:#f6f4e6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.map-bubble.missing{opacity:.72}.map-bubble.missing .bubble-title{font-weight:400;color:#a7b5a9}
.feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.news-card{--cat:#b7c9a0;min-height:295px;padding:22px 22px 17px;position:relative;border:1px solid var(--edge);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(148deg,#222922,#181e1b 70%);box-shadow:0 6px 0 #0b110d88,0 15px 22px #080b0950;transition:border-color .18s,transform .18s,box-shadow .18s}.news-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;top:-106px;right:-84px;background:var(--cat);opacity:.08;filter:blur(2px);pointer-events:none}.news-card:after{content:"";position:absolute;right:-8px;bottom:-25px;width:115px;height:115px;border:1px solid var(--cat);border-radius:50%;opacity:.12;box-shadow:0 0 0 19px #0000,0 0 0 20px var(--cat),0 0 0 39px #0000,0 0 0 40px var(--cat);pointer-events:none}.news-card:hover{transform:translateY(-3px);border-color:var(--cat);box-shadow:0 8px 0 #0b110d88,0 18px 28px #080b0966}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.category-label{display:flex;align-items:center;gap:9px;color:var(--cat);font:800 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.category-ball{height:10px;width:10px;flex-shrink:0;border-radius:100%;background:var(--cat);box-shadow:0 0 0 4px color-mix(in srgb,var(--cat) 15%,transparent),0 0 18px color-mix(in srgb,var(--cat) 35%,transparent)}.card-age{color:#b3bfb6;font:11px var(--mono);white-space:nowrap}.news-card h2{margin:22px 0 0;position:relative;z-index:1;font-size:clamp(17px,1.18vw,21px);font-weight:720;line-height:1.33;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.news-summary{margin:13px 0 17px;color:#c0c8be;font-size:14px;line-height:1.58;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}.news-summary.awaiting{font-style:italic;color:#80958b}.news-summary.error{font-style:normal;color:#a1a89b}.card-meta{margin-top:auto;padding-top:13px;border-top:1px solid #4d5f4c70;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a6bba9;font:10px var(--mono)}.source-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:67%}.ai-label{color:#d8bc95;white-space:nowrap}.news-card .whole-link{position:absolute;inset:0;z-index:3;border-radius:16px}.news-card .whole-link:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}.news-card:hover h2{color:#fff5db}.news-card.empty{opacity:.54}.news-card.empty h2{font-size:18px}.skeleton{background:linear-gradient(90deg,#1d2720,#303c31 48%,#1d2720);background-size:200% 100%;animation:shimmer 1.8s infinite;min-height:230px}.notice{margin:3px 0 0;color:#d2c7a7;font-size:12px;padding:8px 14px;border:1px solid #69543c99;background:#3e35264f;border-radius:9px}.notice[hidden]{display:none}@keyframes shimmer{to{background-position:-200% 0}}
@media(min-width:1600px){.news-card{min-height:306px}}@media(max-width:1280px){.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.news-card{min-height:275px}.news-card h2{font-size:19px}.map-stage{min-width:1040px}.bubble-title{font-size:11px}}
@media(max-width:900px){.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.observatory{padding:12px;gap:12px}.map-stage{width:1100px;min-width:1100px}.map-overline{padding:8px 14px}.live-label{font-size:8px}.map-bubble{padding:8px}.bubble-title{font-size:12px}.world-card{border-radius:13px}}
@media(max-width:580px){.feed-grid{grid-template-columns:1fr;gap:12px}.news-card{min-height:230px;padding:20px 20px 15px;border-radius:13px}.news-card h2{font-size:21px;margin-top:18px}.news-summary{font-size:14px}.map-stage{width:1070px;min-width:1070px}.observatory{padding:9px;gap:11px}.map-viewport{scroll-snap-type:x proximity}.live-label{font-size:8px}.wordmark{font-size:9px}.map-overline{padding:7px 15px}.news-card.empty{min-height:155px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V4: compact readable text and global headline floating over southern ocean */
.news-card h2{font-size:clamp(13px,.9vw,16px);line-height:1.42;letter-spacing:-.012em}
.news-summary{font-size:11px;line-height:1.56}
.category-label{font-size:10px}.card-age{font-size:10px}
.bubble-title{font-size:clamp(9px,.67vw,11px);line-height:1.36}
.global-headline{position:absolute;z-index:4;left:22%;right:16%;bottom:2%;min-height:76px;padding:12px 18px;border:1px solid #d3ba837c;border-radius:12px;background:linear-gradient(115deg,#26372ef5,#18231fef);box-shadow:0 8px 30px #060d0a9c,0 0 26px #d8b97b1b;display:flex;flex-direction:column;justify-content:center;gap:3px;backdrop-filter:blur(12px)}
.global-kicker{font:800 10px var(--mono);letter-spacing:.12em;color:#efca8c}.global-age{margin-left:10px;font-weight:400;color:#b4c4b5;letter-spacing:0}.global-story{font-size:15px;line-height:1.3;font-weight:700;color:#fff5e3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.global-story:hover{text-decoration:underline}.global-source{font:9px var(--mono);color:#a8bba8}
@media(max-width:1280px){.news-card h2{font-size:15px}}
@media(max-width:580px){.news-card h2{font-size:15px}.news-summary{font-size:11px}.global-headline{left:22%;right:14%;bottom:1.5%;padding:9px 13px;min-height:68px}.global-story{font-size:12px}.global-kicker{font-size:9px}.bubble-title{font-size:10px}}

/* V5: taller world briefing, three substantial readable stories */
.global-headline{left:16%;right:12%;bottom:1.5%;min-height:160px;max-height:210px;padding:13px 18px;justify-content:flex-start;gap:9px;overflow-y:auto}
.global-kicker{font-size:14px;letter-spacing:.14em;display:flex;align-items:baseline;gap:12px}
.global-subtitle{font-size:9px;color:#a7bbaa;letter-spacing:.02em;font-weight:500}
.global-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}
.global-item{display:flex;gap:8px;min-width:0;padding:3px 9px 0 0;border-right:1px solid #b4c7a42c}
.global-item:last-child{border-right:0}
.global-number{font:700 12px var(--mono);color:#e8c78e;flex-shrink:0}
.global-content{min-width:0}
.global-story{display:block;font-size:12px;line-height:1.35;font-weight:750;-webkit-line-clamp:3}
.global-summary{font-size:10px;line-height:1.4;color:#d1ded1;margin:5px 0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.global-source{display:block;font-size:9px}
.global-empty{color:#d7e2d5;font-size:13px}
@media(max-width:580px){.global-headline{left:17%;right:8%;bottom:1%;min-height:175px;max-height:215px;padding:10px 12px}.global-kicker{font-size:12px}.global-subtitle{font-size:8px}.global-stories{grid-template-columns:1fr;gap:8px}.global-item{border-right:0;border-bottom:1px solid #b4c7a42c;padding-bottom:6px}.global-story{font-size:11px;-webkit-line-clamp:2}.global-summary{font-size:10px;-webkit-line-clamp:3}}