@font-face{font-family:Pixel;src:url('assets/Galmuri11.ttf') format('truetype');font-display:swap}@font-face{font-family:Body;src:url('assets/PretendardVariable.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--bg:#182125;--panel:#222e32;--line:#405053;--ink:#f1edda;--muted:#b0beb8;--gold:#dfc588;--accent:#badaab}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Body,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit;border:1px solid var(--line);background:transparent;border-radius:4px;padding:8px 12px}button:hover{border-color:var(--gold);background:#303e40}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button[aria-pressed=true]{background:var(--gold);color:#212824;border-color:var(--gold)}a{color:inherit;text-decoration:none}.masthead{max-width:1440px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:20px Pixel,sans-serif;color:var(--gold)}.draft{color:var(--gold);font-size:13px;border:1px solid #746647;padding:4px 10px}main{max-width:1440px;margin:auto;padding:36px 40px 60px}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}h1{font:32px/1.4 Pixel,sans-serif;margin:0 0 10px}.intro p{margin:0;color:var(--muted)}.intro .notice{font-size:13px;text-align:right}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px}.filters{align-self:start;position:sticky;top:20px}.search-label,legend{font-weight:650;margin-bottom:10px;display:block}input,select{width:100%;background:#121b1e;border:1px solid var(--line);border-radius:4px;padding:11px 12px;color:var(--ink)}input::placeholder{color:#91a29c}fieldset{border:0;padding:0;margin:24px 0 0;min-width:0}legend{padding:0;width:100%}legend span{font-size:11px;font-weight:400;color:var(--muted);float:right;padding-top:3px}.switch{display:flex;gap:4px}.switch button{flex:1;white-space:nowrap;padding:8px;font-size:13px}.filter-options{display:flex;flex-wrap:wrap;gap:6px}.filter-options button{padding:5px 12px;font-size:13px}.tag-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tag-options button{padding:6px 0;font-size:13px}.reset{margin-top:20px;color:var(--muted);border:0;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.rules{margin-top:24px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:13px}.rules summary{cursor:pointer;color:var(--gold)}.rules p{margin-bottom:0}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;min-height:45px}.catalog-toolbar h2{display:inline;margin:0 10px 0 0;font-size:18px}.catalog-toolbar #count{color:var(--muted);font-size:13px}.level-control{display:flex;gap:12px;align-items:center;font-size:13px}.level-control .switch button{min-width:38px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{position:relative;display:flex;flex-direction:column;text-align:left;padding:0;background:var(--panel);border:1px solid var(--line);overflow:hidden;min-height:330px;border-radius:5px;transition:border-color .15s,transform .15s}.card:hover{transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;padding:12px 14px;align-items:center}.rarity{color:var(--rarity);font-size:12px}.cost{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.cost b{font:19px Pixel,sans-serif;color:var(--gold)}.art{display:flex;height:94px;align-items:center;justify-content:center;background:#1b282c;margin:0 14px}.art img{width:90px;height:90px;object-fit:contain;image-rendering:pixelated}.card-body{padding:14px;display:flex;flex-direction:column;flex:1}.card h3{font:17px/1.5 Pixel,sans-serif;margin:0 0 8px}.types{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--muted);font-size:11px}.effect{font-size:14px;line-height:1.65;margin:12px 0 14px;color:#e4e8df;word-break:keep-all}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:8px}.mechanic-label{color:var(--accent)}.empty{padding:70px 20px;text-align:center;border:1px dashed var(--line)}.empty p{color:var(--muted)}footer{max-width:1440px;margin:auto;padding:24px 40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--gold);padding:24px;max-width:700px;width:calc(100% - 32px);max-height:90vh;border-radius:6px}dialog::backdrop{background:#071014cc}.detail-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}.detail-title{display:flex;gap:24px;align-items:center;padding:24px 0}.detail-title img{width:96px;height:96px;image-rendering:pixelated;background:#223034;object-fit:contain}.detail-title h2{font:25px/1.5 Pixel,sans-serif;margin:0 0 8px}.detail-note{padding:12px 16px;background:#25362d;color:var(--accent);font-size:13px;margin:0 0 24px}.tier{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.tier b{font-family:Pixel;color:var(--gold)}.tier p{margin:0;word-break:keep-all}.exhaust{color:#efbaaa}.detail-foot{color:var(--muted);font-size:12px;margin:20px 0 0}@media(min-width:1350px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.workspace{grid-template-columns:205px minmax(0,1fr);gap:24px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main,.masthead,footer{padding-left:24px;padding-right:24px}}@media(max-width:700px){.masthead{padding:18px 16px;gap:8px}.brand{font-size:15px}.draft{font-size:11px;padding:3px 6px}main{padding:26px 16px 40px}h1{font-size:26px}.intro{display:block;margin-bottom:24px}.intro .notice{text-align:left;margin-top:12px;font-size:12px}.intro .notice br{display:none}.workspace{display:block}.filters{position:static;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}fieldset{margin-top:16px}.filter-options{gap:5px}.tag-options{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.tag-options button{font-size:12px}.rules{margin-top:12px;padding-top:12px}.catalog-toolbar{align-items:start}.catalog-toolbar h2{display:block;font-size:16px}.level-control{display:block;text-align:right}.level-control>span{display:block;margin-bottom:4px}.level-control .switch button{min-width:32px;padding:5px 8px}.card-grid{gap:10px}.card{min-height:340px}.card-top{padding:10px}.art{margin:0 10px;height:90px}.card-body{padding:10px}.card h3{font-size:15px}.effect{font-size:13px}.card-bottom{font-size:11px}.detail-title{gap:16px}.detail-title h2{font-size:21px}.tier{gap:8px}dialog{padding:18px}footer{padding:20px 16px;font-size:11px}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

.design-caption{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 0}.proposal-note{padding:14px 16px;border:1px solid #736647;color:var(--gold);font-size:13px;margin:0 0 16px}

.advanced-filters>summary{display:none}@media(max-width:700px){.advanced-filters{margin-top:16px}.advanced-filters>summary{display:list-item;cursor:pointer;color:var(--gold);padding:10px 12px;border:1px solid var(--line);font-size:13px}.intro{margin-bottom:18px}.filters{padding-bottom:16px}.card h3{word-break:keep-all}}