*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#07060e}body{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;color:#e8e2f2;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}header{display:flex;align-items:center;gap:13px;padding:12px 18px;border-bottom:1px solid rgba(190,140,255,.13);flex-wrap:wrap}.brand{font-weight:700;font-size:14px}.brand span{color:#c88cff}.tag{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#e8e2f266}.spacer{flex:1}.rate{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#e8e2f280}.rate output{color:#e8e2f2;min-width:40px}.rate input{width:100px;accent-color:#c88cff}button{font-family:inherit;font-size:11px;letter-spacing:.04em;padding:8px 13px;border-radius:8px;cursor:pointer;color:#f4eeff;background:#c88cff33;border:1px solid rgba(200,140,255,.45);transition:background .15s,border-color .15s}button:hover{background:#c88cff57;border-color:#c88cff}button.ghost{background:#ffffff0d;border-color:#ffffff21;color:#e8e2f2cc}button.ghost:hover{background:#ffffff1a}main{flex:1;min-height:0;display:flex;gap:16px;padding:16px}.stage{flex:1;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(ellipse at 50% 45%,#461e7838,#05040b 70%);overflow:hidden}#hero{height:100%;width:auto;max-width:100%;aspect-ratio:1;display:block;image-rendering:pixelated;touch-action:none;cursor:crosshair;transform:scale(1.35)}.stage{isolation:isolate}.readout{position:absolute;left:14px;bottom:12px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:10.5px;pointer-events:none}.readout .k{font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:#e8e2f259}.readout .v{margin-right:10px}.readout .mono{color:#c88cff}.readout .trait{color:#6cf9c8}.cbadge{letter-spacing:1px}.moverflag{position:absolute;top:14px;left:14px;font-size:10px;letter-spacing:.2em;color:#6cf9c8;text-shadow:0 0 14px rgba(108,249,200,.85);opacity:0;transition:opacity .3s;pointer-events:none}body.moving .moverflag{opacity:1}.pick{width:330px;flex-shrink:0;display:flex;flex-direction:column;gap:11px}.picklabel{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#e8e2f266}.cands{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.cand{position:relative;padding:0;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;background:#05040b;border:1px solid rgba(255,255,255,.08);transition:border-color .14s,transform .12s}.cand canvas{width:100%;height:100%;display:block;image-rendering:pixelated;transform:scale(1.5)}.cand:hover{border-color:#c88cff;transform:translateY(-2px)}.cand.dead{opacity:.35}.cbadge{position:absolute;top:5px;right:7px;font-size:11px;color:#6cf9c8;text-shadow:0 0 10px rgba(108,249,200,.9)}.note{font-size:10.5px;line-height:1.65;color:#e8e2f280}.note.dim{color:#e8e2f252}@media (max-width: 900px){main{flex-direction:column;padding:10px;gap:10px}.pick{width:100%}.cands{grid-template-columns:repeat(6,1fr)}.note{display:none}.stage{min-height:0}.tag,.rate{display:none}}.tank{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#05040b;flex-direction:column;align-items:center;justify-content:center;gap:14px}body.released .tank{display:flex}body.released header,body.released main{display:none}#tank{height:min(78vh,78vw);width:min(78vh,78vw);image-rendering:pixelated;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.tankbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.tanklabel{font-size:10.5px;color:#e8e2f273;max-width:42ch;line-height:1.5}#tankpop{color:#6cf9c8}