:root{color-scheme:dark;--bg: #0a0807;--panel: #120d0a;--inset: #0f0b08;--ink: #e8decc;--amber: #e39c4f;--cyan: #70c4d9;--green: #97d3a8;--red: #d64a33;--cream: #c8b48e;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans)}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button{font:inherit}h1,h2,h3{font-family:var(--display);text-transform:uppercase;margin:0}p{margin:0}@keyframes gasPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}@keyframes gasRise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.skip-link{position:absolute;left:-999px;top:8px}.skip-link:focus{left:12px;z-index:80;background:var(--panel);padding:8px 12px}.app{background:var(--bg);height:100dvh;display:flex;flex-direction:column;overflow:hidden}.site-header{flex:none;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;row-gap:10px;min-height:64px;padding:10px 32px;background:#0a0807db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,222,204,.12)}.header-left{display:flex;align-items:center;gap:24px;flex-wrap:wrap;row-gap:6px}.brand{display:flex;align-items:baseline;gap:10px;color:inherit}.brand-mark{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px #e39c4fbf}.brand-name{font-family:var(--display);font-weight:600;font-size:25px;letter-spacing:5px;text-transform:uppercase}.brand-sub{font-family:var(--mono);font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:#e8deccad}.site-nav{display:flex;gap:4px;flex-wrap:wrap}.site-nav a{background:transparent;border:none;border-bottom:2px solid transparent;color:#e8decc9e;font-family:var(--mono);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;padding:9px 13px 8px;white-space:nowrap}.site-nav a:hover{color:var(--ink)}.site-nav a.is-current{background:#e39c4f1a;border-bottom-color:var(--amber);color:var(--ink)}.header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.live-pill,.session-chip{display:flex;align-items:center;gap:9px;padding:6px 12px 6px 10px;border:1px solid rgba(232,222,204,.16);background:#120d0ab3;font-family:var(--mono);font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:gasPulse 2.4s ease-in-out infinite}.session-chip{padding:7px 12px;gap:10px}.session-bar{width:6px;height:16px;flex:none}.ghost-btn,.amber-btn{background:#e8decc0d;border:1px solid rgba(232,222,204,.2);color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;padding:9px 12px;cursor:pointer;white-space:nowrap}.ghost-btn:hover,.amber-btn:hover{background:#e8decc1f}.amber-btn{background:#e39c4f24;border-color:var(--amber);font-size:10.5px;padding:10px 15px}.amber-btn:hover{background:#e39c4f3d}.link-btn{background:none;border:none;padding:0;font-family:var(--mono);font-size:10.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--amber);cursor:pointer}.link-btn:hover{color:var(--ink)}.views{flex:1;min-height:0;display:flex;flex-direction:column}.view{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(232,222,204,.3) transparent;scrollbar-gutter:stable;padding:26px 32px;display:flex;flex-direction:column;animation:gasRise .2s ease-out}.view-weather{padding-top:20px;padding-bottom:20px}.view-faction{padding:16px 32px 18px}.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;border-bottom:1px solid rgba(232,222,204,.16);padding-bottom:13px}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--amber)}.view-head h1{font-weight:600;font-size:42px;line-height:1;letter-spacing:.5px;margin-top:7px}.view-profile h1,.view-faction h1{font-weight:700;font-size:46px;line-height:.96;letter-spacing:1px}.scope-tools{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.scope-note{font-family:var(--mono);font-size:10px;letter-spacing:1.1px;text-align:right;max-width:420px}.chip-row{display:flex;gap:5px;flex-wrap:wrap}.chip{background:transparent;border:1px solid rgba(232,222,204,.16);color:#e8decc9e;font-family:var(--mono);font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;padding:7px 12px;cursor:pointer;white-space:nowrap}.chip:hover{border-color:#e8decc9e}.chip.is-on{background:#e39c4f24;border-color:var(--amber);color:var(--ink)}.chip.is-cyan.is-on{background:#70c4d91f;border-color:var(--cyan)}.panel{background:var(--panel);border:1px solid rgba(232,222,204,.14);padding:16px 18px 18px;display:flex;flex-direction:column;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(232,222,204,.3) transparent}.panel-amber{border-top:2px solid var(--amber)}.panel-red{border-top:2px solid var(--red)}.panel-cyan{border-top:2px solid var(--cyan)}.panel-green{border-top:2px solid var(--green)}.panel.clickable{cursor:pointer}.panel.clickable:hover{border-color:#e8decc99}.kicker{font-family:var(--mono);font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:#e8deccad}.cta{font-family:var(--mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--cyan);white-space:nowrap}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.dash{flex:1;min-height:560px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:12px;margin-top:16px}.span5{grid-column:span 5}.span4{grid-column:span 4}.span3{grid-column:span 3}.row4{grid-row:span 4}.row3{grid-row:span 3}.row2{grid-row:span 2}.board-title{font-family:var(--display);font-weight:600;font-size:clamp(17px,1.85vw,27px);line-height:1.08;letter-spacing:.4px;text-transform:uppercase;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-family:var(--mono);font-size:11px;color:#e8deccad;margin-top:6px}.stack{display:flex;flex-direction:column;gap:1px;margin-top:13px;flex:1;min-height:52px}.row{display:grid;gap:12px;align-items:center;padding:10px 11px;background:var(--inset)}.row:hover{background:#e8decc0d}.mono{font-family:var(--mono)}.tiny{font-size:9.5px;color:#e8decca3;letter-spacing:1.1px;text-transform:uppercase}.right{text-align:right}.bar{height:8px;background:#e8decc17}.bar>span,.bar-fill{display:block;height:100%}.bar-thin{height:6px;background:#e8decc14}.bar-thin>span{display:block;height:100%}.kv{display:grid;gap:1px;background:#e8decc1a}.kv>div{background:var(--inset);padding:7px 11px 8px;min-width:0;overflow:hidden}.kv dt,.kv .k{font-family:var(--mono);font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:#e8deccad}.kv .v{font-family:var(--display);font-size:22px;line-height:1.06}.site-footer{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 32px 14px;border-top:1px solid rgba(232,222,204,.1);font-family:var(--mono);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:#e8decc61}.footer-wordmark{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:3px;color:#e8decc8c}.cols-3{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,250px) minmax(0,1.15fr) minmax(0,1fr);gap:18px;margin-top:20px}.cols-2{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-top:20px}.cols-hi{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,236px) minmax(0,1fr) minmax(0,316px);gap:20px;margin-top:22px}.place-btn{display:grid;grid-template-columns:8px minmax(0,1fr) 58px;gap:10px;align-items:center;text-align:left;border:none;border-left:2px solid transparent;padding:10px;cursor:pointer;font:inherit;color:inherit;background:var(--inset)}.place-btn.is-on{background:#e39c4f1a;border-left-color:var(--amber)}.diamond{width:8px;height:8px;transform:rotate(45deg);flex:none}.corridor{flex:1;min-height:44px;display:flex;align-items:flex-end;gap:6px;margin-top:11px}.corridor-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%;gap:6px}.corridor-col span:first-child{width:100%;min-height:4px}.corridor-col span:last-child{font-family:var(--mono);font-size:9.5px;color:#e8decca3;text-align:center}.combat-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:24px;background:#e8decc1a}.combat-counts>div{background:var(--panel);padding:16px 18px 18px}.combat-counts .v{font-size:40px}.big{font-family:var(--display);font-size:40px;line-height:1;margin-top:4px}.hi-toggle{display:flex;border:1px solid rgba(232,222,204,.18)}.hi-toggle button{background:transparent;border:none;color:#e8decc9e;font-family:var(--mono);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;padding:9px 16px;cursor:pointer}.hi-toggle button+button{border-left:1px solid rgba(232,222,204,.18)}.hi-toggle button.is-on{background:#e39c4f24;color:var(--ink)}.filter{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(232,222,204,.18);background:var(--panel);min-width:250px}.filter span{font-family:var(--mono);font-size:10.5px;color:#e8decca3}.filter input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-family:var(--mono);font-size:12px}.board-list{display:flex;flex-direction:column;gap:1px;background:#e8decc14}.board-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--inset);border:none;border-left:2px solid transparent;color:#e8deccad;font-family:var(--mono);font-size:11px;text-align:left;padding:6px 10px;cursor:pointer}.board-btn.is-on{background:#e39c4f1a;border-left-color:var(--amber);color:var(--ink)}.table-head,.table-row{display:grid;gap:16px;align-items:center;padding:9px 14px}.table-head{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#e8decca3;border-bottom:1px solid rgba(232,222,204,.14);padding-top:12px}.table-row{border-bottom:1px solid rgba(232,222,204,.07);cursor:pointer}.table-row:hover{background:#e8decc0d}.grid-players{grid-template-columns:54px minmax(96px,1.5fr) minmax(88px,1.2fr) 96px minmax(76px,1fr) 84px;min-width:560px}.grid-ships{grid-template-columns:54px minmax(96px,1.5fr) minmax(76px,1fr) minmax(84px,1.1fr) 82px 82px 84px;min-width:620px}.grid-losses{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) 96px 76px 58px}.grid-roster{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 100px 96px 90px}.rank-num{font-family:var(--display);font-size:24px}.name-disp{font-family:var(--display);font-size:19px;letter-spacing:.5px;text-transform:uppercase;line-height:1.1}.rep{position:relative;height:8px;background:#e8decc14;margin-top:6px}.rep-mid{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#e8decc38}.rep-fill{position:absolute;top:0;bottom:0}.seg-bar{display:flex;height:14px;background:#e8decc0f}.cmd{display:flex;gap:4px;justify-content:flex-end}.cmd button{background:none;border:1px solid rgba(232,222,204,.18);color:var(--ink);font-family:var(--mono);font-size:11px;padding:2px 7px;cursor:pointer}.skill{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) 88px;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(232,222,204,.07)}.skill-bars{display:flex;flex-direction:column;gap:3px}.skill-bars .bar{height:5px}.crumb{display:flex;align-items:center;gap:10px;margin-top:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;color:#e8deccad}.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:26px;background:#e8decc1a}.pact-actions{display:flex;gap:6px;margin-top:8px}.totals{display:flex;gap:1px;background:#e8decc1a}.totals>div{background:var(--panel);padding:8px 16px 10px}.flex-wrap{display:flex;flex-wrap:wrap;align-items:stretch;gap:18px;margin-top:20px;flex:1;min-height:0}.col-narrow{flex:1 1 220px;min-width:196px;display:flex;flex-direction:column;gap:16px}.col-wide{flex:3 1 480px;min-width:320px;min-height:320px;display:flex;flex-direction:column}@media(max-width:1100px){.dash{grid-template-columns:1fr;min-height:0}.span5,.span4,.span3,.row4,.row3,.row2{grid-column:auto;grid-row:auto}.cols-3,.cols-2,.cols-hi,.combat-counts,.tier-grid{grid-template-columns:1fr}.site-header,.view,.site-footer{padding-left:16px;padding-right:16px}}