*{box-sizing:border-box}:root{color:#edf7ff;background:#03070d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(42,110,149,.16),transparent 34%),radial-gradient(circle at 15% 75%,rgba(77,227,255,.12),transparent 26%),#03070d}button,input{font:inherit}button{color:inherit}#root{min-height:100vh}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:#03070d}.globe-host{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}.globe-host:active{cursor:grabbing}.hud{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.hud button,.hud input{pointer-events:auto}.topbar{position:absolute;top:8px;left:8px;right:8px;display:grid;grid-template-columns:auto minmax(218px,.52fr) minmax(340px,.82fr) auto;align-items:start;gap:12px}.brand-lockup h1{margin:0;font-size:30px;line-height:.92;font-weight:900;letter-spacing:0;color:#f4fbff;text-shadow:0 0 20px rgba(111,219,255,.18)}.brand-lockup span{display:block;margin-top:5px;color:#33d9ff;font-size:13px;font-weight:800;letter-spacing:5px;text-align:right}.icon-button,.dock-button,.play-button{display:inline-grid;width:46px;height:46px;place-items:center;border:1px solid rgba(117,207,232,.3);border-radius:6px;background:#030d18b8;box-shadow:inset 0 0 0 1px #ffffff08,0 0 24px #00beff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-button:hover,.dock-button:hover,.command-button:hover,.event-row:hover{border-color:#6cebffb3;background:#081a2ad6}.top-actions{display:flex;justify-content:end;gap:8px}.resource-strip{display:grid;grid-template-columns:repeat(4,minmax(118px,1fr));min-height:40px;border:1px solid rgba(117,207,232,.25);border-radius:0 0 14px 14px;background:linear-gradient(180deg,#05111ec7,#020a1385);clip-path:polygon(20px 0,100% 0,calc(100% - 14px) 100%,0 100%,0 18px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.resource-cell{display:grid;grid-template-columns:20px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:0;padding:7px 16px;border-right:1px solid rgba(117,207,232,.17)}.resource-cell:last-child{border-right:0}.resource-cell svg{grid-row:span 2;color:#48dfff}.resource-cell strong{min-width:0;overflow:hidden;font-size:15px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.resource-cell span{color:#7dff8a;font-size:11px;font-weight:800}.panel-shell{border:1px solid rgba(116,205,232,.32);border-radius:8px;background:linear-gradient(180deg,#081827d4,#020912ad),#03091194;box-shadow:inset 0 0 0 1px #ffffff09,0 22px 70px #00000052,0 0 34px #2bd3ff12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.feed-panel{position:absolute;top:68px;left:8px;width:232px;max-height:calc(100vh - 208px);overflow:hidden}.feed-panel.is-hidden{display:none}.action-strip{padding:8px 10px;border-bottom:1px solid rgba(116,205,232,.12);color:#dff9ff;background:#4de3ff14;font-size:11px;font-weight:750;line-height:1.35}.panel-title{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:8px 10px;border-bottom:1px solid rgba(116,205,232,.17);color:#78def8;font-size:12px;font-weight:900;letter-spacing:.7px}.panel-title span{display:inline-flex;align-items:center;gap:7px}.feed-list{display:grid;gap:5px;max-height:calc(100vh - 254px);overflow:auto;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(92,232,255,.55) rgba(255,255,255,.05)}.feed-list::-webkit-scrollbar,.country-panel::-webkit-scrollbar{width:7px}.feed-list::-webkit-scrollbar-track,.country-panel::-webkit-scrollbar-track{background:#ffffff0a}.feed-list::-webkit-scrollbar-thumb,.country-panel::-webkit-scrollbar-thumb{border-radius:99px;background:#5ce8ff7a}.event-row{display:grid;grid-template-columns:36px minmax(0,1fr) 34px;align-items:center;gap:8px;width:100%;min-height:46px;border:1px solid rgba(115,204,232,.1);border-radius:5px;background:#0209118a;padding:5px;text-align:left}.event-row.is-active{border-color:#ffffffb3;box-shadow:0 0 26px #4de3ff26}.event-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid currentColor;border-radius:4px}.event-copy{min-width:0}.event-copy small,.country-label,.command-button small{display:block;color:#91a9b4;font-size:10px;font-weight:700}.event-copy strong{display:block;overflow:hidden;color:#f4fbff;font-size:12px;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.event-copy em{display:block;overflow:hidden;color:#7e98a5;font-size:10px;font-style:normal;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.event-mag{width:28px;height:4px;border-radius:99px;background:#ffffff26}.event-mag:after{display:block;width:var(--meter);max-width:100%;height:100%;border-radius:inherit;background:currentColor;content:""}.mode-dock{position:absolute;bottom:88px;left:8px;display:flex;gap:6px;max-width:calc(100vw - 16px);overflow-x:auto;padding-bottom:4px}.dock-button{width:68px;height:54px;grid-template-rows:22px auto;gap:3px;flex:0 0 auto;color:#8da6b4;font-size:10px;font-weight:900;letter-spacing:0;line-height:1}.dock-button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-button.is-active{color:#42e4ff;border-color:#4ae3ffbd;background:#0e3046d1}.mode-readout{position:absolute;bottom:150px;left:8px;display:grid;gap:2px;width:232px;padding:8px 10px}.mode-readout strong{color:#6decff;font-size:12px;font-weight:900}.mode-readout span{color:#adc2cb;font-size:11px;line-height:1.35}.country-panel{position:absolute;top:68px;right:8px;display:grid;width:316px;max-height:calc(100vh - 154px);overflow:auto}.country-header{display:flex;justify-content:space-between;gap:14px;padding:16px 14px 10px;border-bottom:1px solid rgba(116,205,232,.15)}.country-header h2,.empty-selection h2{margin:3px 0 0;font-size:24px;line-height:1;font-weight:900;letter-spacing:0}.star-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(116,205,232,.24);border-radius:5px;color:#7eeaff;background:#040f1ab3}.stat-stack{display:grid;gap:12px;padding:14px}.meter-head{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:6px}.meter-head span,.motive-strip span,.border-strip span,.command-button span{color:#c5d5dd;font-size:11px;font-weight:900;letter-spacing:.4px}.meter-head strong{font-size:12px;font-weight:900}.meter-bar{height:6px;overflow:hidden;border-radius:99px;background:#ffffff21}.meter-bar span{display:block;height:100%;border-radius:inherit}.meter-cyan svg,.meter-cyan .meter-head strong{color:#57e8ff}.meter-cyan .meter-bar span{background:#57e8ff}.meter-amber svg,.meter-amber .meter-head strong{color:#ffc24a}.meter-amber .meter-bar span{background:#ffc24a}.meter-violet svg,.meter-violet .meter-head strong{color:#aa83ff}.meter-violet .meter-bar span{background:#aa83ff}.meter-green svg,.meter-green .meter-head strong{color:#72ff83}.meter-green .meter-bar span{background:#72ff83}.meter-blue svg,.meter-blue .meter-head strong{color:#74b9ff}.meter-blue .meter-bar span{background:#74b9ff}.border-strip{display:grid;gap:4px;padding:12px 14px;border-top:1px solid rgba(116,205,232,.13);border-bottom:1px solid rgba(116,205,232,.13);background:#ffffff09}.border-strip strong{overflow-wrap:anywhere;color:#f6fbff;font-size:15px;font-weight:900;line-height:1.1}.border-strip small{color:#91a9b4;font-size:11px;font-weight:750}.border-stable span{color:#7dff94}.border-strained span{color:#ffad62}.border-fractured span{color:#ffd24d}.border-breakaway span{color:#ff5c89}.border-reunified span{color:#69ffa0}.motive-strip{display:grid;grid-template-columns:68px minmax(0,1fr);gap:4px 10px;padding:12px 14px;border-block:1px solid rgba(116,205,232,.13)}.motive-strip strong{color:#ff765d;font-size:13px;text-transform:uppercase}.motive-strip small{grid-column:2;color:#8aa1ad;font-size:11px;font-weight:700}.event-stack,.border-log{border-bottom:1px solid rgba(116,205,232,.12)}.border-log-list{display:grid;gap:6px;padding:8px 10px 12px}.border-log-row{display:grid;gap:2px;padding:8px;border:1px solid rgba(116,205,232,.12);border-radius:5px;background:#0209118c}.border-log-row small{color:#91a9b4;font-size:10px;font-weight:800}.border-log-row strong{color:#f6fbff;font-size:12px;font-weight:900}.border-log-row span{overflow-wrap:anywhere;color:#9fb5bf;font-size:11px}.border-log-breakaway{border-color:#ff5c8961}.border-log-fracture{border-color:#ffd24d57}.border-log-reunification{border-color:#69ffa057}.mini-event-list{display:grid;gap:6px;padding:8px 10px 12px}.quiet-row{display:block;padding:8px;color:#627987;font-size:11px;font-weight:900}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.command-button{display:grid;min-height:74px;place-items:center;gap:5px;border:1px solid rgba(116,205,232,.19);border-radius:6px;background:#030c17b8;text-align:center}.command-button svg{color:#48dbff}.command-button small{color:#ffc94f}.empty-selection{display:grid;min-height:310px;place-items:center;align-content:center;gap:10px;padding:28px;text-align:center}.empty-selection svg{color:#57e8ff}.empty-selection p{max-width:220px;margin:0;color:#9fb2bb;font-size:13px;line-height:1.45}.time-rail{position:absolute;right:8px;bottom:8px;left:8px;display:grid;grid-template-columns:56px 200px minmax(240px,1fr) 132px;align-items:center;gap:12px;min-height:74px;padding:9px 12px}.play-button{width:54px;height:54px;color:#f6fbff;border-color:#53e8ffcc;box-shadow:0 0 26px #42e4ff38}.speed-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.speed-stack button{min-height:38px;border:1px solid rgba(116,205,232,.19);border-radius:5px;background:#030c16b3;color:#9fb2bb;font-size:13px;font-weight:850}.speed-stack button.is-active{color:#08151e;background:#63e8ff;border-color:#63e8ff}.timeline{position:relative;display:grid;gap:5px;min-width:0}.timeline-years{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;color:#8fa4ad;font-size:13px;font-weight:800}.timeline-years strong{color:#f4fbff;font-size:25px;line-height:1;text-shadow:0 0 24px rgba(98,232,255,.45)}.timeline-years span:last-child{text-align:right}.timeline input{width:100%;accent-color:#55e7ff}.event-markers{position:absolute;right:0;bottom:11px;left:0;height:18px;pointer-events:none}.event-markers span{position:absolute;bottom:0;width:3px;height:9px;border-radius:99px;background:currentColor;box-shadow:0 0 10px currentColor}.event-markers i{position:absolute;top:-15px;width:2px;height:34px;background:#65e8ff;box-shadow:0 0 18px #65e8ff}.era-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid rgba(116,205,232,.24);border-radius:5px;color:#d7f8ff;background:#030c16a3;font-size:12px;font-weight:900}.era-modern{color:#6cecff}.era-nearFuture{color:#ffbd52}.era-orbital,.era-postOrbital{color:#b69cff}.fiction-tag{pointer-events:none;position:absolute;right:18px;bottom:92px;z-index:6;color:#b4d2dd85;font-size:10px;font-weight:900;letter-spacing:1.8px}@media(max-width:1100px){.topbar{grid-template-columns:auto minmax(196px,1fr) auto}.resource-strip{display:none}.country-panel{width:286px}}@media(max-width:820px){body{overflow:auto}.app-shell{min-height:100vh;overflow:hidden}.topbar{grid-template-columns:42px 1fr auto}.brand-lockup h1{font-size:22px}.brand-lockup span{font-size:10px;letter-spacing:3px}.feed-panel{top:64px;width:188px;max-height:232px}.country-panel{top:auto;right:8px;bottom:88px;left:8px;width:auto;max-height:235px}.stat-stack,.motive-strip,.event-stack,.border-log{display:none}.country-header h2{font-size:20px}.command-grid{grid-template-columns:repeat(6,minmax(64px,1fr));overflow-x:auto}.time-rail{grid-template-columns:52px minmax(98px,.4fr) minmax(120px,1fr)}.era-chip{display:none}.speed-stack{grid-template-columns:repeat(2,1fr)}.mode-dock,.mode-readout,.fiction-tag{display:none}}