:root{color:#e7f2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#05070f;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,p,h1,h2,h3,li{font:inherit}button{color:inherit;cursor:pointer;background:#7ecbff1f;border:1px solid #7ecbff73;border-radius:999px}button:hover{background:#7ecbff38}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline-offset:2px;outline:2px solid #9ad7ff}.game{background-color:#05070f;background-image:linear-gradient(#05070f75, #05070fb3), var(--era-backdrop);background-position:50%;background-size:cover;height:100%;position:relative;overflow:hidden}.game-scene,.game-scene canvas{width:100%;height:100%;position:absolute;inset:0}.game-scene canvas{display:block}.hud,.sidebar,.info-panel,.popover,.section-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060e1cc7;border:1px solid #7ecbff52}.hud{z-index:4;border-radius:1rem;align-items:center;gap:1rem;min-height:4.2rem;padding:.55rem .8rem;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.brand{align-items:center;gap:.55rem;min-width:7rem;display:flex}.brand-mark{border:2px solid #7ecbff;border-radius:50%;width:1.7rem;height:1.7rem;box-shadow:inset 0 0 0 5px #081428cc,0 0 12px #7ecbff80}.brand-kicker,.brand-name,.player-name,.resource-note,.panel-kicker,.coordinates,.muted,.mock-note{margin:0}.brand-kicker{color:#8fb4d4;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.brand-name{letter-spacing:.08em;text-transform:uppercase;font-size:1.15rem;font-weight:650}.player-name{color:#d5e8ff;white-space:nowrap}.resource-bar{flex:1;min-width:0}.resource-list{flex-wrap:wrap;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.resource-list li{border-left:1px solid #7ecbff40;flex:none;align-items:center;gap:.5rem;padding:.1rem .7rem;display:flex}.resource-figures{flex-direction:column;gap:.1rem;min-width:0;display:flex}.resource-amount{font-size:1.15rem;line-height:1}.resource-label{color:#9eb6ce;font-size:.75rem;line-height:1}.resource-art{object-fit:cover;border-radius:.28rem;flex:none;width:1.35rem;height:1.35rem}.resource-list .resource-art{border-radius:.45rem;width:2.75rem;height:2.75rem}.stock-name{align-items:center;gap:.4rem;display:inline-flex}.resource-rate,.resource-note,.panel-kicker,.muted,.mock-note{color:#9eb6ce;font-size:.75rem}.resource-note{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resource-constraint{color:#ffd27a;font-size:.85rem}.resource-status{flex:1;margin:0}.resource-error{align-items:center;gap:.7rem;display:flex}.resource-error p{margin:0}.hud-actions{gap:.4rem;display:flex;position:relative}.icon-button{place-items:center;width:2.3rem;height:2.3rem;padding:0;display:grid;position:relative}.hud-icon,.nav-icon{width:1.15rem;height:1.15rem}.badge{color:#062033;background:#7ecbff;border-radius:999px;min-width:1rem;padding:0 .2rem;font-size:.65rem;position:absolute;top:-.2rem;right:-.15rem}.popover{z-index:4;border-radius:.8rem;width:min(18rem,70vw);padding:.8rem;position:absolute;top:calc(100% + .45rem);right:0}.popover h2,.info-panel h2,.info-panel h3,.section-card h1,.section-card h2,.message-detail h2{margin:0 0 .45rem}.popover ul,.level-list,.data-list{margin:0;padding:0;list-style:none}.notices li{border-top:1px solid #7ecbff2e;padding:.45rem 0}.notices p,.user-menu p,.info-panel p,.section-card p{margin:.2rem 0 0;line-height:1.4}.sidebar{top:var(--chrome-top,7.4rem);z-index:3;width:11.5rem;max-height:calc(100% - var(--chrome-top,7.4rem) - 1rem);border-radius:1rem;padding:.4rem;display:grid;position:absolute;left:.75rem;overflow:auto}.nav-item{text-align:left;background:0 0;border-color:#0000;border-radius:.7rem;align-items:center;gap:.55rem;width:100%;padding:.45rem .6rem;display:flex}.staff-row{align-items:center;gap:.6rem;display:flex}.raid-status,.raid-form{gap:.85rem;display:grid}.raid-status{border:1px solid #7ecbff47;border-radius:.8rem;margin-top:.9rem;padding:.85rem .95rem}.raid-status p,.raid-form p{margin:0}.raid-form{margin-top:1.15rem}.raid-choices{flex-wrap:wrap;gap:.7rem;display:flex}.raid-choices button,.raid-form .staff-row button,.raid-send{padding:.4rem .8rem}.raid-choices button[aria-pressed=true]{background:#ffd27a2e;border-color:#ffd27abf}.raid-send{justify-self:start;margin-top:.25rem}.staff-row button{min-width:2rem;padding:.15rem .45rem}.nav-item[aria-current=page]{background:#7ecbff29;border-color:#7ecbff73}.info-panel{top:var(--chrome-top,7.4rem);z-index:3;width:min(20rem,100% - 1.5rem);max-height:calc(100% - var(--chrome-top,7.4rem) - 1rem);border-radius:1rem;padding:.9rem 1rem 1rem;position:absolute;right:.75rem;overflow:auto}.coordinates{color:#7ecbff}.level-list li,.data-list li{border-top:1px solid #7ecbff29;justify-content:space-between;align-items:center;gap:.8rem;padding:.45rem 0;display:flex}.panel-actions{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;display:flex}.panel-actions button,.user-menu button,.data-list button,.resource-error button{padding:.35rem .7rem}.section-view,.view-status,.scene-fallback{z-index:1;overscroll-behavior:contain;padding:var(--chrome-top,7.4rem) 1rem 4rem 13.2rem;position:absolute;inset:0;overflow-y:auto}.section-card{border-radius:1rem;max-width:46rem;padding:1rem 1.1rem 1.2rem}.section-card-wide{max-width:84rem}.data-list li p{margin:.15rem 0 0}.development-list li{align-items:flex-start}.development-copy{flex:1;min-width:0}button.development-title{color:inherit;font:inherit;text-align:left;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:700;text-decoration:underline;display:block}.development-title:hover,.development-title:focus-visible{color:#ffd27a}.unit-order{align-items:center;gap:.5rem;margin-top:.45rem;display:flex}.forecast{border-collapse:collapse;width:100%;margin:.8rem 0 1rem}.forecast th,.forecast td{text-align:right;border-bottom:1px solid #7ecbff38;padding:.3rem .45rem}.forecast th:first-child,.forecast td:first-child{text-align:left}.development-detail>button{margin-bottom:.8rem}.unit-order input{width:4.5rem;color:inherit;font:inherit;background:#081224e0;border:1px solid #7ecbff59;border-radius:.45rem;padding:.35rem .45rem}.development-art{object-fit:cover;border-radius:.55rem;flex:none;width:4.25rem;height:4.25rem}.tree-node .development-art,.info-panel .development-art{width:100%;height:7.5rem;margin-bottom:.45rem}.message-layout{grid-template-columns:minmax(10rem,16rem) 1fr;gap:1rem;display:grid}.message-button{text-align:left;border-radius:.7rem;width:100%;padding:.45rem .6rem;display:grid}.message-button[aria-current=true]{background:#7ecbff38}.empty-state{color:#d5e8ff;margin:.4rem 0}.marker-tip{color:#e7f2ff;white-space:nowrap;background:#050c18d9;border:1px solid #7ecbff80;border-radius:999px;padding:.15rem .45rem;font:12px system-ui,sans-serif}.mock-note{margin-top:1rem}.auth-gate{z-index:6;background:#05070fb8;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.auth-card,.user-menu label,.auth-card label{gap:.3rem;display:grid}.auth-card{background:#060e1ceb;border:1px solid #7ecbff52;border-radius:1rem;width:min(24rem,100%);padding:1.1rem 1.2rem 1.2rem}.auth-card h1,.user-menu h2{margin-bottom:.7rem}.auth-card input,.auth-card select,.user-menu select,.chat-flag select,.info-panel input,.info-panel select{width:100%;color:inherit;background:#050c18e6;border:1px solid #7ecbff73;border-radius:.6rem;padding:.45rem .6rem}.auth-card button,.user-menu button{margin-top:.35rem}.password-field{display:block;position:relative}.password-field input{padding-right:2.4rem}.auth-card .password-toggle{background:0 0;border:0;border-radius:.45rem;place-items:center;width:1.9rem;height:1.9rem;margin:0;display:grid;position:absolute;top:50%;right:.2rem;transform:translateY(-50%)}.auth-card .password-toggle:hover{background:#7ecbff29}.password-eye{width:1.15rem;height:1.15rem}.text-button{background:0 0}.auth-error{color:#ffd27a;margin:.2rem 0 0}.shortfall{color:#ff8f8f}.busy{color:#ffd27a}.tree-block{margin-top:1.2rem}.tree-block h2,.tree-node h3{margin:0 0 .35rem}.era-tabs{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;display:flex}.era-tabs button[aria-selected=true]{color:#ffd27a;background:#ffd27a38;border-color:#ffd27a}.tree-scroll{margin-top:.8rem;overflow-x:auto}.tree-board{width:100%;min-width:calc(var(--tree-columns,6) * 100% / 6);background-color:#05070f66;background-image:linear-gradient(#05070f85, #05070fb3), var(--tree-era);background-position:50%;background-size:cover;border-radius:1rem;grid-template-columns:repeat(6,minmax(0,1fr));gap:6.8rem .7rem;padding:.85rem;display:grid;position:relative}.tree-lines{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.tree-lines polyline{fill:none;stroke:#e7f6ff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.tree-lines marker path{fill:#e7f6ff}.tree-level text{font-family:inherit;font-size:15px;font-weight:800}.tree-level.due rect{fill:#ffd27a;stroke:#3a2408;stroke-width:2px}.tree-level.due text{fill:#1a1206}.tree-level.met rect{fill:#f4fbff;stroke:#163044;stroke-width:2px}.tree-level.met text{fill:#0c1a2c}.tree-node{z-index:1;background:#081224e0;border:1px solid #7ecbff47;border-radius:.8rem;padding:.65rem .7rem .75rem;position:relative}.tree-node.unlocked{border-color:#6edc96}.tree-node p{margin:.15rem 0 0}.tree-status{color:#ffd27a}.tree-pills{flex-wrap:wrap;gap:.3rem;margin-top:.45rem;display:flex}.tree-pill{border-radius:999px;padding:.12rem .45rem;font-size:.75rem;font-weight:700;line-height:1.3}.tree-pill.due{color:#1a1206;background:#ffd27a}.tree-pill.met{color:#0c1a2c;background:#f4fbff}.scene-nav{top:var(--chrome-top,4.6rem);z-index:2;background:#060e1cc7;border:1px solid #7ecbff52;border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .55rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scene-nav-inline{width:fit-content;margin:0 0 .8rem;position:static;transform:none}.scene-nav button:disabled{opacity:.45}.fund-form{gap:.45rem;margin:.35rem 0 .8rem;display:grid}.fund-form label{gap:.25rem;display:grid}.scene-hint,.scene-back{z-index:2;margin:0;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.scene-hint{pointer-events:none;background:#060e1cc7;border:1px solid #7ecbff52;border-radius:999px;padding:.35rem .75rem}.scene-back{padding:.4rem .8rem}.user-menu{gap:.55rem;display:grid}@media (width<=800px){.hud{flex-wrap:wrap;align-items:flex-start}.player-name{display:none}.brand{order:1}.hud-actions{order:2;margin-left:auto}.resource-bar{flex-basis:100%;order:3}.sidebar{width:auto;display:flex;inset:auto .4rem .4rem;overflow-x:auto}.nav-item span{display:none}.info-panel{width:auto;max-height:38%;inset:auto .4rem 3.6rem}.section-view,.view-status,.scene-fallback{padding:10.25rem .7rem 6.5rem}.message-layout{grid-template-columns:1fr}.tree-board{min-width:calc(var(--tree-columns,6) * 9rem)}.scene-nav{gap:.4rem;max-width:calc(100vw - 1rem);top:10.4rem}.scene-nav button{width:2rem;height:2rem;padding:0;font-size:0;overflow:hidden}.scene-nav button:before{content:"‹";font-size:1.15rem;line-height:1}.scene-nav button:last-child:before{content:"›"}.scene-nav span{white-space:nowrap;font-size:.82rem}.scene-nav-inline{top:auto}.scene-hint,.scene-back{bottom:4.6rem}}.chat-dock{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.55rem;width:min(42rem,100% - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.chat-dock>*{pointer-events:auto}.chat-launcher{align-self:flex-end}.chat-panel{background:#060e1cf0;border:1px solid #7ecbff59;border-radius:.9rem;grid-template-columns:13.5rem minmax(0,1fr);width:100%;height:min(32rem,100vh - 8rem);display:grid;overflow:hidden;box-shadow:0 16px 40px #00000059}.chat-side,.chat-thread{min-width:0;min-height:0}.chat-side{border-right:1px solid #7ecbff2e;flex-direction:column;gap:.45rem;padding:.7rem;display:flex;overflow:hidden}.chat-side-body{flex:1;min-height:0;overflow:auto}.chat-flag{gap:.3rem;margin-top:auto;display:grid}.chat-tabs{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.chat-tabs button{border-radius:.6rem;padding:.3rem .4rem}.chat-tabs button[aria-current=true],.chat-room-list .message-button[aria-current=true]{background:#7ecbff47}.chat-room-list,.chat-friends ul,.chat-messages{margin:0;padding:0;list-style:none}.chat-room-list,.chat-friends{gap:.35rem;display:grid}.chat-friends label,.chat-friends li{gap:.3rem;display:grid}.chat-friends input,.chat-composer textarea{width:100%;color:inherit;font:inherit;background:#050c18e6;border:1px solid #7ecbff59;border-radius:.6rem}.chat-thread{flex-direction:column;padding:.7rem;display:flex}.chat-messages{flex-direction:column;flex:1;gap:.55rem;display:flex;overflow:auto}.chat-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.15rem 0 0}.chat-composer{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;margin-top:.55rem;display:grid}.chat-composer textarea{resize:vertical;min-height:2.6rem;max-height:6rem;padding:.4rem .55rem}.chat-online{color:#9be7b5}.chat-offline{color:#9eb0c6}@media (width<=800px){.chat-dock{width:auto;bottom:4.6rem;left:.4rem;right:.4rem}.chat-panel{grid-template-rows:minmax(0,34%) minmax(0,1fr);grid-template-columns:1fr;height:min(70vh,100vh - 9rem)}.chat-side{border-bottom:1px solid #7ecbff2e;border-right:0}}@media (prefers-reduced-motion:reduce){.chat-panel,.chat-launcher{transition:none;animation:none}}
