@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Orbit&family=IBM+Plex+Sans+KR:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--bg:#16142a;--bg-raised:#1b1930;--surface:#222034;--sunken:#0e0d1c;--line:#394958;--line-strong:#5d7e90;--text:#c5d7d9;--text-dim:#a7c0c6;--text-faint:#5d7e90;--white:#fff;--cheong:#43cdb6;--cheong-hi:#86dfc6;--cheong-bg:#133546;--cheong-mid:#1c5f6a;--jeok:#ee7d69;--jeok-hi:#f4a990;--jeok-strong:#e64d40;--jeok-bg:#2e1f3e;--jeok-deep:#5d0c15;--hwang:#ebaa49;--hwang-bg:#3a2f12;--hwang-line:#785b02;--warn:#f3c878;--down:#8fa8ff;--f-display:"Black Han Sans", sans-serif;--f-label:"Orbit", sans-serif;--f-body:"IBM Plex Sans KR", system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--f-body);word-break:keep-all;margin:0}a{color:var(--cheong-hi)}a:hover{color:#c8f4e8}button{font:inherit}h1,h2,h3{font-family:var(--f-display);color:var(--white);margin:0;font-weight:400}.mono{font-family:var(--f-mono)}.label{font-family:var(--f-label);letter-spacing:3px;font-size:12px}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.c-cheong{color:var(--cheong)}.c-jeok{color:var(--jeok)}.c-hwang{color:var(--hwang)}.c-white{color:var(--white)}.c-warn{color:var(--warn)}.c-down{color:var(--down)}.pix{image-rendering:pixelated}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dc-strip{background:repeating-linear-gradient(90deg, var(--cheong) 0 24px, var(--bg) 24px 28px, var(--jeok) 28px 52px, var(--bg) 52px 56px, var(--hwang) 56px 80px, var(--bg) 80px 84px, var(--text) 84px 96px, var(--bg) 96px 100px);height:8px}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--bg-raised);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:10px 16px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand b{font-family:var(--f-display);color:var(--white);font-size:22px;font-weight:400}.brand span{font-family:var(--f-label);letter-spacing:4px;color:var(--text-dim);font-size:12px}.tiles{flex-wrap:wrap;flex:520px;gap:6px;display:flex}.tile{background:var(--surface);border:1px solid var(--line);min-width:96px;color:inherit;padding:5px 12px;text-decoration:none}.tile small{color:var(--text-dim);font-size:11px;display:block}.tile strong{font-family:var(--f-mono);color:var(--white);font-size:15px;font-weight:600}.body{flex-wrap:wrap;flex:auto;display:flex}.rail{background:var(--bg-raised);border-right:1px solid var(--line);flex-direction:column;flex:0 0 88px;gap:2px;padding:10px 6px;display:flex}.rail a{color:var(--text);flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:10px 2px;font-size:12px;text-decoration:none;display:flex;position:relative}.rail a.on{background:var(--cheong-bg);color:var(--cheong);box-shadow:inset 3px 0 0 var(--cheong);font-weight:700}.rail .count{background:var(--jeok-strong);color:#fff;min-width:16px;font:10px var(--f-mono);text-align:center;padding:0 4px;position:absolute;top:4px;right:8px}.main{flex-direction:column;flex:999 560px;gap:16px;min-width:0;padding:16px;display:flex}.body{align-content:flex-start}@media (max-width:720px){.rail{z-index:40;border-right:0;border-top:2px solid var(--line);flex-direction:row;padding:0;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.rail a{flex:0 0 72px;padding:8px 2px 12px}.rail a.on{box-shadow:inset 0 3px 0 var(--cheong)}.app{padding-bottom:72px}.topbar .tiles{flex-basis:100%;order:3}}.card{background:var(--surface);border:2px solid var(--line);flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.card.flush{gap:0;padding:0}.card.accent{border-color:var(--cheong)}.card.warn{border-color:var(--hwang-line)}.card.danger{background:var(--jeok-bg);border-color:var(--jeok-strong)}.card-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card-head h2{font-size:22px}.card-head .end{margin-left:auto}.row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.grow{flex:999 520px;min-width:0}.side{flex:300px;max-width:380px}.g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1100px){.g2{grid-template-columns:minmax(0,1fr)}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.g3{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.g4{grid-template-columns:minmax(0,1fr)}}.btn{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn.lg{min-height:56px;font-size:17px}.btn.primary{background:var(--cheong);color:var(--cheong-bg);box-shadow:4px 4px 0 var(--cheong-bg)}.btn.gold{background:var(--hwang);color:#2a1f05;box-shadow:4px 4px 0 var(--hwang-bg)}.btn.danger{background:var(--jeok-strong);color:#fff;box-shadow:4px 4px 0 var(--jeok-deep)}.btn.ghost{background:var(--surface);color:var(--white);border:1px solid var(--line-strong)}.btn.outline-danger{color:var(--jeok);border:1px solid var(--jeok-deep);background:0 0}.btn:disabled{opacity:.45;cursor:not-allowed}.pill{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;padding:0 14px;font-size:14px}.pill.on{background:var(--cheong-bg);border-color:var(--cheong);color:var(--white);font-weight:700}.tabs{flex-wrap:wrap;display:flex}.tab{min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 18px;font-size:15px;text-decoration:none;display:inline-flex}.tab.on{background:var(--cheong-bg);color:var(--white);box-shadow:inset 0 -3px 0 var(--cheong);font-weight:700}.chip{border:1px solid var(--line);padding:3px 8px;font-size:12px;display:inline-block}.chip.cheong{background:var(--cheong-bg);border-color:var(--cheong-mid);color:var(--cheong-hi)}.chip.jeok{background:var(--jeok-bg);border-color:var(--jeok-deep);color:var(--jeok-hi)}.chip.hwang{background:var(--hwang-bg);border-color:var(--hwang-line);color:var(--hwang)}.input{background:var(--bg-raised);border:1px solid var(--line);min-height:44px;color:var(--white);font-family:var(--f-mono);width:100%;padding:0 12px;font-size:15px}textarea.input{min-height:96px;font-family:var(--f-body);padding:10px 12px}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--text-dim);font-size:12px}.meter>i{background:var(--cheong);height:100%;display:block}.stat{background:var(--bg-raised);border:1px solid var(--line);padding:12px}.stat small{color:var(--text-dim);font-size:12px;display:block}.stat strong{font-family:var(--f-mono);color:var(--white);font-size:20px;font-weight:600}.scroll-x{overflow-x:auto}table.t{border-collapse:collapse;width:100%;font-size:14px}table.t th{text-align:left;color:var(--text-dim);background:var(--bg-raised);padding:10px;font-size:12px;font-weight:500}table.t td{border-top:1px solid var(--line);padding:11px 10px}table.t .r{text-align:right}.log{font:13px/1.5 var(--f-mono);flex-direction:column;gap:8px;margin:0;padding:12px 16px;list-style:none;display:flex}.empty{text-align:center;color:var(--text-faint);padding:28px 16px;font-size:14px}.note{color:var(--text-dim);margin:0;font-size:13px;line-height:1.6}.notice{border:1px dashed var(--hwang-line);background:var(--hwang-bg);color:var(--hwang);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.notice.err{border-color:var(--jeok-deep);background:var(--jeok-bg);color:var(--jeok-hi)}.planned{font:11px var(--f-mono);color:var(--hwang);border:1px dashed var(--hwang-line);padding:1px 6px}.skeleton{background:linear-gradient(90deg, var(--surface), var(--bg-raised), var(--surface));background-size:200% 100%;min-height:1em;animation:1.2s linear infinite sk}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.sw{cursor:pointer;background:var(--line);border:0;flex:0 0 52px;width:52px;height:28px;padding:0;position:relative}.sw[aria-pressed=true]{background:var(--cheong)}.sw:after{content:"";background:#fff;width:20px;height:20px;transition:left .12s;position:absolute;top:4px;left:4px}.sw[aria-pressed=true]:after{left:28px}.toast{background:var(--sunken);border:2px solid var(--cheong);color:var(--white);z-index:50;box-shadow:6px 6px 0 var(--cheong-bg);padding:12px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.spin{vertical-align:-1px;border:2px solid;border-right-color:#0000;border-radius:50%;width:8px;height:8px;margin-right:5px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ab-head .chip.order-chip{color:var(--hwang);background:#3a2c10;align-items:center;margin-left:auto;display:inline-flex}@media (prefers-reduced-motion:reduce){.spin{opacity:.7;border-right-color:currentColor;animation:none}}button.order-busy{cursor:progress;position:relative}button.order-busy:after{content:"";border:2px solid var(--hwang);border-right-color:#0000;border-radius:50%;width:8px;height:8px;animation:.8s linear infinite spin;position:absolute;top:4px;right:4px}button.order-ok{box-shadow:0 0 0 2px var(--cheong-hi)!important}button.order-bad{box-shadow:0 0 0 2px var(--jeok-hi,#ff6b5b)!important}@media (prefers-reduced-motion:reduce){button.order-busy:after{animation:none}}details.adv,details.danger-zone{margin-top:12px}details.adv>summary,details.danger-zone>summary{cursor:pointer;color:var(--text-dim);padding:6px 0;font-size:13px}details.danger-zone>summary{color:var(--jeok)}details.adv[open]>summary,details.danger-zone[open]>summary{margin-bottom:8px}.ab-empty{color:var(--text-dim);max-width:340px;margin:0;padding:10px 12px;font-size:13px}body{background:radial-gradient(ellipse at 50% -20%, #1c2a4a 0, var(--bg) 55%) fixed, var(--bg)}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(1px 1px at 10% 20%,#fff8 50%,#0000 51%),radial-gradient(1px 1px at 70% 80%,#fff6 50%,#0000 51%),radial-gradient(1px 1px at 40% 60%,#fff5 50%,#0000 51%),radial-gradient(1px 1px at 85% 15%,#fff7 50%,#0000 51%),radial-gradient(2px 2px at 25% 85%,#86dfc655 50%,#0000 51%);background-size:360px 360px,520px 520px,440px 440px,300px 300px,600px 600px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:1000;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000014 0 1px,#0000 1px 3px);position:fixed;inset:0}.app{z-index:1;position:relative}kbd{background:var(--sunken);border:1px solid var(--line-strong);min-width:20px;height:20px;color:var(--text-dim);font:600 11px var(--f-mono);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex}.btn kbd{color:inherit;opacity:.8;background:#00000040;border-color:#0000004d}.topbar{z-index:30;background:linear-gradient(180deg, #1f1c3a, var(--bg-raised));border-bottom:2px solid var(--line);position:sticky;top:0;box-shadow:0 6px #00000040}.plate{background:var(--sunken);border:1px solid var(--line);color:inherit;align-items:center;gap:10px;min-width:200px;padding:4px 12px 4px 4px;text-decoration:none;display:flex}.plate:hover{border-color:var(--hwang-line)}.plate-txt{flex-direction:column;flex:auto;gap:3px;display:flex}.plate-txt b{font:400 16px var(--f-display);color:var(--white);line-height:1}.plate-txt small{color:var(--text-faint);font-size:10px}.plate-xp{border:1px solid var(--line);background:#0e0d1c;height:5px;display:block}.plate-xp i{background:linear-gradient(90deg, var(--hwang-line), var(--hwang));height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);display:block}.insignia{flex:none}.tile{background:var(--sunken);border-color:var(--line);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));position:relative}.tile small{font-family:var(--f-label);letter-spacing:1px;font-size:10px}.tile-v{align-items:baseline;gap:6px;display:flex}.tile strong.up{animation:.7s ease-out tick-up}.tile strong.down{animation:.7s ease-out tick-down}@keyframes tick-up{0%{text-shadow:0 0 12px var(--cheong);transform:translateY(-2px)}to{text-shadow:none;transform:none}}@keyframes tick-down{0%{text-shadow:0 0 12px var(--jeok);transform:translateY(2px)}to{text-shadow:none;transform:none}}.tile.alert{border-color:var(--jeok-strong);animation:1s steps(2,end) infinite alert-pulse}@keyframes alert-pulse{50%{background:var(--e-inv)}}.hud-tools{align-items:center;gap:6px;margin-left:auto;display:flex}.hud-btn{background:var(--surface);border:1px solid var(--line-strong);width:40px;height:40px;color:var(--white);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.hud-btn:hover{border-color:var(--cheong);color:var(--cheong-hi)}.demo-bar{border-bottom:2px solid var(--hwang-line);color:var(--hwang);background:repeating-linear-gradient(135deg,#3a2f12 0 14px,#2e2610 14px 28px);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:8px 16px;font-size:13px;display:flex}.demo-bar b{font:400 16px var(--f-display);color:var(--warn)}.rail{background:linear-gradient(90deg, var(--sunken), var(--bg-raised));gap:4px}.rail a{border:1px solid #0000;transition:background .12s,color .12s}.rail a:hover{background:var(--surface);color:var(--white);border-color:var(--line)}.rail a.on{background:var(--cheong-bg);border-color:var(--cheong-mid)}.rail a.on svg{filter:drop-shadow(0 0 6px var(--cheong))}.rail-key{min-width:16px;height:16px;padding:0 3px;font-size:9px;position:absolute;top:4px;left:4px}@media (max-width:720px){.rail-key{display:none}.plate{min-width:0}.plate-txt small{display:none}}.foot{border-top:1px solid var(--line);color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}.card,.game-panel{background:linear-gradient(180deg, var(--surface), #1d1b30);position:relative;box-shadow:6px 6px #00000059}.card.danger{background:var(--jeok-bg)}.card:before,.card:after,.game-panel:before,.game-panel:after{content:"";border:2px solid var(--line-strong);pointer-events:none;width:10px;height:10px;position:absolute}.card:before,.game-panel:before{border-bottom:0;border-right:0;top:-2px;left:-2px}.card:after,.game-panel:after{border-top:0;border-left:0;bottom:-2px;right:-2px}.card.accent:before,.card.accent:after{border-color:var(--cheong)}.card.warn:before,.card.warn:after{border-color:var(--hwang)}.steps .tab{pointer-events:none}.gate h1{font-size:34px}.bridge{grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(260px,330px);align-items:start;gap:16px;display:grid}.bridge-l,.bridge-r{flex-direction:column;gap:16px;min-width:0;display:flex}.bridge-c{gap:12px;padding:14px}@media (max-width:1280px){.bridge{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.bridge-l{grid-area:1/2/span 2}.bridge-c{grid-area:1/1/span 2}.bridge-r{grid-column:1/-1}}@media (max-width:900px){.bridge{grid-template-columns:minmax(0,1fr)}.bridge-l,.bridge-c,.bridge-r{grid-area:auto/1}.bridge-c{order:-1}}.bd-host{border:2px solid var(--line);box-shadow:inset 0 0 0 2px #0e0d1c}.planet-head{flex-wrap:wrap;align-items:flex-end;gap:16px 24px;display:flex}.planet-head h1{font-size:34px;line-height:1.1}.shield{flex-direction:column;flex:240px;gap:4px;max-width:380px;margin-left:auto;display:flex}.shield-l{justify-content:space-between;display:flex}.shield-bar{border:1px solid var(--line);background:#0e0d1c;gap:2px;height:14px;padding:2px;display:flex}.shield-bar i{background:var(--surface);flex:1 1 0}.shield-bar i.on{background:var(--cheong);box-shadow:0 0 6px var(--cheong)}.shield-bar i.low{background:var(--jeok-strong);animation:1s steps(2,end) infinite alert-pulse}.vein{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.vein .mono{font-size:20px}.planet-foot{flex-wrap:wrap;gap:8px 20px;font-size:13px;display:flex}.mission{background:var(--bg-raised);border:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.mission.ready{background:var(--hwang-bg);border-color:var(--hwang);animation:1.6s ease-in-out infinite ready-glow}@keyframes ready-glow{50%{box-shadow:0 0 0 3px #ebaa4940}}.mission-top,.mission-bot{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.mission-top b{color:var(--white)}.mission-bot{font-size:12px}.mission-go{font-size:12px;text-decoration:none}.meter{background:#0e0d1c;border:0;height:6px}.meter>i{transition:width .6s}.feed .log li{border-left:2px solid #0000;padding:4px 6px}.feed .log li.bad{background:var(--jeok-bg);border-left-color:var(--jeok-strong)}.inspector .card-head h2{font-size:20px}.px-icon{background:var(--sunken);border:1px solid var(--line);image-rendering:pixelated;flex:none;display:inline-block;position:relative}.px-icon img{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.build-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.build-opt{background:var(--bg-raised);border:2px solid var(--line);color:var(--white);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:13px;display:flex}.build-opt:hover:not(:disabled){border-color:var(--cheong);background:var(--cheong-bg);transform:translateY(-2px)}.build-opt:disabled{opacity:.45;cursor:not-allowed}.build-opt small,.build-opt .mono{font-size:10px}.raid-alarm{border:2px solid var(--jeok-strong);color:#f4d3c9;background:repeating-linear-gradient(135deg,#5d0c15 0 18px,#4a0911 18px 36px);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px;display:flex}.raid-alarm strong{font:400 20px var(--f-display);color:#fff;animation:.9s steps(2,end) infinite alert-pulse}.raid-alarm.live{box-shadow:0 0 0 3px #e64d4059,0 0 30px #e64d4059}.raid-alarm .end{margin-left:auto}.cmdbar{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid var(--line);background:#16142aeb;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;display:grid;position:sticky;bottom:0;box-shadow:0 -6px #00000040}@media (max-width:900px){.cmdbar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.cmdbar{bottom:72px}}.cmd{background:var(--surface);border:2px solid var(--line-strong);min-height:56px;color:var(--white);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:0 12px;transition:transform 80ms;display:flex;box-shadow:4px 4px #0e0d1c}.cmd:hover{border-color:var(--cheong);transform:translate(-1px,-1px);box-shadow:5px 5px #0e0d1c}.cmd:active{transform:translate(2px,2px);box-shadow:1px 1px #0e0d1c}.cmd span{flex-direction:column;gap:1px;min-width:0;display:flex}.cmd small{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cmd.gold{background:var(--hwang-bg);border-color:var(--hwang)}.cmd.gold small{color:var(--hwang)}.cmd.danger{background:var(--jeok-bg);border-color:var(--jeok-strong)}.cmd kbd{min-width:26px;height:26px;color:var(--white);font-size:13px}.bt-stage{overflow:hidden}.bt-top{background:var(--sunken);border-bottom:2px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.bt-side{flex-direction:column;gap:5px;display:flex}.bt-side.cpu{text-align:right;align-items:flex-end}.bt-name{align-items:baseline;gap:10px;font-size:14px;display:flex}.bt-side.cpu .bt-name{flex-direction:row-reverse}.bt-name b{font:400 18px var(--f-display);color:var(--white)}.bt-hull{border:1px solid var(--line);background:#0e0d1c;width:100%;height:18px;position:relative}.bt-hull i{transition:width .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0}.bt-side.you .bt-hull i{background:linear-gradient(90deg, var(--cheong-mid), var(--cheong));left:0}.bt-side.cpu .bt-hull i{background:linear-gradient(270deg, var(--jeok-deep), var(--jeok-strong));right:0}.bt-hull span{color:#fff;text-shadow:1px 1px #000;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.bt-charge{align-items:center;gap:2px;display:flex}.bt-side.cpu .bt-charge{flex-direction:row-reverse}.bt-charge i{background:var(--surface);width:10px;height:6px}.bt-charge i.on{background:var(--hwang)}.bt-charge span{color:var(--text-dim);margin:0 6px;font-size:10px}.bt-mid{flex-direction:column;align-items:center;display:flex}.bt-mid strong{color:var(--white);font-size:22px}.bt-bar{border-top:2px solid var(--line);background:var(--sunken);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;display:flex}.bt-bar .end{margin-left:auto}.bt-hint{font-size:14px}.bt-hint b{color:var(--hwang)}.bt-legend{font:400 16px var(--f-display);justify-content:space-between;display:flex}.debrief-title{font:400 88px/1 var(--f-display);color:#fff;animation:.6s cubic-bezier(.2,.8,.2,1.2) both slam}.debrief.win .debrief-title{color:var(--warn);text-shadow:6px 6px 0 var(--hwang-line)}.debrief.loss .debrief-title{color:var(--jeok-hi);text-shadow:6px 6px 0 var(--jeok-deep)}.debrief-stars{color:var(--hwang);letter-spacing:8px;font-size:48px}@keyframes slam{0%{opacity:0;transform:scale(1.8)}70%{opacity:1;transform:scale(.95)}to{transform:scale(1)}}.fx-float{z-index:2000;font:700 18px var(--f-mono);pointer-events:none;text-shadow:2px 2px #000,-1px -1px #000;white-space:nowrap;animation:1.3s ease-out forwards float-up;position:fixed;transform:translate(-50%)}.fx-float.big{font:400 30px var(--f-display)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,8px)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}.fx-shake{animation:.4s linear shake}.fx-shake-lg{animation:.5s linear shake-lg}@keyframes shake{0%,to{transform:none}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}@keyframes shake-lg{0%,to{transform:none}15%{transform:translate(-8px,4px)}30%{transform:translate(7px,-5px)}45%{transform:translate(-6px,-3px)}60%{transform:translate(5px,4px)}75%{transform:translate(-3px,2px)}}.fx-flash{z-index:1900;pointer-events:none;animation:.45s ease-out forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:1}to{opacity:0}}.fx-banner{z-index:2100;cursor:pointer;background:#0e0d1c8c;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.fx-banner.out{animation:.3s forwards fade-out}.fx-banner-in{background:linear-gradient(90deg,#0000,#0e0d1cf2 15% 85%,#0000);border-top:3px solid;border-bottom:3px solid;flex-direction:column;align-items:center;gap:6px;width:100%;padding:28px 16px;animation:.5s cubic-bezier(.2,.8,.2,1.1) banner-in;display:flex}.fx-banner .kicker{font:13px var(--f-label);letter-spacing:6px}.fx-banner strong{font:400 clamp(48px, 9vw, 96px)/1 var(--f-display);color:#fff;animation:.55s cubic-bezier(.2,.8,.2,1.2) both slam}.fx-banner .sub{color:var(--text);font-size:16px}.fx-banner.gold .fx-banner-in{border-color:var(--hwang)}.fx-banner.gold .kicker{color:var(--hwang)}.fx-banner.gold strong{color:var(--warn);text-shadow:5px 5px 0 var(--hwang-line)}.fx-banner.cheong .fx-banner-in{border-color:var(--cheong)}.fx-banner.cheong .kicker{color:var(--cheong)}.fx-banner.cheong strong{text-shadow:5px 5px 0 var(--cheong-mid)}.fx-banner.jeok .fx-banner-in{border-color:var(--jeok-strong)}.fx-banner.jeok .kicker{color:var(--jeok)}.fx-banner.jeok strong{color:var(--jeok-hi);text-shadow:5px 5px 0 var(--jeok-deep)}@keyframes banner-in{0%{transform:scaleY(0)}to{transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}#fx-notes{z-index:1950;pointer-events:none;flex-direction:column;gap:8px;width:min(320px,100vw - 32px);display:flex;position:fixed;top:96px;right:16px}.fx-note{border:2px solid var(--cheong);background:#0e0d1cf2;border-left-width:6px;flex-direction:column;gap:2px;padding:10px 14px;font-size:13px;animation:.3s cubic-bezier(.2,.8,.2,1.2) note-in;display:flex;box-shadow:4px 4px #0006}.fx-note b{color:var(--white);font-size:14px}.fx-note.hwang{border-color:var(--hwang)}.fx-note.hwang b{color:var(--warn)}.fx-note.jeok{border-color:var(--jeok-strong)}.fx-note.jeok b{color:var(--jeok-hi)}.fx-note.out{animation:.3s forwards fade-out}@keyframes note-in{0%{transform:translate(110%)}}.keys-help{z-index:2200;background:#0e0d1cb3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.keys-in{background:var(--surface);border:2px solid var(--cheong);box-shadow:8px 8px 0 var(--cheong-bg);flex-direction:column;gap:14px;width:100%;max-width:420px;padding:22px;display:flex}.keys-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;display:grid}.keys-in p{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.toast{z-index:2000}@media (prefers-reduced-motion:reduce){.fx-banner-in,.fx-banner strong,.debrief-title,.fx-note,.tile.alert,.mission.ready,.raid-alarm strong,.shield-bar i.low{animation:none!important}}.grid-cmd{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:16px;display:grid}@media (max-width:1100px){.grid-cmd{grid-template-columns:minmax(0,1fr)}}.flow{background:radial-gradient(circle,#ebaa491f,#0000 60%);flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:12px 0;display:flex}.flow-col{flex-direction:column;flex:200px;gap:10px;min-width:0;max-width:260px;display:flex}.flow-col.sinks{max-width:320px}.src{background:var(--bg-raised);border:2px solid var(--line);flex-direction:column;gap:3px;padding:12px;display:flex}.src.gold{background:var(--hwang-bg);border-color:var(--hwang-line)}.src.gold .label{color:var(--hwang)}.src.cheong{background:var(--cheong-bg);border-color:var(--cheong-mid)}.src.cheong .label{color:var(--cheong)}.src strong{color:var(--white);font-size:20px}.src small{color:var(--text-dim);font-size:12px}.wire{background-size:40px 10px;flex:0 0 64px;height:10px;animation:.8s linear infinite wire}.wire.gold{background-image:repeating-linear-gradient(90deg, var(--hwang) 0 12px, transparent 12px 20px)}.wire.cheong{background-image:repeating-linear-gradient(90deg, var(--cheong) 0 12px, transparent 12px 20px)}@keyframes wire{to{background-position:40px 0}}.core{background:conic-gradient(var(--tone) var(--deg), #0e0d1c 0);border-radius:50%;flex:0 0 240px;height:240px;padding:14px;animation:2.4s ease-in-out infinite core-glow;box-shadow:0 0 0 4px #0e0d1c,0 0 50px #ebaa4959}.core-in{text-align:center;background:radial-gradient(circle,#f3c878 0,#ebaa49 26%,#3a2f12 68%);border:3px solid #0e0d1c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.core-in .label{color:#2a1f05}.core-in strong{color:#16142a;font-size:28px}.core-in .mono{font-weight:600}.core-in small{color:#2a1f05}@keyframes core-glow{50%{box-shadow:0 0 0 4px #0e0d1c,0 0 80px #ebaa498c}}.sink{background:var(--surface);border:2px solid var(--line);align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.sink>div{flex-direction:column;flex:auto;min-width:0;display:flex}.sink b{color:var(--white);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.sink small{color:var(--text-dim);font-size:11px}.sink .rank{width:24px;height:24px;color:var(--cheong);background:#0e0d1c;justify-content:center;align-items:center;display:inline-flex}.sink.cut{background:var(--jeok-bg);border-color:var(--jeok-strong);animation:1s steps(2,end) infinite alert-pulse}.sink.cut .rank,.sink.cut .mono{color:var(--jeok)}.wargame{gap:14px}.verdict{border:2px solid;flex-direction:column;gap:6px;padding:14px;font-size:13px;line-height:1.6;display:flex}.verdict strong{font:400 22px var(--f-display)}.verdict.ok{background:var(--cheong-bg);border-color:var(--cheong)}.verdict.ok strong{color:var(--cheong-hi)}.verdict.warn{background:var(--jeok-bg);border-color:var(--jeok-strong)}.verdict.warn strong{color:var(--jeok-hi)}.verdict.bad{background:var(--jeok-deep);border-color:var(--jeok-strong)}.verdict.bad strong{color:#fff}.switches{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.switch{background:var(--bg-raised);border:1px solid var(--line);border-left:4px solid var(--hwang-line);align-items:center;gap:12px;padding:12px 14px;display:flex}.switch.on{border-left-color:var(--cheong)}@media (max-width:720px){.wire{flex:0 0 24px;width:10px;height:24px}.core{flex-basis:200px;height:200px}}.ticker{background:var(--sunken);border:1px solid var(--line);align-items:center;height:34px;display:flex;overflow:hidden}.ticker-in{white-space:nowrap;gap:40px;padding-left:16px;font-size:13px;animation:40s linear infinite ticker;display:flex}@keyframes ticker{to{transform:translate(-50%)}}.exch{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:16px;display:grid}@media (max-width:1000px){.exch{grid-template-columns:minmax(0,1fr)}}.price-row{flex-wrap:wrap;align-items:baseline;gap:8px 14px;display:flex}.price-row strong{color:var(--white);font-size:34px}.candles{background:var(--sunken);border:2px solid var(--line);gap:4px;height:240px;padding:14px;display:flex}.candle{flex:1 1 0;position:relative}.candle i{display:block;position:absolute}.candle .wick{width:2px;margin-left:-1px;left:50%}.candle .body{left:0;right:0}.candle.up i{background:var(--cheong)}.candle.down i{background:var(--jeok)}.candle:last-child .body{box-shadow:0 0 10px var(--cheong)}.deals{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.deal{background:var(--bg-raised);border:2px solid var(--cheong-mid);flex-direction:column;gap:6px;padding:12px;font-size:13px;display:flex}.deal b{color:var(--white);font-size:15px}.deal-top{justify-content:space-between;gap:8px;display:flex}.ticket{gap:14px}.quote{background:var(--sunken);border:1px solid var(--line);flex-direction:column;gap:8px;padding:14px;font-size:13px;display:flex}.quote>div{justify-content:space-between;display:flex}.quote .total{border-top:1px solid var(--line);color:var(--white);padding-top:8px}.quote .total strong{font-size:20px}@media (max-width:720px){.topbar{gap:8px;padding:8px 12px;position:static}.brand span{display:none}.hud-tools{margin-left:auto}.tiles{scrollbar-width:none;flex-wrap:nowrap;gap:4px;overflow-x:auto}.tile{flex:none;min-width:0;padding:4px 10px}.tile strong{font-size:13px}.demo-bar{gap:6px 10px;padding:6px 12px}.demo-bar span{display:none}.demo-bar .btn:first-of-type{margin-left:auto}.cmdbar{scrollbar-width:none;gap:6px;padding:6px;display:flex;overflow-x:auto}.cmd{min-height:44px;box-shadow:none;flex:none;gap:6px;padding:0 10px}.cmd small,.cmd kbd{display:none}.bt-top{grid-template-columns:1fr 1fr}.bt-mid{flex-direction:row;grid-area:1/1/auto/-1;justify-content:center;gap:8px}#fx-notes{top:auto;bottom:150px}}.editor{background:var(--sunken);border:2px solid var(--cheong-mid);flex-direction:column;gap:10px;padding:12px;display:flex}.build-opt.on{border-color:var(--hwang);background:var(--hwang-bg)}.run-track{flex-wrap:wrap;gap:4px;display:flex}.run-track span{background:var(--bg-raised);border:1px solid var(--line);color:var(--text-faint);text-align:center;flex:100px;padding:6px 10px;font-size:12px}.run-track .done{background:var(--cheong-bg);border-color:var(--cheong-mid);color:var(--cheong-hi)}.run-track .now{background:var(--jeok-bg);border-color:var(--jeok-strong);color:#fff;font-weight:700}.offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.offers .label{grid-column:1/-1}.offer{background:var(--bg-raised);border:2px solid var(--hwang-line);color:var(--white);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:13px;animation:.4s cubic-bezier(.2,.8,.2,1.2) both note-in;display:flex}.offer:nth-child(3){animation-delay:.1s}.offer:nth-child(4){animation-delay:.2s}.offer:hover{border-color:var(--hwang);background:var(--hwang-bg);transform:translateY(-3px)}.tree{flex-direction:column;gap:18px;display:flex}.branch h2{margin-bottom:10px;font-size:20px}.branch-row{flex-wrap:wrap;align-items:center;gap:0;display:flex}.branch-row .link{background:var(--line);flex:0 0 40px;height:4px}.branch-row .link.lit{background:var(--hwang);box-shadow:0 0 8px var(--hwang)}.tech{background:linear-gradient(180deg, var(--surface), #1d1b30);border:2px solid var(--line);flex-direction:column;flex:260px;gap:10px;max-width:340px;padding:14px;display:flex;box-shadow:5px 5px #00000059}.tech.some{border-color:var(--cheong-mid)}.tech.max{border-color:var(--hwang);background:linear-gradient(180deg, var(--hwang-bg), #1d1b30)}.tech.locked{opacity:.6;filter:grayscale(.6)}.tech-top{align-items:center;gap:12px;display:flex}.tech-top b{color:var(--white);font-size:15px;display:block}.tech p{color:var(--text);min-height:2.8em;margin:0;font-size:13px;line-height:1.5}.tech .next{color:var(--cheong-hi)}.pips{gap:3px;margin-top:6px;display:flex}.pips i{background:var(--sunken);border:1px solid var(--line);width:18px;height:6px}.pips i.on{background:var(--hwang);border-color:var(--hwang)}@media (max-width:720px){.branch-row .link{display:none}.branch-row{gap:8px}.tech{max-width:none}}.standings{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.standings li{background:var(--bg-raised);border:1px solid var(--line);align-items:center;gap:10px;padding:8px 10px;display:flex}.standings li.me{background:var(--cheong-bg);border-color:var(--cheong)}.standings li>div{flex-direction:column;flex:auto;min-width:0;display:flex}.standings b{color:var(--white);font-size:14px}.standings small{color:var(--text-dim);font-size:11px}.standings .rk{width:26px;height:26px;color:var(--hwang);background:#0e0d1c;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.standings li:first-child .rk{background:var(--hwang);color:#2a1f05}.away{z-index:2150;background:#0e0d1cbf;justify-content:center;align-items:center;padding:16px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.away-in{background:linear-gradient(180deg, var(--surface), #1d1b30);border:2px solid var(--cheong);width:100%;max-width:420px;box-shadow:8px 8px 0 var(--cheong-bg);flex-direction:column;gap:10px;padding:22px;animation:.4s cubic-bezier(.2,.8,.2,1.1) banner-in;display:flex}.away-in h2{font-size:30px}.away-in>div{background:var(--bg-raised);border:1px solid var(--line);justify-content:space-between;padding:8px 10px;font-size:14px;display:flex}.away-in>div b{color:var(--white);font-size:16px}.away-in>div b.c-hwang{color:var(--hwang)}.away-in>div b.c-cheong{color:var(--cheong-hi)}.away-in>div b.c-jeok{color:var(--jeok)}.record-hero{flex-flow:wrap;align-items:center;gap:24px}.record-ins{background:var(--sunken);border:2px solid var(--line);padding:10px}.record-main{flex-direction:column;flex:360px;gap:8px;min-width:0;display:flex}.record-main h1{color:var(--warn);text-shadow:4px 4px 0 var(--hwang-line);font-size:56px;line-height:1}.plate-xp.big{height:14px}.ranks{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.ranks span{background:var(--bg-raised);border:1px solid var(--line);color:var(--text-faint);padding:3px 7px;font-size:11px}.ranks .done{color:var(--cheong-hi);border-color:var(--cheong-mid)}.ranks .now{background:var(--hwang);color:#2a1f05;border-color:var(--hwang);font-weight:700}.medals{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.medal{background:var(--bg-raised);border:2px solid var(--line);text-align:center;filter:grayscale();opacity:.45;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.medal.got{filter:none;opacity:1;border-color:var(--hwang);background:linear-gradient(180deg, var(--hwang-bg), var(--bg-raised));box-shadow:0 0 0 2px #ebaa4926}.medal b{color:var(--white);font-size:14px}.medal small{color:var(--text-dim);font-size:11px}.all-missions{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.all-missions .mission{color:inherit;text-decoration:none}.all-missions .mission.claimed{opacity:.55}.gx-wrap{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:16px;display:grid}@media (max-width:1000px){.gx-wrap{grid-template-columns:minmax(0,1fr)}}.gx-card{background:radial-gradient(circle,#1c2a4a 0,#0e0d1c 70%);padding:0;overflow:hidden}.gx{aspect-ratio:1;width:100%;max-height:calc(100vh - 220px);margin:0 auto;display:block}.gx text{font:5px var(--f-body);fill:#fff;paint-order:stroke;stroke:#0e0d1c;stroke-width:1.2px;pointer-events:none}.gx-node{cursor:pointer;outline:none}.gx-node .core{fill:var(--jeok);stroke:#fff;stroke-width:.4px}.gx-node .halo{fill:#ee7d6926;stroke:#ee7d6980;stroke-width:.4px}.gx-node.home .core{fill:var(--cheong)}.gx-node.home .halo{fill:#43cdb626;stroke:var(--cheong);transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite gx-pulse}.gx-node:hover .halo,.gx-node:focus .halo,.gx-node.sel .halo{stroke:var(--hwang);stroke-width:1px;fill:#ebaa4933}@keyframes gx-pulse{50%{opacity:.4;transform:scale(1.35)}}.gx-route{fill:none;stroke:var(--jeok-strong);stroke-width:.8px;stroke-dasharray:3 2;animation:1s linear infinite gx-dash}@keyframes gx-dash{to{stroke-dashoffset:-5px}}.gx-fleet{fill:var(--jeok-strong);stroke:#fff;stroke-width:.4px;animation:.8s steps(2,end) infinite alert-pulse}.gx .gx-eta{fill:var(--jeok-hi);font-size:4.5px}.intel{gap:12px}.scout{background:var(--sunken);border:1px solid var(--cheong-mid);flex-direction:column;gap:4px;padding:10px;display:flex}.scout-u{align-items:center;gap:8px;font-size:13px;display:flex}.scout-u span{color:var(--white);flex:auto}.ev-chip{border:2px solid;padding:3px 10px;font-weight:700;text-decoration:none;animation:1.4s steps(2,end) infinite alert-pulse}.ev-chip.jeok{color:#fff;background:var(--jeok-deep);border-color:var(--jeok-strong)}.ev-chip.cheong{color:#fff;background:var(--cheong-mid);border-color:var(--cheong)}.ev-chip.hwang{color:#2a1f05;background:var(--hwang);border-color:var(--warn)}@media (max-width:720px){.demo-bar .ev-chip{display:inline-block}}.side-tabs{grid-template-columns:1fr 1fr;display:grid}.side-tabs button{background:var(--bg-raised);min-height:46px;color:var(--text-dim);cursor:pointer;border:0;font-size:16px;font-weight:700}.side-tabs button.on.sell{background:var(--cheong-mid);color:#fff}.side-tabs button.on.buy{background:var(--jeok-deep);color:#fff}.deal.buy{border-color:var(--jeok-deep)}.campaign{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.mission-card{background:linear-gradient(90deg, var(--jeok-bg), var(--surface) 40%);border:2px solid var(--jeok-deep);grid-template-columns:56px 88px minmax(0,1fr) 150px;align-items:center;gap:16px;padding:14px;display:grid;box-shadow:6px 6px #00000059}.mission-card.cleared{background:linear-gradient(90deg, var(--cheong-bg), var(--surface) 40%);border-color:var(--cheong-mid)}.mission-card.locked{filter:grayscale(.9);opacity:.55}.mc-no{font:400 44px/1 var(--f-display);color:var(--jeok-hi);text-align:center}.mission-card.cleared .mc-no{color:var(--cheong-hi)}.mc-body{flex-direction:column;gap:4px;min-width:0;display:flex}.mc-body h2{font-size:24px}.mc-body p{margin:0;font-size:14px;line-height:1.6}.mc-lesson{color:var(--hwang);font-size:13px!important}.mc-side{text-align:center;flex-direction:column;align-items:stretch;gap:6px;display:flex}.mc-stars{color:var(--hwang);letter-spacing:4px;font-size:24px}@media (max-width:760px){.mission-card{grid-template-columns:44px minmax(0,1fr)}.mc-art{display:none}.mc-side{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}}.briefing{background:var(--jeok-bg);border:2px solid var(--jeok-deep);border-left:6px solid var(--jeok-strong);flex-direction:column;gap:6px;padding:14px;display:flex}.briefing p{color:#fff;margin:0;line-height:1.6}.pfp{border:2px solid var(--line-strong);image-rendering:pixelated;background:#0e0d1c;flex:none;display:inline-block;position:relative;overflow:hidden}.pfp .pfp-l{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.plate-face{flex:none;position:relative}.plate-ins{line-height:0;position:absolute;bottom:-6px;right:-6px}.standings .pfp{border-width:1px}.record-face{position:relative}.record-face .record-ins{line-height:0;position:absolute;bottom:-10px;right:-10px}.pfp-edit{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.pfp-row{background:var(--bg-raised);border:1px solid var(--line);align-items:center;gap:8px;padding:6px 10px;display:flex}.pfp-row .label{flex:auto}.pfp-row .mono{text-align:center;min-width:56px;color:var(--white)}.guild-pick{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.guild-card{background:linear-gradient(180deg, var(--surface), #1d1b30);border:2px solid var(--line);flex-direction:column;gap:10px;padding:18px;display:flex;box-shadow:6px 6px #00000059}.guild-card h2{font-size:24px}.guild-card .motto{color:var(--text-dim);margin:0;font-style:italic}.perk{color:var(--hwang);margin:0;font-size:14px;line-height:1.6}.guild-faces{gap:4px;display:flex}.guild-crest{width:56px;height:56px;font:400 18px var(--f-display);color:#fff;clip-path:polygon(50% 0,100% 15%,100% 65%,50% 100%,0 65%,0 15%);border:3px solid;justify-content:center;align-items:center;display:flex}.guild-crest.big{flex:none;width:88px;height:88px;font-size:26px}.guild-card.blue .guild-crest,.guild-blue .guild-crest{background:var(--cheong-mid);border-color:var(--cheong)}.guild-card.gold .guild-crest,.guild-gold .guild-crest{background:var(--hwang-line);border-color:var(--hwang)}.guild-card.iron .guild-crest,.guild-iron .guild-crest{background:var(--jeok-deep);border-color:var(--jeok-strong)}.guild-card.blue{border-color:var(--cheong-mid)}.guild-card.gold{border-color:var(--hwang-line)}.guild-card.iron{border-color:var(--jeok-deep)}@media (max-width:1000px){.guild-wrap{grid-template-columns:minmax(0,1fr)}}.guild-banner{align-items:center;gap:16px;display:flex}.guild-banner h2{font-size:22px}.daily{border-color:var(--hwang-line)}.daily .mission.claimed{opacity:.55}.bell{position:relative}.bell-n{background:var(--jeok-strong);color:#fff;min-width:18px;font:600 10px var(--f-mono);padding:1px 4px;position:absolute;top:-6px;right:-6px}.note-log{z-index:1960;background:var(--surface);border:2px solid var(--cheong);width:min(360px,100vw - 32px);max-height:60vh;padding:14px;position:fixed;top:64px;right:16px;overflow-y:auto;box-shadow:8px 8px #0006}.note-log ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.note-log li{background:var(--bg-raised);border-left:4px solid var(--cheong);grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;font-size:13px;display:grid}.note-log li.jeok{border-left-color:var(--jeok-strong)}.note-log li.hwang{border-left-color:var(--hwang)}.note-log li b{color:var(--white)}.note-log li span{color:var(--text-dim);grid-column:1}.note-log li small{color:var(--text-faint);grid-area:1/2}.engine{border-color:var(--hwang-line)}.engine.done{background:linear-gradient(180deg, var(--hwang-bg), #1d1b30);box-shadow:0 0 0 2px #ebaa494d,6px 6px #00000059}.engine .card-head h2{font-size:20px}.engine-stages{gap:4px;display:flex}.engine-stages span{text-align:center;background:var(--bg-raised);border:1px solid var(--line);color:var(--text-faint);flex:1 1 0;padding:4px 6px;font-size:11px}.engine-stages .done{background:var(--hwang-bg);border-color:var(--hwang);color:var(--warn)}.engine-stages .now{border-color:var(--hwang);color:#fff}@media (max-width:720px){#kbd{display:none}.hud-tools{gap:4px}.hud-btn{width:36px;height:36px}.hud-tools .btn{white-space:nowrap;padding:0 10px;font-size:14px}.plate{padding-right:6px}}.pow-task{background:var(--bg-raised);border:1px solid var(--line);flex-direction:column;gap:5px;padding:8px 10px;display:flex}.pow-task.ready,.pow-task.sent{border-color:var(--cheong)}.pow-task.failed{border-color:var(--jeok-deep)}.pow-bar{background:#0e0d1c;height:6px}.pow-bar i{background:linear-gradient(90deg, var(--cheong-mid), var(--cheong));height:100%;transition:width .3s;display:block}.pow-task.hashing .pow-bar i{animation:1.2s steps(2,end) infinite alert-pulse}.guard-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:8px;padding-top:10px;display:flex}.replay-row{background:var(--bg-raised);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.tour{z-index:2300;position:fixed;inset:0}.tour-hole{border:3px solid var(--hwang);pointer-events:none;transition:all .25s cubic-bezier(.2,.8,.2,1);position:fixed;box-shadow:0 0 0 9999px #0e0d1cc7,0 0 24px #ebaa4999}.tour-card{background:var(--surface);border:2px solid var(--hwang);flex-direction:column;gap:8px;padding:16px;transition:top .25s,left .25s;display:flex;position:fixed;box-shadow:8px 8px #00000073}.tour-card .label{color:var(--hwang)}.tour-card b{font:400 24px var(--f-display);color:#fff}.tour-card p{margin:0;font-size:14px;line-height:1.6}.tour-btns{justify-content:flex-end;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.tour-hole,.tour-card{transition:none}}.screen{display:contents}.gx-node.vassal .core{fill:var(--hwang)}.gx-node.vassal .halo{fill:#ebaa4924;stroke:#ebaa4999}.gx-tribute{stroke:var(--hwang);stroke-width:.6px;stroke-dasharray:1 3;fill:none;opacity:.8;animation:1.2s linear infinite reverse gx-dash}.loyal{gap:4px;display:grid}.loyal .bar{border:1px solid var(--line,#ffffff26);background:#ffffff14;height:8px}.loyal .bar i{height:100%;transition:width .4s steps(6,end);display:block}.decision{box-shadow:0 0 0 1px var(--hwang), 0 0 24px #ebaa4940;animation:.35s steps(4,end) decision-in;border-color:var(--hwang)!important}.decision h2{margin:0}.decision .choices{gap:8px;display:grid}.decision .choice{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px}.decision .choice small{opacity:.85;font-size:12px;font-weight:400}@keyframes decision-in{0%{opacity:0;transform:translateY(-8px)}}.hegemony{border:1px solid var(--hwang-line,#ebaa4966);background:#ebaa490f;gap:6px;padding:10px 12px;display:grid}.heg-top{align-items:baseline;gap:8px;display:flex}.heg-top strong{color:var(--hwang);font-size:20px}.heg-top .end{margin-left:auto}.heg-bar{background:#ffffff12;border:1px solid #ffffff26;height:10px;position:relative}.heg-bar i{background:linear-gradient(90deg, var(--hwang), #f3c878);height:100%;transition:width .6s steps(8,end);display:block}.heg-bar b{background:#ffffff59;width:2px;position:absolute;top:-3px;bottom:-3px}.heg-bar b.got{background:var(--hwang);box-shadow:0 0 6px var(--hwang)}.gx-war{fill:none;stroke:var(--hwang);stroke-width:.7px;stroke-dasharray:2 2;opacity:.9;animation:.6s linear infinite gx-dash}.gx-burst{fill:none;stroke:var(--hwang);stroke-width:.6px;transform-box:fill-box;transform-origin:50%;animation:1.2s steps(6,end) infinite gx-burst}@keyframes gx-burst{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.newswire{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.newswire li{border-left:2px solid var(--hwang);background:#ebaa490d;padding:6px 8px}.tips{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tip{border-left:3px solid var(--cheong);background:#43cdb60f;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.tip.jeok{border-color:var(--jeok);background:#ee7d6912}.tip.hwang{border-color:var(--hwang);background:#ebaa4912}.tip p{margin:0;font-size:13px;line-height:1.45}.tip .btn{white-space:nowrap;min-height:32px;padding:0 10px}.powchart{background:#ffffff08;border:1px solid #ffffff1a;width:100%;height:120px;display:block}.powchart .pl{fill:none;stroke-width:1.2px;vector-effect:non-scaling-stroke;opacity:.8}.powchart .pl.me{stroke:var(--cheong);stroke-width:2.5px;opacity:1}.powlegend{flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.powlegend i{vertical-align:middle;width:10px;height:3px;margin-right:4px;display:inline-block}.oc-btn{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px}.oc-btn small{opacity:.85;font-size:12px;font-weight:400}.doctrines{gap:10px;margin-bottom:18px;display:grid}.doc-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.doc{border:2px solid var(--line);background:var(--surface);align-content:start;gap:8px;padding:14px;display:grid}.doc.on{border-color:var(--hwang);box-shadow:0 0 0 1px var(--hwang), 0 0 20px #ebaa4933}.doc .tech-top small{font-size:12px;display:block}.doc ul{gap:2px;margin:0;padding-left:18px;font-size:13px;display:grid}.era-btn{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px}.era-btn small{opacity:.9;font-size:12px;font-weight:400}.save-slot{border-bottom:2px solid var(--hwang);background:linear-gradient(90deg,#ebaa4924,#43cdb60f)}.save-in{flex-wrap:wrap;align-items:center;gap:18px;max-width:1280px;margin:0 auto;padding:18px 24px;display:flex}.save-who{flex:280px;gap:6px;display:grid}.save-who>b{font-family:var(--f-display);color:var(--white);font-size:26px}.save-stats{flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.save-go{animation:1.6s steps(2,end) infinite save-pulse}@keyframes save-pulse{50%{box-shadow:0 0 0 4px #ebaa4959}}@media (prefers-reduced-motion:reduce){.save-go{animation:none}}.save-who .chip{justify-self:start}.comms{z-index:1960;border:2px solid var(--jeok-strong);background:#0e0d1cf5;align-items:center;gap:12px;width:min(520px,100vw - 32px);padding:10px 14px;animation:.25s steps(3,end) comms-in;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%);box-shadow:6px 6px #00000073}.comms.calm{border-color:var(--hwang)}.comms .pfp{image-rendering:pixelated;color:var(--jeok-strong);border:2px solid;flex:none}.comms.calm .pfp{color:var(--hwang)}.comms p{color:var(--white);min-height:1.4em;margin:4px 0 0;font-size:15px}.comms .label{color:var(--jeok-hi)}.comms.calm .label{color:var(--hwang)}.comms.out{animation:.4s forwards fade-out}@keyframes comms-in{0%{opacity:0;transform:translate(-50%,16px)}}@media (prefers-reduced-motion:reduce){.comms{animation:none}}.chron{border-left:2px solid var(--line);gap:10px;max-height:360px;margin:0;padding:0 0 0 14px;list-style:none;display:grid;overflow-y:auto}.chron li{gap:2px;display:grid;position:relative}.chron li:before{content:"";background:var(--cheong);border:2px solid #0e0d1c;width:10px;height:10px;position:absolute;top:4px;left:-21px}.chron li.hwang:before{background:var(--hwang)}.chron li.jeok:before{background:var(--jeok-strong)}.chron li b{color:var(--white);font-weight:600}.fx-callout{z-index:1970;pointer-events:none;font-family:var(--f-display);color:var(--hwang);paint-order:stroke;-webkit-text-stroke:6px #0e0d1c;text-shadow:6px 6px #00000080;white-space:nowrap;font-size:clamp(32px,6vw,64px);animation:1.3s steps(8,end) forwards callout;position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)}.fx-callout.jeok{color:var(--jeok-hi)}.fx-callout.cheong{color:var(--cheong-hi)}@keyframes callout{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)}}@media (prefers-reduced-motion:reduce){.fx-callout{animation:none}}#outlet.loading{position:relative}#outlet.loading>*{opacity:.45;transition:opacity .15s}#outlet.loading:before{content:"";background:var(--cheong);z-index:5;width:30%;height:3px;animation:.8s steps(10,end) infinite outlet-scan;position:absolute;top:0;left:0}@keyframes outlet-scan{0%{left:0}to{left:70%}}@media (prefers-reduced-motion:reduce){#outlet.loading:before{animation:none}}.gx-node.void .core{fill:#7a3cff;stroke:#fff}.gx-node.void .halo{fill:#7a3cff33;stroke:#b48cf0;stroke-width:.8px;transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite gx-pulse}.void-intel{border-color:#7a3cff!important}.race-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.race-rows li{grid-template-columns:22px 92px 1fr 52px;align-items:center;gap:8px;display:grid}.race-rows li.me b{color:var(--cheong-hi)}.race-bar{background:#ffffff12;border:1px solid #ffffff26;height:12px}.race-bar i{background:var(--cheong);height:100%;transition:width .5s steps(6,end);display:block}.race-bar i.gold{background:var(--hwang)}.race-bar i.iron{background:var(--jeok-strong)}.rep-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px;display:grid}.rep-card{border:2px solid var(--line);background:var(--surface);align-content:start;gap:8px;padding:14px;display:grid}.rep-card.on{border-color:var(--cheong);box-shadow:0 0 0 1px var(--cheong), 0 0 18px #43cdb62e}.rep-card p{margin:0;font-size:13px;line-height:1.5}.rep-card .tech-top small{display:block}.plate-title{font:600 10px/16px var(--f-mono);color:#2a1f05;background:var(--hwang);vertical-align:middle;white-space:nowrap;margin-left:6px;padding:0 5px}@media (max-width:720px){.plate-title{display:none}}.ops{gap:6px;display:grid}.ops .op{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;min-height:48px}.ops .op small{opacity:.85;font-size:12px;font-weight:400}.codex-sec{gap:8px;margin-bottom:20px;display:grid}.codex-sec h2{margin:0;font-size:24px}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.codex-card{border:2px solid var(--line);background:var(--surface);align-content:start;gap:8px;padding:14px;display:grid}.codex-card p{margin:0;font-size:14px;line-height:1.6}.codex-card .btn{justify-self:start;min-height:36px}.gx-node.site .core{fill:#8a93a6}.gx-node.site .halo{fill:#8a93a61f;stroke:#8a93a6;stroke-dasharray:1.5 1.5}.gx-node.site.mine .core{fill:var(--cheong)}.gx-node.site.mine .halo{stroke:var(--cheong);fill:#43cdb61f}.gx-node.site.theirs .core{fill:var(--jeok)}.chain-check{border:1px dashed var(--line);gap:8px;padding:12px;display:grid}.chain-check .btn{justify-self:start}.victory .away-in{border-color:var(--hwang);max-width:480px;box-shadow:8px 8px 0 var(--hwang-bg), 0 0 60px #ebaa4959}.victory .away-in h2{color:var(--hwang);text-shadow:4px 4px #785b02;font-size:56px}.gx-card{position:relative}.gx-card svg.gx{cursor:grab;touch-action:none}.gx-card svg.gx:active{cursor:grabbing}.gx-hint{color:var(--muted,#a7c0c6);pointer-events:none;opacity:.8;font-size:11px;position:absolute;bottom:8px;left:10px}.mvp{border:2px solid var(--hwang);text-align:left;background:#ebaa4914;align-items:center;gap:12px;padding:8px 14px;animation:.5s cubic-bezier(.2,.8,.2,1.1) .4s both banner-in;display:flex}.mvp div{gap:2px;display:grid}.mvp b{font-family:var(--f-display);color:var(--white);font-size:20px}.ship-name{gap:6px;display:flex}.ship-name .input{flex:1;min-width:0}.ab-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.ab{text-align:left;min-height:64px;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--line);cursor:pointer;align-content:start;gap:2px;padding:8px 10px;display:grid;position:relative;overflow:hidden}.ab b{color:var(--white);font-size:14px}.ab small{opacity:.85;font-size:11px}.ab.ready{border-color:var(--hwang);box-shadow:0 0 14px #ebaa494d}.ab:disabled{cursor:default;opacity:.7}.ab-cd{background:var(--jeok-strong);height:3px;position:absolute;bottom:0;left:0}.job-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.job{border:2px solid var(--line);background:var(--surface);align-content:start;gap:6px;padding:12px;display:grid}.job b{color:var(--white)}.job small{font-size:12px}.job .btn{justify-self:start;min-height:36px}.raid-alarm .stance{gap:6px;display:inline-flex}.raid-alarm .forecast{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.raid-alarm .stance .btn{min-height:36px;padding:0 12px}.refit{gap:6px;margin-top:10px;display:grid}.refit-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.refit-row .btn{text-align:left;white-space:normal;gap:2px;min-height:52px;padding:6px 8px;display:grid}.refit-row .btn small{opacity:.85;font-size:11px}.aar.won{border-color:var(--cheong)}.aar.lost{border-color:var(--jeok-strong)}.aar .card-head{align-items:center;gap:10px}.aar-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.aar-kills{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.aar-kill{border:1px solid var(--line);background:var(--surface);align-items:center;gap:6px;padding:4px 10px 4px 4px;display:inline-flex}.aar-kill b{color:var(--white)}.aar-promo{color:var(--hwang);margin:10px 0 0;font-weight:700}@media (max-width:720px){.aar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.invest{gap:6px;display:grid}.invest-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.invest-row .btn{min-height:40px}.dl-today{gap:12px}.dl-name{margin:0;font-size:22px}.dl-vs{background:var(--sunken);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.dl-vs .label{color:var(--text-faint)}.dl-fleet{flex-wrap:wrap;flex:140px;gap:2px;display:flex}.dl-fleet.computer{justify-content:flex-end}.dl-best,.dl-shared{background:var(--hwang-bg);border:2px solid var(--hwang-line);flex-direction:column;gap:8px;padding:12px;display:flex}.dl-best>div:first-child{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.dl-shared h2{margin:0}.dl-grid{letter-spacing:1px;overflow-wrap:anywhere;flex-direction:column;gap:2px;font-size:18px;line-height:1.1;display:flex}.dl-share{flex-wrap:wrap;gap:8px;display:flex}.dl-board{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.dl-board li{background:var(--bg-raised);border:1px solid var(--line);grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.dl-board li:first-child{background:var(--hwang-bg);border-color:var(--hwang-line)}.dl-board li.me{outline:2px solid var(--cheong);outline-offset:-2px}.dl-archive{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.dl-archive a{background:var(--bg-raised);border:1px solid var(--line);color:var(--text-faint);flex-direction:column;align-items:center;gap:2px;padding:8px 4px;text-decoration:none;display:flex}.dl-archive a.played{color:var(--text);border-color:var(--cheong-mid)}.dl-archive a.on{background:var(--jeok-bg);border-color:var(--jeok-strong);color:#fff}.dl-archive b{color:var(--hwang);font-size:12px}.dl-banner{background:var(--cheong-bg);border:2px solid var(--cheong-mid);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.dl-banner>span{flex:240px}.dl-remember{align-items:center;gap:6px;font-size:13px;display:flex}.dl-rules summary{cursor:pointer;color:var(--text-faint)}.dl-result{background:var(--hwang-bg);border:2px solid var(--hwang-line);flex-direction:column;align-items:center;gap:6px;padding:10px 14px;display:flex}.dl-result strong{color:var(--hwang);font-size:24px}.app-update{z-index:90;background:var(--cheong-bg);border:2px solid var(--cheong-mid);flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px #0e0d1c88}.duel-lobby{background:var(--sunken);border-color:var(--line-strong);border-left-color:var(--hwang)}.duel-lobby .label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.duel-lobby .field{margin:0}.duel-seats{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.duel-seats li{background:var(--bg-raised);border:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.duel-seats li.on{border-color:var(--cheong)}.duel-seats li .mono{margin-left:auto}.bt-mid .chip{white-space:nowrap;font-size:11px}@media (max-width:560px){.duel-seats{grid-template-columns:1fr}}@font-face{font-family:Structicons;src:url(/fonts/Structicons.woff)format("woff"),url(/fonts/Structicons.ttf)format("truetype");font-display:block}.si{font-variant:normal;text-transform:none;letter-spacing:0;-webkit-font-smoothing:antialiased;speak:never;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:Structicons!important}.si.icon-disabled:before{content:""}.si.icon-send-alpha:before{content:""}.si.icon-transfers:before{content:""}.si.icon-attention-12:before{content:""}.si.icon-unpowered:before{content:""}.si.icon-beacon:before{content:""}.si.icon-blocked:before{content:""}.si.icon-enemy-tile:before{content:""}.si.icon-fleet-tile:before{content:""}.si.icon-cmd-post:before{content:""}.si.icon-wreckage:before{content:""}.si.icon-unknown-territory:before{content:""}.si.icon-deploy:before{content:""}.si.icon-smart-weapon:before{content:""}.si.icon-ballistic-weapon:before{content:""}.si.icon-move:before{content:""}.si.icon-defend:before{content:""}.si.icon-stealth:before{content:""}.si.icon-mine:before{content:""}.si.icon-refine:before{content:""}.si.icon-signal-jam:before{content:""}.si.icon-kinetic-barrier:before{content:""}.si.icon-armour:before{content:""}.si.icon-counter:before{content:""}.si.icon-adv-counter:before{content:""}.si.icon-indirect:before{content:""}.si.icon-planetary-shield:before{content:""}.si.icon-range:before{content:""}.si.icon-dmg:before{content:""}.si.icon-undiscovered-ore:before{content:""}.si.icon-ore-ready:before{content:""}.si.icon-in-progress:before{content:""}.si.icon-alert:before{content:""}.si.icon-info:before{content:""}.si.icon-unknown:before{content:""}.si.icon-detected:before{content:""}.si.icon-success:before{content:""}.si.icon-outgoing:before{content:""}.si.icon-incoming:before{content:""}.si.icon-refresh-12:before{content:""}.si.icon-menu:before{content:""}.si.icon-planet:before{content:""}.si.icon-raid:before{content:""}.si.icon-guild:before{content:""}.si.icon-member:before{content:""}.si.icon-guild-directory:before{content:""}.si.icon-key:before{content:""}.si.icon-computer:before{content:""}.si.icon-phone:before{content:""}.si.icon-okay:before{content:""}.si.icon-arrow:before{content:""}.si.icon-add:before{content:""}.si.icon-subtract:before{content:""}.si.icon-link-out:before{content:""}.si.icon-attention:before{content:""}.si.icon-caret-down:before{content:""}.si.icon-caret-left:before{content:""}.si.icon-caret-right:before{content:""}.si.icon-caret-up:before{content:""}.si.icon-chevron-down:before{content:""}.si.icon-chevron-left:before{content:""}.si.icon-chevron-right:before{content:""}.si.icon-chevron-up:before{content:""}.si.icon-close:before{content:""}.si.icon-combat-log:before{content:""}.si.icon-copy:before{content:""}.si.icon-edit:before{content:""}.si.icon-refresh-8:before{content:""}.si.icon-tip:before{content:""}@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:DirectiveZero;src:url(/fonts/DirectiveZeroWid.ttf)format("truetype");font-display:swap;unicode-range:U+20-7E,U+B7,U+2192,U+3B1}@font-face{font-family:ExtremeHazard;src:url(/fonts/ExtremeHazard.ttf)format("truetype");font-display:swap;unicode-range:U+20-7E}:root{--f-pix:"Galmuri11", "IBM Plex Sans KR", sans-serif;--f-hud:"DirectiveZero", "Galmuri11", ui-monospace, monospace;--f-caps:"ExtremeHazard", "Galmuri11", sans-serif;--panel:#5d7e90;--panel-medium:#4c6475;--p-body:#133546;--p-dark:#2e1f3e;--p-hi:#1c5f6a;--p-inv:#43cdb6;--p-text:#43cdb6;--p-text-hi:#86dfc6;--e-body:#2e1f3e;--e-hi:#5d0c15;--e-inv:#e64d40;--e-text:#ee7d69;--e-text-hi:#f4a990;--icon-dark:#394958;--disabled:#7394a5}html,body{height:100%}body{image-rendering:pixelated;background:#1a2029 url(/img/sui/page/page-background.png) 0 0/16px 16px}body:before{display:none}.app{min-height:0;display:block;position:fixed;inset:0;overflow:hidden}.main{padding:0;display:block;position:absolute;inset:0;overflow:hidden}.hud{z-index:50;pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud .tiles:empty{display:none}.sui-bar{background:var(--p-body);font-family:var(--f-hud);background-clip:padding-box;border:8px solid #0000;border-image:url(/img/sui/status-bar/status-bar-border.png) 4/8px;align-items:center;gap:4px 6px;max-width:calc(100vw - 8px);padding:2px 6px;display:flex;position:absolute;top:4px}.hud-tl{left:4px}.hud-tr{right:4px}.hud-tc{position:absolute;top:64px;right:8px}[data-mode=window] .hud-tc{display:none}.brand{padding:2px;display:inline-flex}.brand svg{width:28px;height:28px}.tiles{scrollbar-width:none;flex-wrap:nowrap;flex:0 auto;gap:2px;min-width:0;display:flex;overflow-x:auto}.tile{clip-path:none;min-width:0;color:var(--p-text);white-space:nowrap;background:0 0;border:0;flex-direction:column;justify-content:center;padding:2px 10px;text-decoration:none;display:flex}.tile+.tile{box-shadow:inset 2px 0 #0e0d1c55}.tile:hover{background:var(--p-hi)}.tile small{font:400 11px/1.1 var(--f-pix);letter-spacing:0;color:var(--p-text-hi);opacity:.85}.tile strong{font:400 15px/1.2 var(--f-hud)}.tile-v em{font:400 11px var(--f-pix)}.tile.alert{background:var(--e-hi);animation:1s steps(2,end) infinite alert-pulse}.hud-btn{background:var(--p-hi);width:36px;height:36px;color:var(--p-text-hi);border:2px solid #0e0d1c}.hud-btn:hover{background:var(--p-inv);color:var(--p-body);border-color:#0e0d1c}.hud-btn .si{font-size:20px}.hud-btn[aria-pressed=false]{color:var(--disabled)}.plate{background:#0e0d1c66;border:0;min-width:0;padding:2px 10px 2px 2px}.plate-txt b{font:700 13px var(--f-pix)}.plate-txt small{font:400 10px var(--f-hud)}.hud-who{align-items:center;gap:4px;display:flex}.hud-who .btn{min-height:36px;padding:0 10px;font-size:13px}.demo-bar{background:var(--hwang-bg);border:2px solid var(--hwang-line);font:400 12px var(--f-pix);white-space:nowrap;align-items:center;gap:8px;padding:4px 6px 4px 12px;display:flex;box-shadow:0 4px #0e0d1c88}.demo-bar b{font:700 12px var(--f-pix);color:var(--warn);letter-spacing:2px}.demo-bar .btn{min-height:28px;box-shadow:none;padding:0 10px;font-size:12px}.demo-bar .btn:first-of-type{margin-left:4px}[data-mode=title] .hud .sui-bar,[data-mode=title] .hud-tc{display:none}[data-mode=title] .main{overflow-y:auto}.win-bar{display:none}[data-mode=window] .win-bar{z-index:40;background:var(--panel);box-sizing:content-box;background-clip:padding-box;border:12px solid #0000;border-bottom-width:0;border-image:url(/img/sui/panel/panel-edge-top-bottom-default.png) 6 0 0/12px 0 0;align-items:center;gap:12px;width:min(1320px,100vw - 16px);height:40px;padding:0 10px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.win-back{background:var(--p-body);height:32px;color:var(--p-text-hi);font:700 13px var(--f-pix);border:2px solid #0e0d1c;align-items:center;gap:6px;padding:0 10px;text-decoration:none;display:inline-flex}.win-back:hover{background:var(--p-inv);color:var(--p-body)}.win-title{font:400 20px var(--f-display);color:var(--p-body);letter-spacing:2px;text-align:center;flex:auto}.win-keys{font:400 11px var(--f-pix);color:var(--p-body)}[data-mode=window] .main{outline:4px solid var(--panel);scrollbar-color:var(--panel) #0e0d1c;background:#16142af2;flex-direction:column;gap:14px;width:min(1320px,100vw - 16px);padding:14px;display:flex;top:116px;bottom:12px;left:50%;overflow:hidden auto;transform:translate(-50%);box-shadow:0 8px 0 4px #0e0d1c,0 0 0 100vmax #0e0d1c55}@media (max-width:720px){[data-mode=window] .win-bar{width:calc(100vw - 24px);top:auto;bottom:0;transform:translate(-50%)}[data-mode=window] .main{outline:0;width:100vw;top:64px;bottom:64px}.win-keys{display:none}}.game-menu{z-index:900;background:#0e0d1ccc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.game-menu[hidden]{display:none}.menu-in{background:var(--panel);outline:4px solid #0e0d1c;flex-direction:column;gap:12px;width:min(760px,100%);max-height:100%;padding:14px;display:flex;overflow-y:auto;box-shadow:0 8px 0 4px #0e0d1c}.menu-head{background:var(--p-hi);justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.menu-head .label{font:700 13px var(--f-pix);letter-spacing:2px;color:var(--p-text-hi)}.menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (max-width:560px){.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.menu-grid a{min-height:92px;color:var(--icon-dark);font:700 14px var(--f-pix);border:12px solid #0000;border-bottom-width:20px;border-image:url(/img/sui/panel/panel-btn-default.png) 6 6 10 fill/12px 12px 20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 4px 12px;text-decoration:none;display:flex;position:relative}.menu-grid a:hover,.menu-grid a:focus-visible{color:var(--p-body);filter:brightness(1.12);outline:0}.menu-grid a:active{border-width:12px;border-image-source:url(/img/sui/panel/panel-btn-pressed.png);border-image-slice:6 fill;margin-top:8px}.menu-grid a.on{color:var(--p-text-hi);border-width:12px;border-image-source:url(/img/sui/panel/panel-btn-active-defense.png);border-image-slice:6 fill;margin-top:8px}.menu-grid a span{margin:0}.menu-grid .rail-key{position:absolute;top:-6px;left:-6px}.menu-tools{flex-wrap:wrap;gap:8px;display:flex}.menu-tools .btn{min-height:36px;font-size:13px}.game-menu .foot{color:var(--p-body);font:400 11px var(--f-pix);border:0;padding:4px}.game-menu .foot b{color:var(--p-body)!important}kbd{font-family:var(--f-hud);border-radius:0}.sb{box-sizing:border-box;width:var(--sb-w,72px);height:var(--sb-h,72px);cursor:pointer;color:var(--icon-dark);font:700 12px/1.1 var(--f-pix);text-align:center;word-break:keep-all;background:0 0;border:10px solid #0000;border-width:12px 10px 20px;border-image:url(/img/sui/panel/panel-btn-default.png) 6 5 10 fill/12px 10px 20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;text-decoration:none;display:inline-flex;position:relative}.sb .si{font-size:24px;line-height:1}.sb img{image-rendering:pixelated}.sb small{font:400 10px var(--f-hud);color:inherit;opacity:.85;white-space:nowrap}.sb kbd{color:#fff;background:#0e0d1c;border:0;min-width:18px;height:18px;padding:0 3px;font-size:11px;position:absolute;top:-8px;left:-6px}.sb:hover:not(:disabled){filter:brightness(1.1)}.sb:active:not(:disabled),.sb.pressed{height:calc(var(--sb-h,72px) - 8px);border-width:12px 10px;border-image-source:url(/img/sui/panel/panel-btn-pressed.png);border-image-slice:6 5 fill;margin-top:8px}.sb.offense{color:var(--warn);height:calc(var(--sb-h,72px) - 8px);border-width:12px 10px;border-image-source:url(/img/sui/panel/panel-btn-active-offense.png);border-image-slice:6 5 fill;margin-top:8px}.sb.defense{color:var(--p-text-hi);height:calc(var(--sb-h,72px) - 8px);border-width:12px 10px;border-image-source:url(/img/sui/panel/panel-btn-active-defense.png);border-image-slice:6 5 fill;margin-top:8px}.sb:disabled,.sb.off{cursor:not-allowed;color:var(--disabled);height:calc(var(--sb-h,72px) - 8px);border-width:12px 10px;border-image-source:url(/img/sui/panel/panel-btn-disabled.png);border-image-slice:6 5 fill;margin-top:8px}.sb.gold{color:#5a3b00}.sb.gold:after{content:"";border:2px solid var(--hwang);pointer-events:none;animation:1.6s ease-in-out infinite ready-glow;position:absolute;inset:-4px -2px -12px}.sb .cd{background:#0e0d1c;height:4px;position:absolute;bottom:-10px;left:-2px;right:-2px}.sb .cd i{background:var(--hwang);height:100%;display:block}.ab-bar{z-index:60;max-width:calc(100vw - 4px);font-family:var(--f-pix);align-items:stretch;display:flex;position:absolute;bottom:0}.ab-bar.player{left:0}.ab-bar.enemy{right:0}.ab-edge{background-clip:padding-box;border:0 solid #0000;flex:0 0 0}.ab-bar .ab-edge.l{border-width:12px 0 24px 12px;border-image:url(/img/sui/panel/panel-edge-left-default.png) 6 0 12 6/12px 0 24px 12px}.ab-bar .ab-edge.r{border-width:12px 12px 24px 0;border-image:url(/img/sui/panel/panel-edge-right-default.png) 6 6 12 0/12px 12px 24px 0}.ab-chunk{background:var(--panel);background-clip:padding-box;border:0 solid #0000;border-width:8px 0 16px;border-image:url(/img/sui/panel/panel-edge-top-bottom-default.png) 6 0 8/12px 0 16px;flex-direction:column;gap:4px;min-width:0;padding:0 2px 4px;display:flex}.ab-conn{border:10px solid #0000;border-width:8px 10px 16px;border-image:url(/img/sui/panel/panel-connector-default.png) 6 0 8 fill/12px 0 16px;flex:0 0 4px}.ab-bar.enemy .ab-edge.l{border-image-source:url(/img/sui/panel/panel-edge-left-medium.png)}.ab-bar.enemy .ab-edge.r{border-image-source:url(/img/sui/panel/panel-edge-right-medium.png)}.ab-bar.enemy .ab-chunk{background:var(--panel-medium);border-image-source:url(/img/sui/panel/panel-edge-top-bottom-medium.png)}.ab-bar.enemy .ab-conn{border-image-source:url(/img/sui/panel/panel-connector-medium.png)}.scr{box-sizing:border-box;border:8px solid #0000;border-bottom-width:10px;border-image:url(/img/sui/screen/screen-frame-default.png) 4 4 5/8px 8px 10px}.ab-bar.enemy .scr{border-image-source:url(/img/sui/screen/screen-frame-medium.png)}.ab-face{background:var(--p-body);cursor:pointer;border:0;width:88px;height:88px;padding:0;display:block;position:relative;overflow:hidden}.ab-face img,.ab-face svg,.ab-face .pfp{width:100%!important;height:100%!important}.ab-face .si{color:var(--p-inv);background:var(--p-body);justify-content:center;align-items:center;font-size:36px;display:none;position:absolute;inset:0}.ab-face:hover .si,.ab-face:focus-visible .si{display:flex}.ab-bar.enemy .ab-face{background:var(--e-body);cursor:default}.ab-bar.enemy .ab-face .si{color:var(--e-text);background:var(--e-body)}.ab-batt{background:var(--p-body);border:2px solid var(--p-dark);justify-content:center;align-items:center;gap:4px;height:24px;display:flex}.ab-batt i{background:url(/img/sui/battery/battery-chunk-empty.png) 50%/4px 16px no-repeat;width:4px;height:16px}.ab-batt i.on{background-image:url(/img/sui/battery/battery-chunk-player.png)}.ab-bar.enemy .ab-batt{background:var(--e-body);border-color:#222034}.ab-bar.enemy .ab-batt i.on{background-image:url(/img/sui/battery/battery-chunk-enemy.png)}.ab-head{background:var(--p-hi);min-height:28px;color:var(--p-text-hi);border:2px solid var(--p-body);font:700 13px/1.2 var(--f-pix);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:2px 8px;display:flex;overflow:hidden}.ab-head.inv{background:var(--p-inv);color:var(--p-body);animation:1s steps(2,end) infinite inv-blink}@keyframes inv-blink{50%{background:var(--p-text-hi)}}.ab-head .sub{font:400 11px var(--f-hud);margin-left:auto}.ab-bar.enemy .ab-head{background:var(--e-hi);color:var(--e-text-hi);border-color:#440d3a}.ab-row{align-items:flex-start;gap:0;display:flex}.ab-switch{background:url(/img/sui/panel/panel-switch-group-sliver-default.png) 100%/6px 100% no-repeat;flex-direction:column;align-items:center;gap:2px;margin-right:6px;padding:0 10px 0 2px;display:flex}.ab-switch button{cursor:pointer;width:36px;height:48px;image-rendering:pixelated;background:50%/36px 48px no-repeat;border:0;padding:0}.ab-switch button[data-state=on]{background-image:url(/img/sui/panel/panel-switch-on.png)}.ab-switch button[data-state=off]{background-image:url(/img/sui/panel/panel-switch-off.png)}.ab-switch button:disabled,.ab-switch button[data-state=disabled]{cursor:not-allowed;background-image:url(/img/sui/panel/panel-switch-disabled.png)}.ab-switch kbd{min-width:16px;height:16px;font-size:10px}.ab-props{background:var(--p-body);border:2px solid var(--p-dark);min-width:120px;max-width:260px;min-height:64px;color:var(--p-text);font:400 12px var(--f-pix);flex-wrap:wrap;align-content:center;gap:4px 12px;padding:6px 10px;display:flex}.ab-props span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.ab-props .si{font-size:18px}.ab-props b{font:400 14px var(--f-hud);color:var(--p-text-hi)}.ab-props .bad{color:var(--e-text)}.ab-props .warn{color:var(--warn)}.ab-props .gold{color:var(--hwang)}.ab-bar.enemy .ab-props{background:var(--e-body);color:var(--e-text);border-color:#222034}.ab-bar.enemy .ab-props b{color:var(--e-text-hi)}.ab-btns{background:url(/img/sui/panel/panel-btn-group-sliver-default.png) 0/auto 72px no-repeat;flex-wrap:wrap;align-items:flex-start;gap:4px;max-width:min(640px,100vw - 340px);margin-left:4px;padding-left:12px;display:flex}.ab-bar.enemy .ab-btns{background-image:url(/img/sui/panel/panel-btn-group-sliver-medium.png)}.ab-btns .sb{--sb-w:72px;--sb-h:72px}.ab-btns .sb.wide{--sb-w:108px}.ab-btns .sb .px-icon{background:0 0;border:0}.ck{--ck-w:76px;--ck-h:88px;--face:#b4c5ce;--hi:#dde9ef;--lo:#8ca4b1;--ink:#15232d;--icon:var(--icon-dark);--val-bg:var(--p-body);--val:var(--p-text-hi);--ring:var(--p-inv);--cut:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 10px),calc(100% - 2px) calc(100% - 10px),calc(100% - 2px) calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) calc(100% - 2px),calc(100% - 10px) calc(100% - 2px),calc(100% - 10px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px));width:var(--ck-w);height:var(--ck-h);cursor:pointer;color:var(--ink);font:700 13px/16px var(--f-pix);background:0 0;border:0;outline:none;flex:none;margin:0;padding:0;display:block;position:relative}.ck:before,.ck:after,.ck-face{clip-path:var(--cut);position:absolute}.ck:before{content:"";background:#0e0d1c;inset:0}.ck:after{content:"";background:#3b5262;inset:2px}.ck-face{z-index:1;background:var(--face);box-shadow:inset 2px 2px 0 var(--hi), inset -2px -2px 0 var(--lo);inset:2px 2px 6px}.ck kbd{z-index:2;box-sizing:border-box;color:#fff;min-width:16px;height:16px;font:400 12px/16px var(--f-hud);text-align:center;background:#0e0d1c;border:0;padding:0 3px;position:absolute;top:4px;left:4px}.ck .si{color:var(--icon);text-align:center;font-size:22px;position:absolute;top:14px;left:0;right:0}.ck .lbl{text-align:center;white-space:nowrap;position:absolute;top:40px;left:2px;right:2px;overflow:hidden}.ck .lbl.long{letter-spacing:-.5px;font-size:11px}.ck .val{background:var(--val-bg);height:16px;color:var(--val);font:400 11px/1 var(--f-hud);white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;left:4px;right:10px;overflow:hidden;box-shadow:inset 0 0 0 2px #0e0d1c}.ck .val>span{position:relative}.ck .val .cd{background:var(--hwang-line);position:absolute;top:2px;bottom:2px;left:2px}.ck:hover:not(:disabled){--face:#c4d3da}.ck:active:not(:disabled) .ck-face,.ck.offense .ck-face,.ck.defense .ck-face{top:6px;bottom:2px}.ck:focus-visible,.ck.ready{filter:drop-shadow(0 -2px 0 var(--ring)) drop-shadow(0 2px 0 var(--ring)) drop-shadow(2px 0 0 var(--ring)) drop-shadow(-2px 0 0 var(--ring))}.ck.gold{--face:var(--hwang);--hi:#f6d293;--lo:#b7802a;--ink:var(--hwang-bg);--icon:var(--hwang-bg);--val-bg:var(--hwang-bg);--val:var(--warn);--ring:var(--hwang)}.ck.gold:hover:not(:disabled){--face:#f0ba62}.ck.ready{animation:1.6s steps(2,end) infinite ck-ready}@keyframes ck-ready{50%{--ring:#f6d293}}.ck.offense{--face:var(--e-text);--hi:var(--e-text-hi);--lo:#b5503f;--ink:var(--e-body);--icon:var(--e-body);--val-bg:var(--e-body);--val:var(--e-text-hi)}.ck.offense:hover:not(:disabled){--face:#f28d7b}.ck.defense{--face:var(--p-inv);--hi:var(--p-text-hi);--lo:#2a9483;--ink:var(--p-body);--icon:var(--p-body)}.ck.defense:hover:not(:disabled){--face:#5ad6c1}.ck.warn .ck-face{box-shadow:inset 2px 2px 0 var(--hi), inset -2px -2px 0 var(--lo), inset 0 0 0 4px var(--e-inv)}.ck.warn{--val-bg:var(--e-body);--val:var(--e-text-hi)}.ck:disabled{cursor:not-allowed;--face:#8d9fa9;--hi:#a7b8c1;--lo:#6f8491;--ink:#2a363e;--icon:#55666f;filter:none;animation:none}.ck:disabled .val{--val-bg:#1e2b34;--val:#a7c0c6}.ck.esc{--ck-w:52px;--face:#2c4352;--hi:var(--panel-medium);--lo:#1e3140;--ink:var(--p-text-hi);--icon:var(--p-text-hi)}.ck.esc:hover:not(:disabled){--face:#335061}.ck.esc kbd{left:50%;transform:translate(-50%)}.ck.esc .si{top:26px}.ck.esc .lbl{top:52px}.ab-groove{background:var(--panel-medium);flex:0 0 4px;align-self:stretch;margin:0 2px;box-shadow:inset 1px 0 #0e0d1c66,1px 0 #82a5b6}.ck.cart{--ck-w:100px;--ck-h:128px}.ck.cart .view{height:64px;image-rendering:pixelated;box-shadow:inset 0 0 0 2px #0e0d1c, inset 0 0 0 4px var(--p-body);background-position:50%;background-size:64px 64px;position:absolute;top:6px;left:6px;right:6px;overflow:hidden}.ck.cart .view .px-icon{background:0 0;border:0;margin:-32px 0 0 -32px;transition:transform .12s steps(2,end);position:absolute;top:50%;left:50%}.ck.cart:hover:not(:disabled) .view .px-icon,.ck.cart:focus-visible .view .px-icon{transform:translateY(-3px)}.ck.cart .lbl{top:76px}.ck.cart .val{justify-content:space-between;height:18px;padding:0 5px;bottom:6px;left:6px}.ck .pips{gap:2px;display:flex}.ck .pips i{background:#2b4655;width:4px;height:8px}.ck .pips i.on{background:var(--p-inv)}.ck .pips i.over{background:var(--e-inv)}.ck.cart:disabled .view .px-icon{filter:grayscale()brightness(.75);opacity:.7}.ck.cart:disabled .val{--val-bg:var(--e-body);--val:var(--e-text-hi)}.ck .band{background:repeating-linear-gradient(-45deg, var(--e-hi) 0 4px, var(--e-body) 4px 8px);height:14px;position:absolute;bottom:4px;left:4px;right:4px}.ck .band span{background:var(--e-body);width:max-content;color:var(--e-text-hi);font:700 10px/14px var(--f-pix);margin:0 auto;padding:0 4px;display:block}.ab-btns .ck.cart.esc{--ck-w:56px;--ck-h:128px}.ck.cart.esc .si{top:40px}.ck.cart.esc .lbl{top:72px}.ab-head .budget{font:400 11px var(--f-pix);align-items:center;gap:5px;margin-left:auto;display:flex}.ab-head .meter{background:#0e0d1c;gap:2px;padding:2px;display:flex}.ab-head .meter i{background:#2b4655;width:5px;height:10px}.ab-head .meter i.on{background:var(--p-inv)}.ab-head .meter i.spend{background:var(--warn)}.ab-head .meter i.over{background:var(--e-inv)}.ab-head .budget b{text-align:right;min-width:56px;font:400 12px var(--f-hud);color:var(--p-text-hi)}.ab-head .budget b.bad{color:var(--e-text-hi)}.ab-head .chip{background:var(--p-body);color:var(--p-inv);font:400 11px/1 var(--f-pix);padding:2px 4px}@media (prefers-reduced-motion:reduce){.ck.cart .view .px-icon{transition:none}.ck.ready{animation:none}}.ab-prog{background:var(--p-body);height:20px;box-shadow:0 0 0 2px var(--p-inv);gap:2px;min-width:160px;padding:4px;display:flex}.ab-prog i{flex:1 1 0}.ab-prog i.on{background:var(--p-text-hi)}.ab-prog.run{background:repeating-linear-gradient(90deg, var(--p-text-hi) 0 2px, transparent 0 4px) 0 / 0 no-repeat content-box var(--p-body);animation:12s steps(12,end) infinite prog}@keyframes prog{to{background-size:120%}}.ab-name{gap:4px;margin-top:4px;display:flex}.ab-name .input{height:28px;min-height:28px;font:400 12px var(--f-pix);width:120px}.ab-name .btn{min-height:28px;box-shadow:none;padding:0 8px;font-size:12px}@media (max-width:900px){.ab-bar.player{left:0;right:0}.ab-bar.player .ab-chunk.grow{flex:auto}.ab-btns{max-width:none}.ab-btns .sb{--sb-w:60px;--sb-h:64px}.ck{--ck-w:64px;--ck-h:76px}.ck .si{font-size:18px;top:10px}.ck .lbl{font-size:12px;top:32px}.ck .lbl.long{font-size:10px}.ck.cart{--ck-w:76px;--ck-h:100px}.ck.cart .view{background-size:48px 48px;height:48px;top:4px;left:4px;right:4px}.ck.cart .view .px-icon{margin:-24px 0 0 -24px;width:48px!important;height:48px!important}.ck.cart .lbl{top:55px}.ck.cart .val{justify-content:center;height:16px;bottom:4px;left:4px}.ck.cart .pips{display:none}.ck .band{height:12px}.ck .band span{font-size:9px;line-height:12px}.ab-btns .ck.cart.esc{--ck-w:48px;--ck-h:100px}.ck.cart.esc .si{top:30px}.ck.cart.esc .lbl{top:58px}.ck.esc{--ck-w:48px}.ck.esc .si{top:22px}.ck.esc .lbl{top:46px}.ab-head .budget>span:first-child,.ab-head .chip{display:none}.ab-face{width:64px;height:64px}.ab-props{max-width:none;min-height:0}.ab-bar.enemy{top:70px;bottom:auto}}@media (max-width:560px){.ab-row{flex-wrap:wrap}.ab-btns{background:0 0;margin-left:0;padding-left:0}.tile small,.hud-tr .plate,.hud-tr #mus{display:none}}.stage-bridge{position:absolute;inset:0}.stage-bridge .bd-host{box-shadow:none;border:0;position:absolute;inset:0}.stage-bridge .bd,.stage-bridge .bd-scroll{height:100%}.ops{z-index:55;scrollbar-width:none;flex-direction:column;gap:6px;width:290px;max-height:calc(100vh - 300px);display:flex;position:absolute;top:70px;left:8px;overflow-y:auto}.ops-sec{border-left:4px solid var(--hwang);font-family:var(--f-pix);background:#0e0d1cd9;padding:6px 10px 8px}.ops-sec.adv{border-left-color:var(--cheong)}.ops-sec h2{font:700 13px var(--f-pix);color:var(--hwang);letter-spacing:1px;align-items:center;gap:8px;margin-bottom:4px;display:flex}.ops-sec.adv h2{color:var(--cheong)}.ops-sec h2 .end{font:400 11px var(--f-hud);color:var(--text-faint);letter-spacing:0;margin-left:auto}.ops-sec h2 button{color:var(--text-dim);cursor:pointer;font:400 11px var(--f-pix);background:0 0;border:0;margin-left:auto;padding:0 2px}.op{color:var(--text);grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:2px 6px;padding:3px 0;font-size:12px;display:grid}.op:before{content:"▸";color:var(--text-faint)}.op.ready:before{content:"★";color:var(--hwang)}.op.done{color:var(--text-faint);text-decoration:line-through}.op .xp{font:400 11px var(--f-hud);color:var(--hwang)}.op .bar{background:#ffffff1a;grid-column:2/-1;height:3px}.op .bar i{background:var(--cheong);height:100%;display:block}.op.ready .bar i{background:var(--hwang)}.op .btn{min-height:24px;box-shadow:none;grid-column:2/-1;justify-self:start;padding:0 8px;font-size:11px}.op a{color:var(--cheong-hi);font-size:11px;text-decoration:none}.ops .tip{color:var(--text);padding:2px 0;font-size:12px;line-height:1.5}.ops .tip a{color:var(--cheong-hi);margin-left:4px;font-size:11px}.ops .tip.warn{color:var(--warn)}.ops .tip.danger,.ops .tip.bad{color:var(--jeok-hi)}.msgs{z-index:45;pointer-events:none;width:min(460px,50vw);font:400 12px/1.45 var(--f-pix);text-shadow:1px 1px #000,-1px 0 #000;flex-direction:column-reverse;gap:2px;max-height:160px;display:flex;position:absolute;bottom:150px;left:12px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.msgs li{color:var(--text);list-style:none}.msgs li .t{color:var(--text-faint);font-family:var(--f-hud);margin-right:4px}.msgs li.bad{color:var(--jeok-hi)}.msgs li.gold{color:var(--hwang)}.msgs li.good{color:var(--cheong-hi)}.intel{z-index:55;width:300px;max-height:calc(100vh - 240px);font-family:var(--f-pix);flex-direction:column;display:flex;position:absolute;top:104px;right:8px}.intel-tabs{justify-content:flex-end;gap:2px;display:flex}.intel-tabs button{border:2px solid var(--line);min-height:30px;color:var(--text-dim);cursor:pointer;font:700 12px var(--f-pix);background:#0e0d1cd9;border-bottom:0;padding:0 10px}.intel-tabs button[aria-pressed=true]{background:var(--p-body);color:var(--p-text-hi);border-color:var(--p-inv)}.intel-tabs button.alert{color:var(--jeok-hi);border-color:var(--jeok-strong);animation:1s steps(2,end) infinite alert-pulse}.intel-body{border:2px solid var(--p-inv);scrollbar-width:thin;background:#0e0d1ce6;flex-direction:column;gap:10px;padding:10px;display:flex;overflow-y:auto}.intel-body:empty{display:none}.intel-body .card{box-shadow:none;background:0 0;border:0;gap:8px;padding:0}.intel-body .card:before,.intel-body .card:after{display:none}.intel-body .card-head h2{font:700 14px var(--f-pix);color:var(--p-text-hi)}.def-sum{background:var(--p-body);color:var(--p-text);font:400 12px var(--f-pix);flex-wrap:wrap;gap:4px 12px;padding:6px 8px;display:flex;box-shadow:inset 0 0 0 2px #0e0d1c}.def-sum b{font:400 13px var(--f-hud);color:var(--p-text-hi)}.def-sum b.bad{color:var(--e-text-hi)}.def-sum b.warn{color:var(--warn)}.def-tab{border-collapse:separate;border-spacing:0 3px;width:100%;font:400 12px var(--f-pix)}.def-tab thead th{text-align:left;color:var(--text-faint);font:400 11px var(--f-pix);padding:0 6px 2px}.def-tab tbody th,.def-tab td{vertical-align:middle;background:#133546b3;padding:5px 6px}.def-tab tbody th{width:64px;box-shadow:inset 3px 0 0 var(--p-hi)}.def-tab tbody th b{font:700 12px/1.1 var(--f-pix);color:var(--p-text-hi);display:block}.def-tab tbody th small{font:400 9px var(--f-hud);color:var(--text-faint);letter-spacing:1px}.def-tab td:last-child{text-align:right}.dp{align-items:center;gap:2px;display:inline-flex}.dp i{width:6px;height:10px;box-shadow:0 0 0 1px #0e0d1c}.dp.foe i{background:var(--e-inv)}.dp.gun i{background:var(--p-inv)}.dp small{font:400 11px var(--f-hud);color:var(--text-faint);margin-left:2px}.def-st{text-align:center;min-width:40px;font:700 11px/1.2 var(--f-pix);color:var(--text-faint);background:#0e0d1c;padding:2px 5px;display:inline-block}.def-st.ok,.def-st.even{color:var(--p-text-hi);box-shadow:inset 0 0 0 1px var(--p-hi)}.def-st.thin,.def-st.blind{color:var(--warn);box-shadow:inset 0 0 0 1px var(--hwang-line)}.def-st.open{color:#fff;background:var(--e-hi);box-shadow:inset 0 0 0 1px var(--e-inv);animation:1s steps(2,end) infinite alert-pulse}.def-tab tr.open th,.def-tab tr.open td{background:#5d0c1599}.def-tab tr.open th{box-shadow:inset 3px 0 0 var(--e-inv)}@media (prefers-reduced-motion:reduce){.def-st.open{animation:none}}@media (max-width:1100px){.intel{width:260px}.ops{width:250px}}@media (max-width:900px){.intel,.msgs{display:none}.ops{width:220px;max-height:40vh;top:64px}.intel.open{z-index:70;width:auto;display:flex;top:64px;left:8px;right:8px}}.stage-bridge .raid-alarm{z-index:56;width:min(720px,100vw - 640px);min-width:320px;font:400 12px var(--f-pix);gap:6px 12px;padding:6px 12px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.stage-bridge .raid-alarm strong{font:700 15px var(--f-pix)}.stage-bridge .raid-alarm .btn{min-height:30px;box-shadow:none;padding:0 10px;font-size:12px}@media (max-width:1100px){.stage-bridge .raid-alarm{width:calc(100vw - 16px);min-width:0;top:auto;bottom:150px}}.dlg{z-index:80;background:var(--panel);width:min(560px,100vw - 24px);max-height:calc(100vh - 220px);font-family:var(--f-pix);outline:4px solid #0e0d1c;padding:10px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 0 4px #0e0d1c,0 0 0 100vmax #0e0d1c88}.dlg-in{background:var(--p-body);border:2px solid var(--p-dark);color:var(--text);flex-direction:column;gap:10px;padding:14px;display:flex}.dlg .card-head h2,.dlg h2{font:400 22px var(--f-display);color:#fff}.dlg .note{color:var(--text);font-size:13px}.dlg.bad .dlg-in{background:var(--e-body)}.dlg .card{box-shadow:none;background:0 0;border:0;padding:0}.dlg .card:before,.dlg .card:after{display:none}.stage-name{z-index:44;font:400 12px var(--f-pix);color:var(--text-dim);pointer-events:none;white-space:nowrap;background:#0e0d1cb3;align-items:baseline;gap:12px;padding:2px 12px;display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%)}.stage-name b{font:400 18px var(--f-display);color:#fff}.raid-on .stage-name{display:none}[data-mode=window] .card,[data-mode=window] .game-panel{background:var(--surface);border:2px solid var(--line);box-shadow:4px 4px #0e0d1c}[data-mode=window] .card-head h2{font-family:var(--f-display)}[data-mode=window] .label{font-family:var(--f-pix);letter-spacing:2px}.btn{font-family:var(--f-pix)}.btn.primary{box-shadow:0 4px 0 var(--cheong-bg), 4px 4px 0 #0e0d1c}.btn.gold{box-shadow:0 4px 0 var(--hwang-line), 4px 4px 0 #0e0d1c}.btn.danger{box-shadow:0 4px 0 var(--jeok-deep), 4px 4px 0 #0e0d1c}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0e0d1c}.toast{font-family:var(--f-pix);bottom:140px}.title-screen{justify-content:center;align-items:center;min-height:100%;padding:32px 16px 56px;display:flex;position:relative;overflow:hidden}.title-bg{z-index:0;opacity:.55;filter:saturate(.8);position:fixed;inset:0}.title-bg .title-stage,.title-bg .bd{height:100%}.title-bg .bd-stage .bd-scroll{padding:0;overflow:hidden}.title-bg .bd-stage .bd-map{box-shadow:none}.title-screen:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(#0e0d1c99 0,#0e0d1cee 75%);position:fixed;inset:0}.title-in{z-index:2;flex-direction:column;align-items:center;gap:16px;width:min(460px,100%);display:flex;position:relative}.title-logo{flex-direction:column;align-items:center;gap:6px;display:flex}.title-logo h1{font:400 clamp(64px, 12vw, 104px)/1 var(--f-display);color:#fff;letter-spacing:8px;text-shadow:0 6px #0e0d1c,0 0 40px #43cdb655}.title-tag{font:400 15px var(--f-pix);color:var(--hwang);letter-spacing:2px;margin:0}.retired-note{border-left:4px solid var(--hwang);width:100%;font:400 13px/1.6 var(--f-pix);color:var(--text-dim);background:#0e0d1cd9;gap:6px;padding:10px 14px;display:grid}.retired-note b{color:var(--hwang);font-weight:400}.retired-note p{margin:0}.retired-note .btn{justify-self:end;min-height:28px;padding:0 10px;font-size:12px}.title-menu{flex-direction:column;gap:6px;width:100%;display:flex}.title-menu .sb{--sb-w:100%;--sb-h:64px;flex-direction:row;justify-content:flex-start;gap:12px;padding:0 12px;font-size:16px}.title-menu .sb .si{font-size:22px}.title-menu .sb.sel{color:var(--p-text-hi);height:56px;border-width:12px 10px;border-image-source:url(/img/sui/panel/panel-btn-active-defense.png);border-image-slice:6 5 fill;outline:0;margin-top:8px}.title-menu .sb.sel:before{content:"▶";color:var(--hwang);font-size:14px;animation:1s steps(2,end) infinite inv-blink;position:absolute;left:-30px}.title-keys{font:400 12px var(--f-pix);color:var(--text-dim);margin:0}.title-stats{font:400 12px var(--f-pix);color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:4px 14px;display:flex}.title-stats b{font-family:var(--f-hud);color:#fff;font-weight:400}.title-rank{z-index:2;border-left:4px solid var(--hwang);width:260px;font-family:var(--f-pix);background:#0e0d1cd9;padding:10px 12px;position:fixed;bottom:48px;right:16px}.title-rank h2{font:700 13px var(--f-pix);color:var(--hwang);margin-bottom:6px}.title-rank ol{flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.title-rank li{grid-template-columns:18px 1fr auto;gap:6px;display:grid}.title-rank .rk{color:var(--text-faint);font-family:var(--f-hud)}.title-foot{z-index:2;text-align:center;font:400 11px var(--f-pix);color:var(--text-faint);position:fixed;bottom:12px;left:0;right:0}.title-in .save-slot{width:100%;margin:0}@media (max-width:900px){.title-rank{display:none}}.title-in .save-slot{border:2px solid var(--hwang);background:#0e0d1ce6}.title-in .save-in{gap:12px;padding:12px}.title-in .save-who>b{font-size:20px}.title-in .save-stats{font:400 12px var(--f-pix);gap:4px 10px}.title-in .save-go{width:100%;font-family:var(--f-pix)}.title-menu .sb,.menu-grid a{border-width:12px 40px 20px 12px;border-image-slice:6 20 10 6 fill}.title-menu .sb.sel,.menu-grid a.on,.menu-grid a:active{border-width:12px 40px 12px 12px;border-image-slice:6 20 6 6 fill}.menu-grid a{border-width:12px 24px 20px 12px;border-image-slice:6 12 10 6 fill}.menu-grid a.on,.menu-grid a:active{border-width:12px 24px 12px 12px;border-image-slice:6 12 6 6 fill}.title-bg{opacity:.7}.title-menu .sb:focus-visible{outline:2px solid var(--hwang);outline-offset:4px}.save-go.sel{outline-offset:3px;outline:2px solid #fff}.ab-dock{display:contents}@media (max-width:900px){.ab-dock{z-index:60;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.ab-dock .ab-bar{max-width:none;position:relative;inset:auto}.ab-bar.enemy .ab-chunk:not(.grow),.ab-bar.enemy .ab-conn,.ab-bar.enemy .ab-props{display:none}.ab-bar.enemy .ab-btns .ck{--ck-h:68px}.ab-bar.enemy .ab-btns .ck .val,.stage-bridge .raid-alarm,.stage-name{display:none}.ops{top:60px}.ops:not(.open) .ops-sec:not(.obj),.ops:not(.open) .op{display:none}.stage-bridge .bd-stage .bd-zoom{top:100px;bottom:auto;right:8px}.msgs{display:none}}@media (max-width:560px){.hud-tr{gap:4px;padding:2px 4px}.hud-tr .plate,.hud-tr #mus,.hud-tr .hud-who{display:none}.hud-tl{right:136px}.hud-tl .brand{display:none}.tiles{overflow-x:auto}.ab-bar.player .ab-chunk:not(.grow),.ab-bar.player .ab-conn{display:none}.ab-props{padding:4px 8px;font-size:11px}.ab-btns .ck:not(.cart){--ck-w:58px;--ck-h:64px}.ab-btns .ck:not(.cart) .val{display:none}.ab-btns .ck:not(.cart) .si{top:8px}.ab-btns .ck:not(.cart) .lbl{font-size:11px;top:30px}.ops{width:calc(100vw - 16px)}.bd-stage .bd-scroll{padding:56px 0 280px}.stage-bridge .bd-stage .bd-zoom{top:144px}.tile{padding:2px 5px}.tile strong{font-size:13px}.tile-v{gap:3px}.tile-v em{font-size:10px}.tile-u{display:none}}@media (max-width:900px){.hud-tc{top:58px}.demo-bar>span,.demo-bar>a.ev-chip{display:none}.ops{top:100px}}@media (pointer:coarse){.sb kbd,.ck kbd,.ab-switch kbd,.btn kbd,.title-keys{display:none}}.orders-btn{color:var(--hwang);font:700 12px/1 var(--f-pix,sans-serif);justify-content:center;align-items:center;gap:3px;padding:0 8px;display:inline-flex;width:auto!important}.orders-btn[hidden]{display:none}.orders-btn .spin{margin:0}.orders-btn.ok{color:var(--cheong-hi)}.orders-btn.bad{color:var(--jeok-hi,#ff6b5b)}.orders-btn .orders-mark{font-size:12px}#order-log li b{align-items:center;display:flex}.toast{pointer-events:none}html:not([data-mode=stage]) .toast{bottom:24px}button.charging{position:relative}.charge-wait{color:var(--hwang);font:700 10px/1 var(--f-body,sans-serif);text-align:center;pointer-events:none;background:#0e0d1ce0;padding:2px 0;position:absolute;bottom:2px;left:2px;right:2px}.ab-switch button .charge-wait{bottom:-14px;left:-10px;right:-10px}.charge-read b{color:var(--hwang)}.raid-clock{color:var(--jeok-hi,#ff6b5b);font-size:13px}.sheet-back{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e0d1cb8;place-items:center;padding:16px;animation:.14s ease-out sheet-in;display:grid;position:fixed;inset:0}.sheet-back.out{opacity:0;transition:opacity .14s}@keyframes sheet-in{0%{opacity:0}}.sheet{background:var(--surface);border:2px solid var(--cheong);width:min(520px,100%);max-height:calc(100vh - 32px);box-shadow:8px 8px 0 var(--cheong-bg), 0 0 0 4px #0e0d1c;flex-direction:column;animation:.16s cubic-bezier(.2,1.4,.4,1) sheet-pop;display:flex}.sheet.wide{width:min(820px,100%)}.sheet.hwang{border-color:var(--hwang);box-shadow:8px 8px 0 var(--hwang-bg), 0 0 0 4px #0e0d1c}.sheet.jeok{border-color:var(--jeok-strong);box-shadow:8px 8px 0 var(--jeok-deep), 0 0 0 4px #0e0d1c}@keyframes sheet-pop{0%{transform:translateY(12px)scale(.97)}}.sheet-head{background:var(--p-body);border-bottom:2px solid #0e0d1c;align-items:center;gap:10px;padding:12px 14px;display:flex}.sheet.hwang .sheet-head{background:var(--hwang-bg)}.sheet.jeok .sheet-head{background:var(--jeok-bg)}.sheet-head h2{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:20px;overflow:hidden}.sheet-kicker{color:var(--p-text-hi);font:700 11px var(--f-pix);letter-spacing:2px}.sheet.hwang .sheet-kicker{color:var(--hwang)}.sheet-body{flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.linkish{color:var(--cheong-hi);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.ref-card{--rc:var(--cheong);background:linear-gradient(180deg, #1f2a3a, var(--surface));border:1px solid var(--line);border-left:4px solid var(--rc);flex-direction:column;gap:8px;max-width:420px;padding:10px 12px 10px 14px;display:flex;position:relative;box-shadow:3px 3px #0e0d1c}.ref-card.player{--rc:var(--cheong-hi)}.ref-card.planet{--rc:#80b2ff}.ref-card.struct{--rc:#b3a38c}.ref-card.fleet{--rc:#94a4e4}.ref-card.guild,.ref-card.provider{--rc:var(--hwang)}.ref-card.substation,.ref-card.reactor{--rc:var(--warn)}.ref-card.compact{gap:6px;padding:8px 10px 8px 12px}.ref-top{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.ref-top:hover b{color:var(--cheong-hi)}.ref-name{flex-direction:column;flex:auto;min-width:0;display:flex}.ref-name b{color:var(--white);font:700 15px var(--f-pix);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ref-name small{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ref-glyph{background:var(--sunken);border:2px solid var(--rc);width:40px;height:40px;color:var(--rc);flex:none;place-items:center;font-size:22px;display:grid}.compact .ref-glyph{width:34px;height:34px;font-size:18px}.ref-rows{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px 12px;margin:0;display:grid}.ref-rows div{flex-direction:column;min-width:0;display:flex}.ref-rows dt{font:400 11px var(--f-pix);color:var(--text-faint)}.ref-rows dd{color:var(--white);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.ref-meter{height:6px}.ref-acts{flex-wrap:wrap;gap:4px;display:flex}.ref-act{background:var(--p-body);min-height:30px;color:var(--p-text-hi);border:1px solid var(--cheong-mid);font:700 12px var(--f-pix);cursor:pointer;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.ref-act:hover{background:var(--cheong-mid);color:#fff}.ref-act.ghost{border-color:var(--line);color:var(--text-dim);background:0 0}.ref-act .si{font-size:14px}.ref-slot{flex-direction:column;gap:4px;max-width:420px;display:flex}.ref-chip{font:600 .92em var(--f-mono);color:var(--cheong-hi);background:var(--cheong-bg);border:1px solid var(--cheong-mid);padding:0 5px;text-decoration:none;display:inline-block}.ref-chip:hover{background:var(--cheong-mid);color:#fff}.ref-chip.guild,.ref-chip.provider{color:var(--hwang);background:var(--hwang-bg);border-color:var(--hwang-line)}.ref-chip.planet{color:#a9c8ff}.sit-card{--sc:var(--cheong);background:repeating-linear-gradient(0deg, #ffffff05 0 2px, transparent 2px 5px), var(--surface);border:2px solid var(--sc);flex-direction:column;gap:8px;max-width:480px;padding:12px 14px;display:flex;position:relative;box-shadow:4px 4px #0e0d1c}.sit-card.jeok{--sc:var(--jeok-strong)}.sit-card.hwang{--sc:var(--hwang)}.sit-card header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sit-kind{background:var(--sc);color:#0e0d1c;font:700 12px var(--f-pix);letter-spacing:1px;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.sit-card header small{color:var(--text-faint);font-size:11px}.sit-card h3{font-size:22px;line-height:1.25}.sit-card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.sit-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.sit-card dl div{background:var(--sunken);border:1px solid var(--line);min-width:0;padding:6px 8px}.sit-card dt{font:400 11px var(--f-pix);color:var(--text-faint)}.sit-card dd{color:var(--white);overflow-wrap:anywhere;margin:0;font-size:14px}.sit-go{align-self:flex-start;min-height:34px}.share-preview{justify-content:center;display:flex}.share-preview>*{width:100%}.share-to{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.share-to .field{flex:220px}.share-row{flex-wrap:wrap;gap:6px;display:flex}.share-row .btn{flex:auto}.share-link{overflow-wrap:anywhere;margin:0;font-size:11px}.share-btn{align-items:center;gap:6px;display:inline-flex}.pay-party{background:var(--sunken);border:1px solid var(--line);align-items:center;gap:10px;padding:8px 10px;display:flex}.pay-party>div{flex-direction:column;flex:auto;min-width:0;display:flex}.pay-party b{color:var(--white);font:700 15px var(--f-pix)}.pay-party small{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pay-party .label{color:var(--text-faint);letter-spacing:1px;font-size:11px}.pay-arrow{text-align:center;color:var(--hwang);font-size:18px}.pay-recent{flex-wrap:wrap;gap:6px;display:flex}.pay-recent .pill{min-height:32px;font-size:13px}.pay-done{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pay-done .si{color:var(--cheong);font-size:44px}.quote-box{background:var(--sunken);border:1px solid var(--hwang-line);justify-content:space-between;align-items:baseline;padding:12px 14px;display:flex}.quote-box b{font-size:22px}input[type=range]{width:100%;accent-color:var(--cheong)}.obj-wrap{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:16px;display:grid}.obj-main,.obj-side{flex-direction:column;gap:14px;min-width:0;display:flex}.obj-side .ref-card{max-width:none}.obj-board{min-height:240px;overflow:hidden}.obj-structs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.obj-struct{background:var(--sunken);border:1px solid var(--line);border-left:3px solid var(--cheong);color:inherit;flex-direction:column;padding:6px 8px;text-decoration:none;display:flex}.obj-struct.enemy{border-left-color:var(--jeok-strong)}.obj-struct b{color:var(--white);font:700 13px var(--f-pix)}.obj-struct small{color:var(--text-dim);font-size:11px}.obj-log li.hot b{color:var(--jeok-hi)}.obj-watch{gap:8px;display:grid}.obj-stats .stat strong{font-size:18px}@media (max-width:900px){.obj-wrap{grid-template-columns:1fr}.obj-side{order:-1}}.mkt-filters{gap:6px;display:flex}.mkt-filters .input{width:auto;min-height:34px;font-size:13px}.prov-list{flex-direction:column;gap:8px;display:flex}.prov{background:var(--sunken);border:1px solid var(--line);border-left:3px solid var(--hwang);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.prov-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.prov-acts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prov-acts .input{width:auto;min-height:32px;font-size:13px}.coins{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.coins li{background:var(--sunken);border:1px solid var(--line);align-items:center;gap:10px;padding:8px 10px;display:flex}.coins li>div{flex-direction:column;flex:auto;min-width:0;display:flex}.coins b{color:var(--white);font:700 14px var(--f-pix)}.coins small{color:var(--text-faint);font-size:11px}.coins strong{font-size:16px}.coin-ico{border:2px solid var(--hwang);background:radial-gradient(circle at 35% 35%, #f7d58c, var(--hwang) 45%, var(--hwang-bg));flex:none;width:26px;height:26px}.coin-ico.token{border-color:var(--cheong);background:radial-gradient(circle at 35% 35%, #b9f3e6, var(--cheong) 45%, var(--cheong-bg))}.coin-ico.rep{border-color:var(--line-strong);background:var(--surface)}.guild-hero{background:linear-gradient(120deg, var(--hwang-bg), var(--surface) 60%);border:2px solid var(--hwang-line);flex-wrap:wrap;align-items:center;gap:18px;padding:18px;display:flex;box-shadow:4px 4px #0e0d1c}.guild-hero-txt{flex-direction:column;flex:260px;gap:4px;min-width:0;display:flex}.guild-hero-txt h1{font-size:32px}.guild-hero-txt p{color:var(--text);margin:0;line-height:1.6}.guild-hero-acts{flex-wrap:wrap;gap:8px;display:flex}.guild-crest{background:var(--hwang);color:#2a1f05;width:44px;height:44px;font:700 15px var(--f-hud);box-shadow:inset 0 0 0 2px var(--warn);border:3px solid #2a1f05;place-items:center;display:grid}.guild-crest.big{width:76px;height:76px;font-size:22px}.guild-wrap{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:14px;display:grid}.roster{flex-direction:column;gap:4px;display:flex}.roster-row{background:var(--bg-raised);border:1px solid var(--line);align-items:center;gap:10px;padding:6px 10px;display:flex}.roster-row.me{border-color:var(--cheong);background:var(--cheong-bg)}.roster-nm{flex-direction:column;flex:auto;min-width:0;display:flex}.roster-nm a{color:inherit;text-decoration:none}.roster-nm b{color:var(--white);font:700 14px var(--f-pix)}.roster-nm small{color:var(--text-faint);font-size:11px}.roster-acts{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.roster-acts .hud-btn{width:32px;height:32px}.rank-sel{width:auto;min-height:32px;font-size:12px}.app-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.app-row>span:not(.app-acts):not(.pfp){flex:auto}.app-row>.pfp{flex:none}.app-acts{gap:4px;display:flex}.invite-form{gap:6px;margin-top:6px;display:flex}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.admin-grid form{background:var(--sunken);border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.admin-grid .field{width:100%}tr.me td{background:var(--cheong-bg)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.stat-grid .stat strong{font-size:17px}.rep-console{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:14px 18px;display:grid}.rep-big{background:var(--p-body);min-height:120px;color:var(--cheong);border:3px solid var(--cheong);box-shadow:6px 6px 0 var(--cheong-bg), inset 0 0 0 3px #0e0d1c;font:400 34px var(--f-display);letter-spacing:4px;cursor:pointer;flex-direction:column;grid-row:span 3;justify-content:center;align-items:center;gap:4px;display:flex}.rep-big small{font:400 13px var(--f-mono);letter-spacing:0;color:var(--cheong-hi)}.rep-big:hover:not(:disabled){background:var(--cheong-bg)}.rep-big:disabled{opacity:.5;cursor:not-allowed}.rep-console-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rep-console-row .input{width:auto;min-height:36px}.rep-count{color:var(--text-dim);align-items:center;gap:6px;font-size:13px;display:flex}.rep-count .input{width:64px}.rep-auto{align-items:center;gap:8px;font-size:14px;display:inline-flex}.rep-figures{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.rep-figures div{background:var(--sunken);border:1px solid var(--line);flex-direction:column;padding:6px 10px;display:flex}.rep-figures b{color:var(--white);font-size:18px}.rep-figures small{color:var(--text-faint);font-size:11px}.rep-bar,.rep-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rep-bar .input,.rep-filters .input{width:auto;min-height:36px;font-size:13px}.rep-filters .input[name=q]{flex:200px}.rep-bar .end{margin-left:auto}.chk{color:var(--text-dim);align-items:center;gap:6px;font-size:13px;display:inline-flex}.rep-roster{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.rep-cardx{background:var(--bg-raised);border:2px solid var(--c2);flex-direction:column;display:flex;box-shadow:3px 3px #0e0d1c}.rep-cardx.sel{outline:2px solid var(--cheong);outline-offset:2px}.rep-cardx.warn{border-color:var(--hwang)}.rep-cardx header{background:var(--hd);align-items:center;gap:8px;padding:8px 10px;display:flex}.rep-cardx header>div{flex-direction:column;flex:auto;min-width:0;display:flex}.rep-cardx header b{color:#fff;font:700 14px var(--f-pix);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rep-cardx header small{color:var(--text-dim);font-size:11px}.rep-role{border:1px solid var(--c1);color:var(--c1);font:700 11px var(--f-pix);padding:1px 6px}.rep-mid{align-items:center;gap:12px;padding:10px;display:flex}.rep-mid .pfp{border:2px solid var(--c1)}.rep-reads{flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;font-size:14px;display:flex}.rep-cardx footer{flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px 10px;display:flex}.rep-cardx footer .hud-btn{width:32px;height:32px}.rep-rolesel{width:auto;min-height:32px;margin-left:auto;font-size:12px}.battery{border:1px solid var(--line-strong);gap:2px;padding:2px;display:inline-flex}.battery i{background:var(--sunken);width:6px;height:12px}.battery i.on{background:var(--cheong)}.battery.low i.on{background:var(--jeok-strong)}.squad{border-top:4px solid var(--c1)!important}.squad-faces{flex-wrap:wrap;gap:4px;display:flex}.order-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.order-pre{background:var(--sunken);border:1px solid var(--line);font:12px/1.7 var(--f-mono);white-space:pre-wrap;margin:0;padding:12px}.duty li.hwang{color:var(--hwang)}.duty li.jeok{color:var(--jeok-hi)}.duty li.cheong{color:var(--cheong-hi)}@media (max-width:700px){.rep-console{grid-template-columns:1fr}.rep-big{grid-row:auto;min-height:80px}}.palette-back{z-index:95;background:#0e0d1c99;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette{background:var(--surface);border:2px solid var(--cheong);width:min(640px,100%);box-shadow:8px 8px 0 var(--cheong-bg), 0 0 0 4px #0e0d1c;animation:.14s ease-out sheet-pop}.palette-in{border-bottom:2px solid var(--line);background:var(--p-body);align-items:center;gap:10px;padding:10px 14px;display:flex}.palette-k{font:700 12px var(--f-hud);color:var(--cheong);border:1px solid var(--cheong-mid);padding:2px 6px}.palette-q{color:#fff;font:18px var(--f-body);background:0 0;border:0;outline:0;flex:auto;min-height:40px}.palette-list{max-height:50vh;margin:0;padding:6px;list-style:none;overflow-y:auto}.palette-list li{cursor:pointer;color:var(--text);align-items:center;gap:10px;padding:9px 10px;display:flex}.palette-list li.on{background:var(--cheong-bg);box-shadow:inset 3px 0 0 var(--cheong);color:#fff}.palette-list li .si{color:var(--cheong-hi);width:18px;font-size:16px}.palette-list li b{font:700 14px var(--f-pix);flex:auto}.palette-list li small{color:var(--text-faint);font:12px var(--f-mono)}.palette-list li.none{cursor:default;color:var(--text-dim)}.palette-foot{border-top:1px solid var(--line);color:var(--text-faint);margin:0;padding:8px 14px;font-size:12px}.lb{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lb li{background:var(--bg-raised);border:1px solid var(--line);grid-template-columns:28px auto minmax(0,1fr) minmax(80px,30%) auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.lb li.me{border-color:var(--cheong);background:var(--cheong-bg)}.lb li.none{color:var(--text-dim);display:block}.lb li a{min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.lb li b{color:#fff;font:700 14px var(--f-pix);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb li small{color:var(--text-faint);font-size:11px}.lb li .guild-crest{width:30px;height:30px;font-size:10px}.lb li .ref-glyph{width:30px;height:30px;font-size:16px}.lb-bar{background:var(--sunken);border:1px solid var(--line);height:10px}.lb-bar i{height:100%;display:block}.live-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live-row .end{margin-left:auto}.spark{background:var(--sunken);border:1px solid var(--line);align-items:flex-end;gap:3px;height:48px;padding:4px;display:flex}.spark i{background:var(--cheong-mid);flex:1 1 0;min-height:2px}@media (max-width:640px){.lb li{grid-template-columns:24px auto minmax(0,1fr) auto}.lb-bar{display:none}}.intel-acts{flex-wrap:wrap;gap:6px;display:flex}.inf-panel{flex-direction:column;gap:8px;display:flex}.inf-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;display:grid}.score{text-align:center;min-width:36px;font:700 13px var(--f-mono);background:var(--sunken);border:1px solid var(--line);padding:2px 6px;display:inline-block}.score.warm{color:var(--hwang);border-color:var(--hwang-line)}.score.hot{color:#fff;background:var(--jeok-strong);border-color:var(--jeok-strong)}.tagbox{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--sunken);border:1px solid var(--line);font:13px var(--f-mono);align-items:center;gap:4px;padding:2px 4px 2px 8px;display:inline-flex}.tag button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;font-size:15px}.ident-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ident-forms{flex-direction:column;flex:260px;gap:8px;display:flex}.planet-name{max-width:520px}.board-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.bw{gap:10px;min-height:120px}.bw.w2{grid-column:span 2}.bw.w3{grid-column:span 3}.bw.dragging{opacity:.5}.bw.over{outline:2px dashed var(--cheong);outline-offset:2px}.bw[draggable=true]{cursor:grab}.bw-head{outline:0;align-items:center;gap:8px;display:flex}.bw-head:focus-visible{box-shadow:0 0 0 2px var(--cheong)}.bw-head b{font:700 15px var(--f-pix);color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.bw-head>.si{color:var(--cheong-hi)}.bw-tools{gap:2px;display:flex}.bw-tools .hud-btn{width:28px;height:28px;font-size:14px}.bw-body{flex-direction:column;gap:8px;min-width:0;display:flex}.bw-body .ref-card{max-width:none}.bw-stats{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.bw-stats div{background:var(--sunken);border:1px solid var(--line);flex-direction:column;padding:6px 8px;display:flex}.bw-stats small{color:var(--text-faint);font-size:11px}.bw-stats b{font:600 15px var(--f-mono);color:#fff}.bw-acts{gap:6px;display:flex}.bw-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bw-list li{background:var(--sunken);border:1px solid var(--line);align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:flex}.bw-list li a{flex:none}.bw-list li small{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.bw-list li>span:last-child{margin-left:auto}.bw-list li.me{border-color:var(--cheong)}.bw-t{font-size:13px}.bw-feed{max-height:260px;overflow-y:auto}.bw-watch{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.board-edit,.board-add{background:var(--sunken);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.board-edit .input,.board-add .input{width:auto;min-height:34px}.board-add .pill{align-items:center;gap:6px;min-height:34px;display:inline-flex}@media (max-width:900px){.board-grid{grid-template-columns:1fr}.bw.w2,.bw.w3{grid-column:auto}}.bw-body>.btn{align-self:flex-start}.sub-h{font:700 15px var(--f-pix);color:var(--text-dim);margin-bottom:6px}.alloc-acts{flex-wrap:wrap;gap:4px;display:flex}.alloc-form{grid-template-columns:1.4fr 1fr .8fr auto;align-items:end;gap:8px;margin-top:10px;display:grid}@media (max-width:700px){.alloc-form,.inf-form{grid-template-columns:1fr}}.coins .rank{text-align:center;min-width:22px;color:var(--text-faint)}.stream{max-height:420px;overflow-y:auto}.stream li.war b{color:var(--jeok-hi)}.stream li.econ b{color:var(--hwang)}.stream li.build b{color:var(--cheong-hi)}.ribbons{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.ribbon{--rb:var(--line-strong);background:var(--sunken);border:1px solid var(--line);flex-direction:column;gap:2px;padding:14px 10px 8px;display:flex;position:relative;overflow:hidden}.rb-bar{background:repeating-linear-gradient(90deg, var(--rb) 0 10px, transparent 10px 13px);height:6px;position:absolute;top:0;left:0;right:0}.ribbon b{font:700 13px var(--f-pix);color:var(--text)}.ribbon strong{color:#fff;font-size:18px}.ribbon small{color:var(--text-faint);font-size:11px}.ribbon.t1,.ribbon.t2{--rb:#b08d57}.ribbon.t3,.ribbon.t4{--rb:#c5d7d9}.ribbon.t5,.ribbon.t6{--rb:var(--hwang)}.ribbon.t6{border-color:var(--hwang-line);box-shadow:inset 0 0 18px #ebaa4926}.ribbon.t0{opacity:.7}.ribbon.raid.t0 .rb-bar,.ribbon.def .rb-bar{--rb:var(--jeok-deep)}.bank-chart{margin:0}.bank-chart svg{width:100%;height:auto;display:block}.bc-axis{stroke:var(--line);stroke-width:1px}.bc-fill{fill:var(--cheong)}.bc-hit{fill:#0000}.bc-bar:hover .bc-fill{fill:var(--cheong-hi)}.bc-x{fill:var(--text-dim);font:15px var(--f-mono);text-anchor:middle}.diag-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.diag-list li{background:var(--sunken);border:1px solid var(--line);grid-template-columns:12px auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:6px 8px;display:grid}.diag-list li>small:last-child:not(:nth-child(3)){grid-column:2/-1}.diag-list li .planned{justify-self:start}.spark-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.spark-card{background:var(--sunken);border:1px solid var(--line);flex-direction:column;gap:4px;margin:0;padding:8px 10px;display:flex}.spark-card figcaption{align-items:baseline;gap:8px;display:flex}.spark-card figcaption b{font:700 13px var(--f-pix);color:var(--text);flex:auto}.spark-card figcaption .mono{color:#fff;font-size:15px}.spark-card small.up{color:var(--jeok)}.spark-card small.down{color:var(--down)}.spark-card svg{width:100%;height:auto;display:block}.sp-line{fill:none;stroke:var(--sc);stroke-width:2px;vector-effect:non-scaling-stroke}.sp-area{fill:var(--sc);opacity:.12}.sp-dot{fill:var(--sc);stroke:var(--sunken);stroke-width:2px}.sp-hit{fill:#0000}.sp-hit:hover{fill:#ffffff0f}.sp-range{font-size:10px}.ledger{flex-direction:column;gap:3px;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ledger li{background:var(--sunken);border-left:3px solid var(--cheong);grid-template-columns:70px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:grid}.ledger li.out{border-left-color:var(--jeok-strong)}.ledger li.in .mono:nth-child(2){color:var(--cheong-hi)}.ledger li.out .mono:nth-child(2){color:var(--jeok-hi)}.board-tabrow{align-items:flex-end;gap:2px;display:flex}.snd-top{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.snd-top .field{flex:240px}.snd-toggles{gap:6px;display:flex}.snd-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.snd-list li{background:var(--sunken);border:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:0 6px;padding:6px 8px;display:grid}.snd-list li.off{opacity:.55}.snd-list li b{font:700 13px var(--f-pix);color:#fff}.snd-list li small{grid-area:2/1;font-size:10px}.snd-list li>:not(b):not(small){grid-row:1/span 2}.snd-list .hud-btn{width:30px;height:30px}.snd-file{position:relative;overflow:hidden}.snd-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.cookie-help{color:var(--text);flex-direction:column;gap:4px;margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.6;display:flex}[data-route=chat] .main{overflow:hidden}[data-route=chat] .main>.screen{flex-direction:column;flex:auto;min-height:0;display:flex}.chatx{border:2px solid var(--line);background:var(--bg);flex:auto;grid-template-columns:250px minmax(0,1fr);min-height:480px;display:grid}.chatx.with-side{grid-template-columns:250px minmax(0,1fr) 280px}.comms-rail{background:var(--bg-raised);border-right:2px solid var(--line);flex-direction:column;gap:2px;min-height:0;padding-bottom:12px;display:flex;overflow-y:auto}.comms-me{border-bottom:1px solid var(--line);color:var(--cheong-hi);align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.comms-me .end{margin-left:auto;font-size:11px}.dot{background:var(--text-faint);flex:none;width:8px;height:8px}.dot.live{background:var(--cheong);box-shadow:0 0 6px var(--cheong)}.dot.stalled,.dot.connecting{background:var(--hwang)}.dot.expired{background:var(--jeok-strong)}.comms-filter{width:auto;min-height:36px;margin:8px 10px 4px;font-size:13px}.comms-sec{font:700 11px var(--f-pix);letter-spacing:1px;color:var(--text-faint);padding:12px 12px 4px}.comms-item{width:100%;min-height:38px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 12px;font-size:14px;display:flex}.comms-item:hover{background:var(--surface)}.comms-item.on{background:var(--cheong-bg);color:#fff;box-shadow:inset 3px 0 0 var(--cheong)}.comms-item.hi .comms-nm{color:var(--warn);font-weight:700}.comms-ico{flex:none;place-items:center;width:24px;display:grid}.comms-ico .hash{color:var(--text-faint);font:700 15px var(--f-mono)}.comms-nm{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.comms-n{background:var(--surface);min-width:20px;color:var(--text);font:11px var(--f-mono);text-align:center;border:1px solid var(--line);padding:1px 6px}.comms-n.hi{background:var(--jeok-strong);border-color:var(--jeok-strong);color:#fff}.comms-invite{background:var(--hwang-bg);border:1px solid var(--hwang-line);flex-direction:column;gap:4px;margin:2px 10px;padding:8px 10px;display:flex}.comms-invite small{color:var(--text-dim);font-size:11px}.comms-invite span{gap:4px;display:flex}.comms-empty{padding:0 12px;font-size:12px}.comms-join{gap:6px;padding:12px 10px 4px;display:flex}.comms-join .input{min-height:34px;font-size:13px}.comms-findbtn{margin:4px 10px}.btn.sm{min-height:32px;box-shadow:none;padding:0 10px;font-size:13px}.comms-room{flex-direction:column;min-width:0;min-height:0;display:flex}.comms-tabs{background:var(--sunken);border-bottom:1px solid var(--line);gap:2px;min-height:4px;display:flex;overflow-x:auto}.comms-tab{background:var(--bg-raised);border:1px solid var(--line);border-bottom:0;align-items:center;display:inline-flex}.comms-tab button{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:6px 8px;font-size:12px}.comms-tab button b{color:var(--warn)}.comms-tab.on{background:var(--surface);box-shadow:inset 0 2px 0 var(--cheong)}.comms-tab.on button{color:#fff}.comms-tab .x{min-width:24px;min-height:24px;padding:4px 6px}.comms-head{background:var(--bg-raised);border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:52px;padding:8px 16px;display:flex}.comms-head:empty{display:none}.comms-title{flex:auto;min-width:0}.comms-rooms{display:none}.comms-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.comms-title small{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.comms-tools{gap:4px;display:flex}.comms-tools .hud-btn{position:relative}.comms-tools .hud-btn.on{background:var(--cheong-mid)}.tool-n{background:var(--hwang);color:#000;min-width:14px;font:10px var(--f-mono);padding:0 3px;position:absolute;top:-4px;right:-4px}.comms-pinbar{background:var(--hwang-bg);border:0;border-bottom:1px solid var(--hwang-line);width:100%;color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:6px 16px;font-size:13px;display:flex;overflow:hidden}.comms-pinbar .si{color:var(--hwang)}.comms-tl{outline:0;flex-direction:column;flex:auto;gap:2px;min-height:0;padding:12px 8px 8px;display:flex;overflow-y:auto}.comms-blank{text-align:center;color:var(--text-dim);margin:auto}.comms-blank h2{margin-bottom:8px;font-size:28px}.comms-day{color:var(--text-faint);align-items:center;gap:12px;margin:14px 8px 6px;font-size:12px;display:flex}.comms-day:before,.comms-day:after{content:"";background:var(--line);flex:auto;height:1px}.comms-start{text-align:center;color:var(--text-faint);padding:8px;font-size:12px}.comms-more{align-self:center}.comms-seen{text-align:right;padding:2px 12px;font-size:11px}.cm{border-left:3px solid #0000;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:6px 10px;display:grid;position:relative}.cm.g{padding-top:1px}.cm:hover{background:#ffffff06}.cm.hi{border-left-color:var(--hwang);background:#ebaa4912}.cm.mine .cm-who{color:var(--cheong)}.cm.flash{animation:1.6s cm-flash}@keyframes cm-flash{0%,40%{background:var(--cheong-bg)}}.cm.sending .cm-text{opacity:.6}.cm.failed .cm-text{color:var(--jeok-hi)}.cm.redacted p{margin:0;font-size:13px;font-style:italic}.cm-face .pfp{image-rendering:pixelated}.cm-body{flex-direction:column;gap:4px;min-width:0;display:flex}.cm-meta{align-items:baseline;gap:8px;display:flex}.cm-who{color:var(--cheong-hi);font:700 14px var(--f-pix);text-decoration:none}.cm-meta .mono{font-size:11px}.cm-meta time{color:var(--text-faint);font-size:11px}.cm-text{color:#edeff5;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.6}.cm-text.emote{color:var(--cheong-hi);font-style:italic}.cm-quote{background:var(--sunken);border:0;border-left:3px solid var(--line-strong);max-width:100%;color:var(--text-dim);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;padding:2px 8px;font-size:12px;overflow:hidden}.cm-quote b{color:var(--text)}.cm-cards{flex-wrap:wrap;gap:8px;display:flex}.cm-cards>*{flex:260px;max-width:420px}.cm-fail{color:var(--jeok-hi);font-size:12px}.cm-sending{font-size:11px}.cm[data-mid^=\~n]{background:var(--sunken);border-left-color:var(--line-strong)}.cm[data-mid^=\~n] .cm-text{font:13px/1.7 var(--f-mono);color:var(--text-dim)}.cm-tools{background:var(--surface);border:1px solid var(--line-strong);z-index:2;gap:2px;padding:2px;display:none;position:absolute;top:-12px;right:10px;box-shadow:3px 3px #0e0d1c}.cm:hover .cm-tools,.cm:focus-within .cm-tools{display:flex}.cm-tools button{min-width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;place-items:center;font-size:12px;display:grid}.cm-tools button:hover{background:var(--cheong-bg);color:#fff}.cm-tools button.danger{background:var(--jeok-strong);color:#fff;padding:0 6px}.comms-rx{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.rx{background:var(--sunken);border:1px solid var(--line);min-height:26px;color:var(--text);cursor:pointer;align-items:center;gap:4px;padding:0 7px;font-size:13px;display:inline-flex}.rx b{font:11px var(--f-mono);color:var(--text-dim)}.rx.mine{background:var(--cheong-bg);border-color:var(--cheong)}.rx:hover{border-color:var(--cheong-mid)}.rx-pick{background:var(--surface);border:1px solid var(--line-strong);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.comms-typing{min-height:18px;color:var(--text-dim);padding:0 18px;font-size:12px;font-style:italic}.comms-compose{border-top:2px solid var(--line);background:var(--bg-raised);position:relative}.comms-reply{background:var(--cheong-bg);color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:none}.comms-reply.on{display:flex}.comms-reply.danger{background:var(--jeok-bg);color:#f4d3c9}.comms-reply button[data-cancel]{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:18px}.comms-form{align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.comms-form textarea{font-family:var(--f-body);resize:none;min-height:44px;max-height:160px;padding:10px 12px;line-height:1.5}.comms-send{min-width:76px}.comms-plus{flex:none;width:44px;height:44px}.comms-comp{flex-wrap:wrap;gap:4px;max-width:70%;display:flex;position:absolute;bottom:100%;left:64px}.comms-comp:empty{display:none}.comms-comp span{background:var(--surface);border:1px solid var(--line);font:13px var(--f-mono);padding:4px 8px}.comms-comp span.on{background:var(--cheong-bg);border-color:var(--cheong);color:#fff}.comms-comp small{color:var(--text-faint);background:var(--bg);align-self:center;padding:0 6px;font-size:11px}.comms-side{background:var(--bg-raised);border-left:2px solid var(--line);flex-direction:column;gap:10px;min-height:0;padding:12px;display:none;overflow-y:auto}.with-side .comms-side{display:flex}.side-head{justify-content:space-between;align-items:center;display:flex}.side-head h2{font-size:18px}.side-head small{color:var(--text-faint);font:13px var(--f-mono)}.people{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.people li{align-items:center;gap:8px;padding:4px;display:flex}.people li>div{flex-direction:column;flex:auto;min-width:0;display:flex}.people a{color:inherit;text-decoration:none}.people b{font:700 13px var(--f-pix);color:#fff}.people small{color:var(--text-faint);font-size:11px}.people-acts{gap:2px;display:flex}.people-acts .hud-btn{width:30px;height:30px}.side-search{gap:6px;display:flex}.side-search .input{min-height:36px}.side-scope{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.side-results{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.side-results button{text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;flex-direction:column;gap:2px;padding:8px;font-size:13px;display:flex}.side-results button:hover{border-color:var(--cheong-mid)}.side-results b{color:var(--cheong-hi);font-size:12px}.side-found{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.side-found li{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}@media (max-width:900px){.chatx,.chatx.with-side{grid-template-columns:1fr}.comms-rail{display:none}.chatx:not(:has(.comms-item.on)) .comms-rail{display:flex}.chatx:not(:has(.comms-item.on)) .comms-room{display:none}.comms-rooms{flex:none;place-items:center;display:grid}.comms-tools .hud-btn:last-child{display:none}.with-side .comms-side{z-index:5;width:min(320px,90vw);position:absolute;inset:0 0 0 auto}}.hud-btn[hidden]{display:none!important}#comms-btn{color:inherit;place-items:center;display:grid;position:relative}.bell-n.hi{background:var(--hwang);color:#1a1200}.chal{background:var(--surface);border:2px solid var(--line-strong);--sc:var(--cheong);flex-direction:column;gap:8px;max-width:460px;padding:10px 12px;display:flex;box-shadow:3px 3px #0e0d1c}.chal.win{border-color:var(--cheong)}.chal.loss{border-color:var(--jeok-strong);--sc:var(--jeok-strong)}.chal.daily{border-color:var(--hwang);--sc:var(--hwang)}.chal header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chal header b{color:#fff;font:700 14px var(--f-pix);flex:auto}.chal-vs{background:var(--sunken);border:1px solid var(--line);align-items:center;gap:10px;padding:6px;display:flex}.chal-vs b{color:var(--hwang)}.chal-side{flex-wrap:wrap;flex:1 1 0;gap:2px;display:flex}.chal-side.foe{justify-content:flex-end;transform:scaleX(-1)}.chal-acts{flex-wrap:wrap;gap:6px;display:flex}.cm-link{color:var(--cheong-hi);overflow-wrap:anywhere}.cm-img{background:var(--sunken);border:1px solid var(--line);cursor:zoom-in;align-self:flex-start;place-items:center;width:min(320px,100%);max-height:320px;padding:0;display:grid;overflow:hidden}.cm-img img{object-fit:contain;width:100%;height:100%;display:block}.cm-img.big{cursor:zoom-out;width:min(720px,100%);max-height:70vh}.chal-compare{background:var(--sunken);border:2px solid var(--line);grid-template-columns:1fr 1fr;gap:6px;width:100%;padding:10px;display:grid}.chal-compare.win{border-color:var(--hwang)}.chal-compare .label{grid-column:1/-1}.chal-compare div{flex-direction:column;display:flex}.chal-compare span{color:var(--text-faint);font-size:12px}.chal-compare strong{color:#fff;grid-column:1/-1;font-size:18px}