:root{color-scheme:dark;--bg:#09141c;--box:#152938;--line:#365266;--fg:#eaf3fb;--gold:#f3ca77}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#24445c,var(--bg) 60%);color:var(--fg);font:15px system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:16px max(20px,calc((100% - 1350px)/2));border-bottom:1px solid var(--line);background:#081623bd}h1{font-size:27px;letter-spacing:2px;margin:0}h1 small{display:inline-block;color:var(--gold);font-size:11px;vertical-align:middle}main{max-width:1350px;padding:18px;margin:auto}section{border:1px solid var(--line);border-radius:16px;background:#102432e8;padding:20px;margin-bottom:18px}h2{margin-top:0}p{color:#a9bece}input,select,button{padding:10px 13px;border:1px solid #527088;border-radius:9px;background:#1c384b;color:white;font:inherit}button{cursor:pointer;background:#27557a;font-weight:700}button:hover:not(:disabled){filter:brightness(1.22)}button:disabled{opacity:.38;cursor:not-allowed}.secondary{background:#203b4c}input{max-width:280px}nav,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 18px}nav button{flex:1}#loginPanel{max-width:600px;margin:5vh auto}#loginPanel input{display:block;margin:12px 0;width:100%;max-width:none}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.catalog.compact{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.item{border:1px solid #45667c;background:#173043;border-radius:12px;padding:8px;position:relative}.item img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:6px;cursor:zoom-in}.item h4{font-size:12px;margin:7px 0}.item p{font-size:12px;margin:4px 0}.item .actions{margin:6px 0 0;gap:5px}.item button{font-size:11px;padding:6px;flex:1}.tag{font-size:11px;color:var(--gold)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compact .item{padding:5px}.compact .item h4{font-size:11px}.battleSide{margin:10px 0;padding:14px;border:1px solid #35566a;border-radius:12px;background:#112635}.lane{min-height:72px;display:flex;gap:8px;align-items:center;border-top:1px solid #284759;margin:8px 0;padding:8px;overflow-x:auto}.lane strong{min-width:105px;color:#bdd7ea}.lane img{height:90px;border-radius:4px;cursor:zoom-in}.lane button{border:2px solid #7894a8;padding:3px;background:transparent}.lane button.selected{border-color:#ffd064}.hand{display:flex;gap:10px;overflow-x:auto;padding:12px}.hand .item{flex:0 0 136px;cursor:pointer}.hand .selected{outline:3px solid #f6d27f}#toast{position:fixed;bottom:15px;right:20px;padding:13px 18px;background:#24506b;border-radius:10px;display:none;max-width:360px;z-index:10}dialog{border-radius:14px;background:#102636;color:white;border:1px solid #68869b;max-width:min(560px,90vw);max-height:90vh;text-align:center}dialog::backdrop{background:#000b}dialog img{max-height:65vh;max-width:100%;object-fit:contain}#status{color:#f2cc7e}@media(max-width:700px){.columns{grid-template-columns:1fr}.catalog{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}header{padding:12px}h1{font-size:20px}nav button{flex:auto}.lane strong{min-width:77px}}