:root{color-scheme:dark;--bg:#171a1e;--panel:#22272c;--line:#3d454d;--text:#f2f3f3;--muted:#b4bec7;--accent:#65dccd;--attack:#ed947d;--defense:#85b9f4;--utility:#d7b86a;--debuff:#c39beb;--slot:#66d6c1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 'Malgun Gothic','Apple SD Gothic Neo',sans-serif}header,main,footer{max-width:1440px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin:0}h1{font-size:1.6rem;letter-spacing:-.04em}.eyebrow{font-size:.75rem;color:var(--accent);letter-spacing:.16em}.version{font-size:.875rem;color:var(--muted)}main{display:grid;grid-template-columns:minmax(350px,470px) minmax(0,1fr);gap:32px;align-items:start}h2{font-size:1.2rem}h3{font-size:1rem;margin-bottom:10px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head span{color:var(--muted);font-size:.875rem}button,input,select{font:inherit}button,select,input[type=search],input[type=number]{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px}button{cursor:pointer}button:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}button.active{background:#20483f;border-color:var(--accent);color:var(--accent)}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{padding:9px 12px;font-size:.875rem}.hint{font-size:.875rem;line-height:1.55;color:var(--muted);margin:12px 0}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:18px}.cell{aspect-ratio:1;min-width:0;padding:3px;position:relative;border:2px solid #505b64;border-radius:7px;background:linear-gradient(150deg,#30373d,#20252a);overflow:hidden}.cell img{width:100%;height:100%;object-fit:contain;border-radius:4px}.cell .coord{position:absolute;left:4px;top:1px;color:#cad1d8;font-size:.75rem;text-shadow:0 1px 3px #000;background:#20252ac9;border-radius:3px;padding:0 2px}.cell .boost{position:absolute;right:3px;bottom:1px;padding:0 3px;background:#102c29;color:var(--accent);font-weight:bold;font-size:.75rem}.cell.locked{background:#101317;color:#717c86;border-style:dashed}.cell.target{box-shadow:inset 0 0 0 3px var(--accent)}.cell.selected{outline:2px solid #fff;outline-offset:1px}.message{font-size:.875rem;min-height:44px;color:var(--accent);margin:12px 0}.connection,.detail{border-top:1px solid var(--line);padding:20px 0}.group{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;margin:6px 0;background:var(--panel);border-left:3px solid var(--accent);font-size:.875rem}.detail-title{display:flex;gap:14px;align-items:center}.detail-title img{width:86px;height:82px;object-fit:contain;border-radius:8px}.detail-title p{font-size:.875rem;color:var(--muted)}.effect{padding:14px 0}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-fields label{font-size:.875rem}.detail-fields input{width:100%;padding:9px;margin-top:5px}.ownership,.save{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:.875rem}.search input{width:100%;padding:12px 14px}.filters{display:flex;gap:12px;margin:12px 0 18px;flex-wrap:wrap}.filters label{display:flex;align-items:center;gap:7px;font-size:.875rem}.filters select{padding:7px 8px}.owned-filter{margin-left:auto}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;max-height:calc(100vh - 220px);min-height:320px;overflow:auto;padding:3px}.card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:10px;border-radius:10px;background:#24282b;border:1px solid var(--line);min-width:0}.card.selected{outline:2px solid var(--accent);outline-offset:-2px}.card img{width:100%;aspect-ratio:205/195;object-fit:contain;border-radius:6px}.card .name{font-size:.875rem;font-weight:700;line-height:1.45;min-height:2.9em;margin-top:8px;overflow-wrap:anywhere}.card .meta{font-size:.75rem;color:var(--muted);margin:3px 0}.card .range{font-size:.875rem;color:#e9eced}.card .owned-mark{position:absolute;right:8px;top:8px;background:#17483f;border:1px solid var(--accent);padding:1px 6px;border-radius:4px;font-size:.75rem;color:var(--accent)}.empty{grid-column:1/-1;padding:35px 12px;color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.875rem;line-height:1.7}footer p{margin-top:10px;max-width:1100px}details{margin-top:14px}summary{cursor:pointer;color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:820px){header,main,footer{padding:18px}header{gap:12px;align-items:flex-start}.version{max-width:100px;text-align:right}main{grid-template-columns:1fr;gap:22px}.workspace{max-width:550px;width:100%;margin:auto}.cards{max-height:none;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.catalog{border-top:1px solid var(--line);padding-top:20px}.detail{padding:16px 0}h1{font-size:1.35rem}}@media(prefers-reduced-motion:no-preference){button{transition:border-color .15s,background-color .15s}}