:root{--ground:#0d0a14;--panel:#1b1430;--panel-deep:#120d22;--edge-light:#e6d3a3;--edge-dark:#05040a;--gold:#f2c359;--gold-dim:#a8833a;--ink:#efe8db;--ink-dim:#9b93aa;--attack:#ea6a54;--defense:#61a8e8;--good:#7bc86c;--warn:#e8b84b;--pixel:4px}*{box-sizing:border-box}#__nuxt,body,html{min-height:100%}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:none;margin:0;font-family:VT323,Courier New,monospace;font-size:22px;line-height:1.45}body:after{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(#00000029 0 1px,#0000 0 3px);position:fixed;inset:0}.pixel,h1,h2,h3{letter-spacing:.02em;text-transform:none;font-family:"Press Start 2P",VT323,monospace;font-weight:400;line-height:1.6}h1{text-shadow:0 var(--pixel) 0 var(--edge-dark);margin:0 0 1rem;font-size:1.05rem}h1,h2{color:var(--gold)}h2{margin:0 0 .75rem;font-size:.8rem}h3{color:var(--ink);margin:0 0 .5rem;font-size:.65rem}p{max-width:62ch;margin:0 0 .75rem}a{color:var(--gold);border-bottom:2px solid var(--gold-dim);text-decoration:none}a:focus-visible,a:hover{color:var(--ink);border-bottom-color:var(--ink)}:focus-visible{outline:var(--pixel) solid var(--gold);outline-offset:var(--pixel)}.panel{background:var(--panel);border:var(--pixel) solid var(--edge-light);box-shadow:0 0 0 var(--pixel) var(--edge-dark);margin:var(--pixel) 0 calc(var(--pixel)*5);padding:1.25rem}.panel--deep{background:var(--panel-deep)}.panel__title{color:var(--gold);background:var(--panel);margin:-1.9rem 0 1rem -.35rem;padding:0 .5rem;font-size:.65rem}.btn,.panel__title{font-family:"Press Start 2P",monospace;display:inline-block}.btn{background:var(--gold);cursor:pointer;box-shadow:0 var(--pixel) 0 var(--gold-dim),0 calc(var(--pixel)*2) 0 var(--edge-dark);border:none;padding:.75rem 1rem;font-size:.62rem;line-height:1.5;text-decoration:none;transform:translateY(0)}.btn,.btn:hover{color:var(--edge-dark)}.btn:hover{background:#ffd970}.btn:active:not(:disabled){transform:translateY(var(--pixel));box-shadow:0 0 0 var(--gold-dim),0 var(--pixel) 0 var(--edge-dark)}.btn:disabled{color:#2a2634;box-shadow:0 var(--pixel) 0 #3d384a,0 calc(var(--pixel)*2) 0 var(--edge-dark);cursor:not-allowed;background:#5a5368}.btn--quiet{background:var(--panel-deep);color:var(--ink);box-shadow:0 var(--pixel) 0 #0a0714,0 calc(var(--pixel)*2) 0 var(--edge-dark)}.btn--quiet:hover{color:var(--gold);background:#241b3f}.btn--danger{background:var(--attack);color:#2a0d08;box-shadow:0 var(--pixel) 0 #9c3d2e,0 calc(var(--pixel)*2) 0 var(--edge-dark)}.icon{image-rendering:pixelated;display:block}.icon--slot{width:64px;height:64px}.icon--list{width:40px;height:40px}.slots{gap:calc(var(--pixel)*3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.slot{background:var(--panel-deep);border:var(--pixel) solid var(--edge-dark);text-align:center;flex-direction:column;align-items:center;gap:.4rem;min-height:190px;padding:.75rem;display:flex}.slot--filled{border-color:var(--gold-dim)}.slot__label{color:var(--ink-dim);font-family:"Press Start 2P",monospace;font-size:.5rem;line-height:1.6}.slot__empty{color:#3c3350;border:2px dashed #3c3350;place-items:center;width:64px;height:64px;font-size:1.6rem;display:grid}.slot__name{color:var(--ink);font-size:1rem;line-height:1.2}.stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.stat{white-space:nowrap}.stat--attack{color:var(--attack)}.stat--defense{color:var(--defense)}.figures{gap:calc(var(--pixel)*3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.figure{background:var(--panel-deep);border:var(--pixel) solid var(--edge-dark);padding:.75rem 1rem}.figure__label{color:var(--ink-dim);font-family:"Press Start 2P",monospace;font-size:.45rem;line-height:1.8}.figure__value{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1.2}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:540px}th{color:var(--gold);text-align:left;border-bottom:var(--pixel) solid var(--edge-light);white-space:nowrap;padding:.75rem .75rem .75rem 0;font-family:"Press Start 2P",monospace;font-size:.5rem;line-height:1.8}td{color:var(--ink);border-bottom:2px solid #2c2442;padding:.55rem .75rem .55rem 0}tbody tr:hover td{background:#221a3c}.rank{color:var(--ink-dim);font-family:"Press Start 2P",monospace;font-size:.55rem}.rank--1{color:var(--gold)}.rank--2{color:#d8d8e4}.rank--3{color:#cd8f52}input:not([type]),input[type=text]{min-width:8rem}input:not([type]),input[type=text],select{color:var(--ink);background:var(--panel-deep);border:2px solid var(--gold-dim);padding:.45rem .6rem;font-family:VT323,Courier New,monospace;font-size:1.1rem}input:focus-visible,select:focus-visible{border-color:var(--gold)}input::placeholder{color:var(--ink-dim)}.setting{border-top:2px solid #2c2442;padding:1rem 0}.setting:first-of-type{border-top:none}.setting__head{margin-bottom:.25rem;font-size:1.05rem}.setting__text{margin-bottom:.6rem;font-size:.95rem}.live{color:var(--attack);letter-spacing:.05em}.slot--live{border-color:var(--attack)}.switch{align-items:center;margin-bottom:.75rem}.switch__state{margin-right:.5rem;font-size:1.2rem}.switch__rule{border:none;border-top:2px solid #2c2442;margin:1.1rem 0 .8rem}.note{border-left:var(--pixel) solid var(--gold-dim);color:var(--ink-dim);padding-left:.85rem}.note--warn{border-left-color:var(--warn)}.note--error{border-left-color:var(--attack);color:var(--attack)}.muted{color:var(--ink-dim)}.shell{max-width:1040px;margin:0 auto;padding:1.5rem 1rem 4rem}.topbar{border-bottom:var(--pixel) solid var(--panel);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 0 1.5rem;display:flex}.topbar__brand{color:var(--gold);text-shadow:0 var(--pixel) 0 var(--edge-dark);border-bottom:none;font-family:"Press Start 2P",monospace;font-size:.75rem}.topbar nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.topbar nav a{color:var(--ink-dim);border-bottom:2px solid #0000;padding-bottom:2px;font-family:"Press Start 2P",monospace;font-size:.55rem}.topbar nav a.router-link-active,.topbar nav a:hover{color:var(--gold);border-bottom-color:var(--gold)}.topbar__spacer{margin-left:auto}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.stack>*+*{margin-top:calc(var(--pixel)*3)}@media (width<=640px){body{font-size:20px}h1{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.btn:active:not(:disabled){transform:none}}