*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#16181d;color:#e8e6e3}.app{max-width:1100px;margin:0 auto;padding:1rem 1.5rem 4rem}header{display:flex;align-items:baseline;gap:2rem;margin-bottom:1.5rem}h1{font-size:1.4rem;margin:.5rem 0}h2{font-size:1.2rem}nav button{background:none;border:none;color:#9aa0a6;font-size:1rem;cursor:pointer;padding:.3rem .6rem}nav button.active{color:#e8e6e3;border-bottom:2px solid #c9a86a}button{cursor:pointer}button.primary{background:#c9a86a;color:#16181d;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}button.primary:disabled{opacity:.5;cursor:default}button.link{background:none;border:none;color:#8ab4f8;padding:.2rem}.muted{color:#9aa0a6;font-size:.9em}.error{color:#f28b82}.warn{color:#fdd663;font-size:.85em}.mono{font-family:ui-monospace,monospace;font-size:.85em}.badge{background:#3c4043;border-radius:4px;padding:.1rem .4rem;font-size:.75rem}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.deck-tile{display:flex;gap:.8rem;align-items:center;text-align:left;background:#202329;border:1px solid #2d3138;border-radius:10px;padding:.8rem;color:inherit}.deck-tile:hover{border-color:#c9a86a}.deck-back-thumb{width:56px;border-radius:4px}.deck-tile-info{display:flex;flex-direction:column;gap:.25rem}.pips{display:inline-flex;gap:3px;vertical-align:middle}.pip{width:12px;height:12px;border-radius:50%;border:1px solid #0007;display:inline-block}.back-picker h3{margin-bottom:.4rem}.back-options{display:flex;gap:.7rem;flex-wrap:wrap}.back-opt{background:#202329;border:2px solid #2d3138;border-radius:8px;padding:.4rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#9aa0a6}.back-opt img{width:74px;border-radius:4px}.back-opt.selected{border-color:#c9a86a;color:#e8e6e3}table.cards{border-collapse:collapse;width:100%;margin-top:1rem}table.cards th,table.cards td{text-align:left;padding:.3rem .6rem}table.cards tbody tr:nth-child(odd){background:#1b1e24}table.cards tbody tr:hover{background:#262a31}.hover-card{position:fixed;right:1.5rem;top:5rem;width:260px;border-radius:12px;box-shadow:0 8px 30px #000a;pointer-events:none}.search input{width:100%;padding:.6rem .8rem;font-size:1rem;border-radius:8px;border:1px solid #2d3138;background:#202329;color:inherit}.results{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.result,.queue-row{display:flex;align-items:center;gap:.8rem;background:#1b1e24;border-radius:8px;padding:.4rem .8rem}.result img,.queue-row img{width:44px;border-radius:3px}.result>div{flex:1}.queue-row>span:first-of-type{flex:1}.queue-row.pairing{outline:2px dashed #c9a86a}.queue-row.pair{background:#22262e}.count{display:inline-flex;align-items:center;gap:.5rem}.count button{width:26px;height:26px;border-radius:50%;border:1px solid #3c4043;background:#202329;color:inherit}.generate-bar{display:flex;gap:.8rem;align-items:center;margin:1.2rem 0}.generate-bar select{background:#202329;color:inherit;border:1px solid #2d3138;border-radius:6px;padding:.45rem}.job{display:flex;gap:.8rem;align-items:center}.job progress{width:260px}.job-done{display:block;background:#1b1e24;border-radius:10px;padding:.8rem 1.2rem}.preview{max-width:480px;width:100%;border-radius:8px;margin-top:.6rem}.type-group h3{margin:1.4rem 0 .6rem;border-bottom:1px solid #2d3138;padding-bottom:.3rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.card-tile{margin:0;position:relative}.card-tile img{width:100%;border-radius:7px;display:block}.card-tile figcaption{display:flex;flex-direction:column;padding:.2rem .1rem}.tile-name{font-size:.82rem;line-height:1.15}.tile-cost{font-size:.72rem}.count-badge{position:absolute;top:6px;right:6px;background:#c9a86a;color:#16181d;border-radius:10px;padding:0 .45rem;font-weight:700;font-size:.85rem}.generate-bar .spacer{flex:1}.generate-bar>button:not(.primary):not(.link){background:#202329;color:inherit;border:1px solid #2d3138;border-radius:6px;padding:.45rem .8rem}.description{margin-top:2rem;background:#1b1e24;border-radius:10px;padding:1rem 1.4rem;max-width:860px}.markdown h2{border-bottom:1px solid #2d3138;padding-bottom:.3rem}.markdown table{border-collapse:collapse;margin:.6rem 0}.markdown th,.markdown td{border:1px solid #2d3138;padding:.3rem .6rem;text-align:left}.markdown code{background:#202329;border-radius:4px;padding:.05rem .3rem}.markdown li{margin:.15rem 0}.mana{display:inline-flex;gap:2px;vertical-align:middle}.mana-sym{width:15px;height:15px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;border:1px solid #0007;box-shadow:inset 0 -1px 1px #0004}.ban-badge{position:absolute;top:6px;left:6px;background:#b3261e;color:#fff;border-radius:4px;padding:.05rem .35rem;font-size:.7rem;font-weight:700;letter-spacing:.05em}.ban-badge.inline{position:static;margin:0 .4rem}.deck-filter{background:#202329;color:inherit;border:1px solid #2d3138;border-radius:6px;padding:.45rem .7rem;min-width:220px}.hover-panel{position:fixed;right:1.5rem;top:5rem;width:280px;z-index:10;background:#1b1e24;border:1px solid #2d3138;border-radius:12px;box-shadow:0 8px 30px #000a;padding:.6rem;pointer-events:none}.hover-panel img{width:100%;border-radius:8px;display:block}.hover-panel .oracle{margin:.5rem 0 0;font-size:.8rem;line-height:1.35;color:#cfd2d6;white-space:pre-line}.deck-stats{display:flex;gap:1.6rem;align-items:flex-end;flex-wrap:wrap;background:#1b1e24;border-radius:10px;padding:.8rem 1.2rem;margin:.4rem 0 1rem}.stat-tile{display:flex;flex-direction:column;gap:.15rem}.stat-value{font-size:1.5rem;font-weight:700;line-height:1.1}.stat-label{color:#9aa0a6;font-size:.75rem}.curve{display:flex;flex-direction:column;gap:.25rem}.curve-bars{display:flex;gap:2px;align-items:flex-end}.curve-col{display:flex;flex-direction:column;align-items:center;width:22px;position:relative}.curve-bar{width:14px;background:#c9a86a;border-radius:4px 4px 0 0;align-self:center}.curve-x{color:#9aa0a6;font-size:.68rem;margin-top:2px}.curve-peak{color:#e8e6e3;font-size:.72rem;font-weight:600;margin-bottom:1px}.pip-counts{display:flex;flex-direction:column;gap:.35rem}.pip-row{display:flex;gap:.7rem;align-items:center}.pip-count{display:inline-flex;gap:.3rem;align-items:center;font-size:.95rem}.tile-add{position:absolute;bottom:3.2rem;right:6px;width:28px;height:28px;border-radius:50%;border:none;background:#c9a86a;color:#16181d;font-size:1.2rem;font-weight:700;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s}.card-tile:hover .tile-add{opacity:1}.tile-add.added{background:#3fa370;color:#fff;opacity:1}