@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{--navy:#070b10;--metal-hi:#6b7680;--metal:#3a434c;--metal-lo:#20262c;--metal-edge:#0b0e11;--screen:#0b121a;--screen-top:#111c27;--glow:#ff8a2a;--gold:#d9b25a;--ink:#e6edf3;--ink-dim:#8a9aa8;--face:"Chakra Petch", "Arial Narrow", sans-serif;--pixel:"Silkscreen", ui-monospace, monospace;--bolt:radial-gradient(circle, #e3e9ed 0 .8px, #8e99a1 1.4px 2px, #1c2126 2.5px 3px, transparent 3.3px);--scan:repeating-linear-gradient(0deg, #ffffff0a 0 1px, transparent 1px 3px)}html[data-race=zerg]{--metal-hi:#7a5d74;--metal:#4a3346;--metal-lo:#2a1b28;--screen:#120a12;--screen-top:#1d1020;--glow:#c04bff}html[data-race=protoss]{--metal-hi:#c4a663;--metal:#6b5a34;--metal-lo:#3a301a;--screen:#07121a;--screen-top:#0c1f2b;--glow:#3fe0ff}*{box-sizing:border-box}html,body{background:var(--navy);height:100%;color:var(--ink);font-family:var(--face);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-weight:500;overflow:hidden}button{font-family:var(--face);touch-action:manipulation;-webkit-touch-callout:none;cursor:pointer}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(ellipse at 50% 30%, #0f1a26, var(--navy) 70%);grid-template:"mast""field"1fr"sheet""foot"/1fr;display:grid;position:fixed;inset:0}#app[data-view=match]{grid-template:"top""players""field"1fr"traits""shop""actions""foot"/minmax(0,1fr)}#app[data-view=match] .masthead,#app[data-view=match] .sheet,#app[data-view=base] .topbar,#app[data-view=base] .players,#app[data-view=base] .traits,#app[data-view=base] .shop,#app[data-view=base] .actions{display:none}@media (min-aspect-ratio:1) and (min-width:700px){#app[data-view=base]{grid-template:"mast mast""sheet field"1fr"foot foot"/minmax(320px,420px) 1fr}#app[data-view=base] .sheet{align-self:center;width:auto;margin:0 0 0 16px}}.masthead{grid-area:mast;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex}.wordmark{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(22px,6.4vw,30px);font-weight:700;line-height:1;display:flex;transform:skew(-9deg)}.wordmark span{background:linear-gradient(#f4f8fc 0%,#b9c9d8 44%,#55687c 52%,#a9bccd 76%,#e3ecf4 100%);color:#0000;filter:drop-shadow(0 1px #d39a34)drop-shadow(0 1px #3b2a0c)drop-shadow(0 0 10px #50a0ff4d);-webkit-background-clip:text;background-clip:text}.wordmark-craft{margin-left:.14em}.steel{white-space:nowrap;min-height:44px;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#2a3540,#151c23);border:1px solid #6f8da6;border-radius:3px;padding:10px 14px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px #96c8f026,0 0 10px #5aa0dc40}.steel:active{filter:brightness(1.2)}.field{touch-action:none;grid-area:field;min-height:0;position:relative;overflow:hidden}#view{image-rendering:crisp-edges;image-rendering:pixelated;display:block;position:absolute}.readout{font:10px var(--pixel);color:var(--ink-dim);pointer-events:none;margin:0;position:absolute;bottom:6px;left:8px}.toasts{pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;top:42%;left:0;right:0}.toast{letter-spacing:.04em;color:var(--ink);text-shadow:0 1px 2px #000;background:linear-gradient(90deg,#0000,#070b10d9 18% 82%,#0000);padding:6px 14px;font-size:15px;font-weight:700;animation:2.2s ease-out forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(4px)}8%,75%{opacity:1;transform:none}to{opacity:0}}.topbar{background:linear-gradient(180deg, var(--screen-top), var(--screen));border-bottom:2px solid var(--metal-lo);min-height:48px;box-shadow:0 1px 0 var(--metal-edge);grid-area:top;align-items:center;gap:14px;padding:4px 8px 4px 14px;display:flex}.stat{align-items:baseline;gap:6px;margin:0;display:flex}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.stat b{font:14px var(--pixel);color:var(--gold);font-variant-numeric:tabular-nums}.stat-hp b{color:#7be08a}.topbar .pause{place-items:center;width:48px;min-height:44px;margin-left:auto;padding:0;display:grid}.pause svg{fill:currentColor;width:16px;height:16px}.players{cursor:pointer;background:#070b1099;border-bottom:1px solid #1a222b;grid-area:players;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;margin:0;padding:4px 6px;list-style:none;display:grid}.seat{min-width:0;height:22px;font:10px var(--pixel);color:var(--ink);background:#0e151d;border:1px solid #253240;justify-content:center;align-items:center;gap:4px;display:flex}.seat-swatch{flex:none;width:7px;height:10px;box-shadow:0 0 0 1px #000}.seat.me{border-color:var(--gold);box-shadow:inset 0 0 6px #d9b25a59}.seat.foe{background:#2a1210;border-color:#ff7a68;box-shadow:0 0 8px #ff5a4a73}.seat.out{opacity:.4;color:var(--ink-dim)}.crystal{clip-path:polygon(50% 0,100% 32%,82% 100%,18% 100%,0 32%);background:linear-gradient(160deg,#e2fbff,#59c8f0 45%,#1c6ea8);flex:none;width:8px;height:10px;display:inline-block}.price{font:11px var(--pixel);letter-spacing:0;color:#9fe6ff;align-items:center;gap:3px;display:inline-flex}.price b{font-weight:400}.price.free{color:#ffd36a}.price.free .crystal{display:none}.shop{grid-area:shop;grid-template-columns:repeat(5,minmax(0,1fr));justify-self:center;gap:4px;width:min(560px,100%);padding:6px 8px 0;display:grid;position:relative}.card{--tier:#8a9aa8;min-width:0;min-height:92px;color:var(--ink);background:var(--scan), linear-gradient(180deg, #16202b, #0b1118);border:1px solid var(--tier);box-shadow:inset 0 0 0 1px #0009, inset 0 -14px 18px -12px var(--tier);border-radius:2px;align-content:start;justify-items:center;gap:1px;padding:4px 3px 5px;display:grid;position:relative}.card[data-cost="2"]{--tier:#4cc26a}.card[data-cost="3"]{--tier:#3f8cff}.card[data-cost="4"]{--tier:#b45cff}.card[data-cost="5"]{--tier:#f2c14e}.card:active:not(:disabled){filter:brightness(1.2);transform:translateY(1px)}.card.empty{background:#090e14;border-color:#1f2a35;box-shadow:inset 0 0 0 1px #0009}.card.empty>*{visibility:hidden}.card.poor .card-sprite,.card.poor .card-name{opacity:.45}.card.merge{box-shadow:inset 0 0 0 1px #0009, 0 0 10px var(--gold), inset 0 0 14px #ffd36a59;border-color:var(--gold)}.card-sprite{object-fit:contain;width:64px;max-width:100%;height:56px;image-rendering:crisp-edges;image-rendering:pixelated}.card-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:700;line-height:1.15;overflow:hidden}.card .price{background:#070b10d9;padding:1px 3px 1px 2px;position:absolute;top:2px;left:2px}.chips{justify-items:center;max-width:100%;display:grid}.chip{max-width:100%;font:8px/1.3 var(--pixel);text-transform:uppercase;white-space:nowrap;color:#9fb3c4;overflow:hidden}.chip.terran{color:#ffa552}.chip.zerg{color:#d08bff}.chip.protoss{color:#5fdcff}.sell{letter-spacing:.06em;text-transform:uppercase;color:#ffd9d4;background:repeating-linear-gradient(135deg,#ff5a4a1f 0 8px,#0000 8px 16px),#1e0808eb;border:1px dashed #ff5a4a;border-radius:2px;place-content:center;justify-items:center;gap:4px;padding:0;font-size:15px;font-weight:700;display:grid;position:absolute;inset:6px 8px 0}.sell[hidden]{display:none}.sell.over{background:repeating-linear-gradient(135deg,#ff5a4a40 0 8px,#0000 8px 16px),#3c0c0af2;border-style:solid;box-shadow:0 0 16px #ff5a4a80}.sell .price{font-size:13px}.traits{grid-area:traits;justify-self:center;width:min(560px,100%);min-width:0;padding:5px 8px 0;position:relative}.traits-list{scrollbar-width:none;gap:4px;min-height:30px;display:flex;overflow-x:auto}.traits-list::-webkit-scrollbar{display:none}.tchip{min-height:30px;font:9px var(--pixel);text-transform:uppercase;white-space:nowrap;color:var(--ink-dim);background:#0e151d;border:1px solid #2b3a48;border-radius:2px;flex:none;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.tchip-count{color:var(--ink);font-size:10px}.tchip.on.terran{color:#ffa552;background:#ffa5521f;border-color:#ffa552}.tchip.on.zerg{color:#d08bff;background:#d08bff1f;border-color:#d08bff}.tchip.on.protoss{color:#5fdcff;background:#5fdcff1f;border-color:#5fdcff}.tchip.on.class{color:#e6edf3;background:#9fb3c41f;border-color:#9fb3c4}.tchip.upgrade{color:#ffd36a;background:linear-gradient(#2c220c,#17120a);border-color:#a8782a}.tchip.upgrade[aria-pressed=true]{color:#1d1606;background:#ffd36a;box-shadow:0 0 10px #ffd36a99}.tchip:disabled{opacity:.5}.traits-empty{color:var(--ink-dim);align-self:center;font-size:12px}.traits-tip{color:var(--ink);border:1px solid var(--metal-hi);pointer-events:none;background:#070b10f0;margin:0 0 4px;padding:7px 10px;font-size:13px;line-height:1.35;position:absolute;bottom:100%;left:8px;right:8px;box-shadow:0 6px 16px #00000080}.actions{grid-area:actions;grid-template-columns:1fr 1.15fr 44px auto 1.25fr;justify-self:center;align-items:stretch;gap:5px;width:min(560px,100%);padding:6px 8px 8px;display:grid}.act{place-content:center;justify-items:center;gap:3px;min-height:52px;padding:6px 4px;font-size:12px;display:grid;position:relative}.act:disabled{opacity:.45}.xp{background:#0b1118;width:100%;min-width:48px;height:4px;display:block;box-shadow:inset 0 0 0 1px #2b3a48}.xp i{background:linear-gradient(90deg,#3fb6e8,#9fe6ff);width:0;height:100%;display:block}.lock svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.lock[aria-pressed=true]{color:#1d1606;border-color:var(--gold);background:linear-gradient(#f2cf68,#a8782a)}.lock[aria-pressed=true] .shackle{transform:translateY(1.5px)}.minerals{justify-content:center;align-items:center;gap:5px;min-width:48px;margin:0;padding:0 4px;display:flex}.minerals .crystal{width:10px;height:13px}.minerals b{font:16px var(--pixel);color:#9fe6ff;font-variant-numeric:tabular-nums}.minerals.short b{animation:.5s steps(2,end) 2 short}@keyframes short{50%{color:#ff5a4a}}.ready{min-height:52px;font-size:18px}.speed{font:18px var(--pixel);grid-column:5}#app[data-phase=combat] .ready,#app:not([data-phase=combat]) .speed{display:none}#app[data-phase=combat] .shop{opacity:.45;filter:saturate(.4);pointer-events:none}.unit-card{border:1px solid var(--metal-hi);min-width:132px;box-shadow:0 0 0 1px var(--metal-edge), 0 6px 16px #00000080;pointer-events:none;background:#070b10e6;padding:7px 10px 8px;position:absolute;top:8px;left:8px}.unit-card h3{letter-spacing:.02em;margin:0;font-size:14px;font-weight:700}.unit-card-side{font:9px var(--pixel);letter-spacing:.08em;text-transform:uppercase;margin:1px 0 5px}.unit-card-side[data-side=mine]{color:#7be08a}.unit-card-side[data-side=theirs]{color:#ff7a68}.unit-card dl{font:10px var(--pixel);grid-template-columns:auto auto;gap:2px 12px;margin:0;display:grid}.unit-card dt{color:var(--ink-dim)}.unit-card dd{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.results.panel{width:min(400px,100% - 20px);max-height:calc(100% - 20px);padding:14px 16px;position:absolute;bottom:10px;left:50%;overflow-y:auto;transform:translate(-50%)}.results-title{letter-spacing:.08em;text-transform:uppercase;margin:2px 0 6px;font-size:30px;font-weight:700}.results-title.win{color:#ffd36a;text-shadow:0 0 14px #ffd36a73}.results-title.loss{color:#ff7a68;text-shadow:0 0 14px #ff5a4a66}.results-title.draw{color:var(--ink)}.results-hp{align-items:baseline;gap:6px;margin:0 0 10px;font-size:13px;display:flex}.results-hp b{font:14px var(--pixel);color:#7be08a}.results-loss{font:12px var(--pixel);color:#ff7a68}.meter-head{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 4px;font-size:11px}.meter{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.meter li{grid-template-columns:9.5em 1fr 3.2em;align-items:center;gap:8px;font-size:12px;display:grid}.meter li.fallen{opacity:.55}.meter-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meter-bar{background:#0b1118;height:6px;box-shadow:inset 0 0 0 1px #2b3a48}.meter-bar i{background:linear-gradient(90deg,#a8782a,#ffd36a);height:100%;display:block}.meter b{font:11px var(--pixel);text-align:right;color:var(--gold);font-variant-numeric:tabular-nums}.results-go{min-height:52px;font-size:20px}.pick-cards{gap:6px;display:grid}.pick-card{text-align:left;min-height:60px;color:var(--ink);background:linear-gradient(#1d1a10,#110f0a);border:1px solid #a8782a;border-radius:3px;gap:3px;padding:9px 12px;display:grid;box-shadow:inset 0 0 12px #ffc45a1f}.pick-card:active{filter:brightness(1.25)}.pick-tier{font:9px var(--pixel);letter-spacing:.08em;text-transform:uppercase;color:#a8782a}.pick-name{color:#ffd36a;font-size:17px}.pick-text{color:var(--ink-dim);font-size:13px}.standings{gap:3px;margin:0 0 12px;padding:0;list-style:none;display:grid}.standings li{background:#0e151d;grid-template-columns:2.6em 10px 1fr auto;align-items:center;gap:8px;min-height:26px;padding:0 8px;font-size:13px;display:grid}.standings li.me{box-shadow:inset 0 0 0 1px var(--gold);background:#d9b25a24}.standing-place{font:11px var(--pixel);color:var(--gold)}.standing-note{font:9px var(--pixel);text-transform:uppercase;color:var(--ink-dim)}.standing-style{font:9px var(--pixel);text-transform:uppercase;color:var(--gold);margin-left:6px}.placement-base{width:100%;margin-top:8px}dialog.panel{width:min(380px,100% - 32px);color:var(--ink)}dialog.panel::backdrop{background:#030508b3}.pause .steel{width:100%;margin-top:8px}.confirm-dialog h2{margin:0 0 8px;font-size:22px}.confirm-dialog p{color:var(--ink-dim);margin:0 0 16px}.dialog-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.confirm-yes{border-color:#ff7a68}.panel{background:var(--bolt) left 3px top 3px / 8px 8px no-repeat, var(--bolt) right 3px top 3px / 8px 8px no-repeat, var(--bolt) left 3px bottom 3px / 8px 8px no-repeat, var(--bolt) right 3px bottom 3px / 8px 8px no-repeat, linear-gradient(180deg, var(--screen-top), var(--screen));border:4px solid;border-image:linear-gradient(180deg, var(--metal-hi), var(--metal) 35%, var(--metal-lo)) 1;box-shadow:0 0 0 1px var(--metal-edge), inset 0 0 0 1px var(--metal-edge), 0 12px 32px #0009;padding:18px 18px 16px;position:relative}.panel:before,.panel:after{content:"";background:var(--glow);width:22px;height:3px;box-shadow:0 0 8px var(--glow);position:absolute;top:-4px}.panel:before{left:16px}.panel:after{right:16px}.sheet{grid-area:sheet;justify-self:center;width:min(560px,100% - 24px);margin:0 0 8px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;align-items:center;margin:0;font-size:12px;display:flex}.online{font:10px var(--pixel);letter-spacing:.04em;color:#7be08a;align-items:center;gap:6px;display:inline-flex}.online:before{content:"";background:#7be08a;width:6px;height:6px;box-shadow:0 0 6px #7be08a}.sheet-title{letter-spacing:.02em;margin:6px 0 12px;font-size:30px;font-weight:700;line-height:1.05}.notice{border:1px solid var(--gold);background:linear-gradient(90deg,#d9b25a29,#d9b25a0a);align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;font-size:16px;font-weight:700;display:flex}.notice-tag{letter-spacing:.08em;text-transform:uppercase;color:#1d1606;background:var(--gold);padding:3px 7px;font-size:11px}.comms{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.comms p{margin:0;font-size:15px;line-height:1.4}.comms-portrait{width:52px;height:52px;font:12px var(--pixel);color:#7fd0ff;background:var(--scan), linear-gradient(180deg, #16324a, #0a1520);border:1px solid var(--metal-hi);flex:none;place-items:center;display:grid;box-shadow:inset 0 0 12px #50aaff4d}.cta{letter-spacing:.1em;color:#fff3d0;text-shadow:0 1px #3b2a08,0 0 12px #ffd27880;border:2px solid var(--gold);background:linear-gradient(#6b5120 0%,#3f2f0e 55%,#2b200a 100%);border-radius:3px;width:100%;min-height:60px;font-size:24px;font-weight:700;display:block;box-shadow:0 0 0 1px #120d03,inset 0 0 0 1px #ffe8aa59,inset 0 0 22px #ffc45a38,0 0 22px #f0ba5059}.cta:active{filter:brightness(1.15);transform:translateY(1px)}.continue{margin-bottom:8px}.continue[hidden]{display:none}.continue-label{font:11px var(--pixel);letter-spacing:.04em;color:#d9c79a;display:block}.deploy-new{width:100%}.disclaimer{text-align:center;color:var(--ink-dim);background:#00000059;border-top:1px solid #1a222b;grid-area:foot;padding:6px 12px 8px;font-size:11px}.commanders{grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0;display:grid}.cmdr{min-height:44px;font:10px var(--pixel);text-transform:uppercase;color:var(--ink);background:#0e151d;border:1px solid #2b3a48;border-radius:2px;align-items:center;gap:7px;padding:0 8px;display:flex}.cmdr-mark{background:var(--race,#9fb3c4);width:12px;height:12px;box-shadow:0 0 6px var(--race,#9fb3c4);flex:none;transform:rotate(45deg)}.cmdr.terran{--race:#ffa552}.cmdr.zerg{--race:#d08bff}.cmdr.protoss{--race:#5fdcff}.cmdr[aria-checked=true]{border-color:var(--gold);background:linear-gradient(#2c220c,#17120a);box-shadow:inset 0 0 0 1px #ffe8aa40,0 0 10px #f0ba5059}.cmdr.locked{color:#5b6875;border-style:dashed}.cmdr.locked .cmdr-mark{box-shadow:none;background:#3a4550}.commander-line{min-height:2.8em;color:var(--ink-dim);margin:0 0 12px;font-size:13px;line-height:1.4}.commander-line.locked{color:#8a7a5a}.difficulty{grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0;display:grid}.seg{min-height:44px;font:10px var(--pixel);text-transform:uppercase;color:var(--ink);background:#0e151d;border:1px solid #2b3a48;border-radius:2px;padding:0 8px}.seg[aria-checked=true]{border-color:var(--gold);background:linear-gradient(#2c220c,#17120a);box-shadow:inset 0 0 0 1px #ffe8aa40,0 0 10px #f0ba5059}.difficulty-line{min-height:2.8em}dialog.info-card,dialog.codex{max-height:calc(100% - 32px);padding-bottom:12px}dialog.info-card[open],dialog.codex[open]{flex-direction:column;display:flex}.info-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.info-head{align-items:center;gap:12px;display:flex}.info-sprite{image-rendering:pixelated;background:radial-gradient(at 50% 85%,#5078a040,#0000 60%);flex:none}.info-title{margin:2px 0 6px;font-size:24px;line-height:1.1}.info-chips{flex-wrap:wrap;gap:4px;display:flex}.info-chips .tchip.terran{color:#ffa552;border-color:#ffa55299}.info-chips .tchip.zerg{color:#d08bff;border-color:#d08bff99}.info-chips .tchip.protoss{color:#5fdcff;border-color:#5fdcff99}.info-chips .tchip.class{color:var(--ink);border-color:#6f8da6}.info-tags,.info-bonus{font:10px var(--pixel);text-transform:uppercase;color:var(--ink-dim);margin:10px 0 0}.info-bonus{color:#ffd36a;margin-top:6px}.info-stats{background:#00000040;border:1px solid #1f2b36;grid-template-columns:auto 1fr auto 1fr;gap:4px 10px;margin:10px 0 0;padding:8px 10px;display:grid}.info-stats dt{color:var(--ink-dim);font-size:12px}.info-stats dd{font:12px var(--pixel);color:var(--ink);margin:0}.info-ability{gap:3px;margin-top:10px;font-size:14px;line-height:1.35;display:grid}.info-ability b{color:#9fe6ff}.info-text{margin:0 0 10px;font-size:15px;line-height:1.4}.info-item,.info-note{color:var(--ink-dim);margin:10px 0 0;font-size:13px;line-height:1.4}.info-item{color:#ffd36a}.info-note.locked{color:#c9a85a}.rivals{gap:3px;margin:0;padding:0;list-style:none;display:grid}.rival{background:#0e151d}.rival.me{box-shadow:inset 0 0 0 1px var(--gold);background:#d9b25a24}.rival.out{opacity:.5}.rival-head{text-align:left;width:100%;min-height:44px;color:var(--ink);background:0 0;border:0;grid-template-columns:10px 1fr auto;grid-template-areas:"swatch name state""swatch style state";align-items:center;column-gap:8px;padding:4px 8px;display:grid}.rival-head .seat-swatch{grid-area:swatch}.rival-name{grid-area:name;font-size:14px}.rival-style{font:9px var(--pixel);text-transform:uppercase;color:var(--gold);grid-area:style}.rival-state{font:10px var(--pixel);color:var(--ink-dim);grid-area:state}.rival-more{color:var(--ink-dim);margin:0;padding:0 8px 8px 26px;font-size:13px;line-height:1.4}.info-levels{gap:6px;display:flex}.info-levels span{min-width:28px;font:11px var(--pixel);text-align:center;color:var(--ink-dim);border:1px solid #2b3a48;padding:4px 0}.info-levels span.on{color:#1d1606;background:var(--gold);border-color:var(--gold)}.info-pieces,.codex-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin-top:12px;display:grid}.info-piece,.codex-piece{min-height:44px;font:9px var(--pixel);text-transform:uppercase;color:var(--ink);background:#0e151d;border:1px solid #2b3a48;border-radius:2px;justify-items:center;gap:2px;padding:4px 2px 6px;display:grid}.info-piece canvas,.codex-piece canvas{image-rendering:pixelated}.info-close,.codex-close{flex:none;width:100%;margin-top:12px}dialog.codex{height:min(680px,100% - 32px)}.codex .sheet-title{margin-bottom:8px}.codex-tabs{flex:none;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.codex-tab{min-height:44px;font:9px var(--pixel);text-transform:uppercase;color:var(--ink-dim);background:#0e151d;border:1px solid #2b3a48;border-radius:2px;padding:0 2px}.codex-tab[aria-selected=true]{color:#1d1606;background:var(--gold);border-color:var(--gold)}.codex-list{overscroll-behavior:contain;flex:1;min-height:0;margin-top:8px;overflow-y:auto}.codex-group{font:10px var(--pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:12px 0 0}.codex-group:first-child{margin-top:0}.codex-grid{margin-top:6px}.codex-entry{text-align:left;width:100%;min-height:44px;color:var(--ink);border:1px solid #2b3a48;border-left:3px solid var(--race,#9fb3c4);background:#0e151d;border-radius:2px;margin-top:6px;padding:8px 10px;display:flex}.codex-entry.terran{--race:#ffa552}.codex-entry.zerg{--race:#d08bff}.codex-entry.protoss{--race:#5fdcff}.codex-entry.upgrade{--race:#ffd36a}.codex-words{gap:2px;display:grid}.codex-words b{font-size:14px}.codex-words span{color:var(--ink-dim);font-size:12px;line-height:1.35}