:root{color:#1f2528;background:#f7f3ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}main{width:min(1500px,calc(100vw - 32px));margin:0 auto;padding:22px 0 40px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1}.topbar p{margin-top:8px;color:#596167}.summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.summary span,.kicker{border:1px solid #d9d2c4;background:#fffaf1;border-radius:999px;padding:7px 11px;font-size:.86rem;color:#4e565b}.export-button{display:inline-grid;grid-template-columns:16px auto;gap:6px;align-items:center;height:34px;border:1px solid #bfc7c2;border-radius:8px;padding:0 10px;background:#203236;color:#fff;cursor:pointer;font-size:.86rem}.nav-button{display:inline-grid;place-items:center;height:34px;border:1px solid #bfc7c2;border-radius:8px;padding:0 12px;background:#fff;color:#203236;cursor:pointer;font-size:.86rem;font-weight:700;text-decoration:none}.export-button:hover{background:#147a7e}.nav-button:hover{border-color:#147a7e;color:#147a7e}.active-card{display:grid;grid-template-columns:148px minmax(0,1fr);gap:18px;align-items:center;min-height:224px;margin-bottom:18px;border-top:1px solid #ded8cc;border-bottom:1px solid #ded8cc;padding:14px 0}.active-card img{width:148px;border-radius:8px;box-shadow:0 12px 28px #1f25282e}.active-card h2{margin-top:10px;font-size:clamp(2rem,4vw,4.4rem);line-height:.95}.active-card p{margin-top:10px;color:#566168;font-size:1.05rem}.counter{display:flex;align-items:center;gap:8px;margin-top:18px}.counter button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #bfc7c2;border-radius:8px;background:#fff;color:#213034;cursor:pointer}.counter strong{display:grid;place-items:center;min-width:62px;height:42px;border-radius:8px;background:#203236;color:#fff;font-size:1.4rem}.sections{display:grid;gap:28px}.rarity-section{border-top:4px solid #c8beb0;padding-top:12px}.rarity-mythic{border-top-color:#d4662f}.rarity-rare{border-top-color:#b99b45}.rarity-uncommon{border-top-color:#7f939b}.rarity-common{border-top-color:#272f33}.section-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.section-header h3{font-size:1.15rem;letter-spacing:0;text-transform:uppercase}.section-header span{display:grid;place-items:center;min-width:40px;height:30px;border:1px solid #d9d2c4;border-radius:999px;background:#fffaf1;color:#4e565b;font-size:.84rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}.card-row{display:grid;grid-template-columns:58px minmax(0,1fr) 42px;gap:10px;align-items:center;min-height:82px;border:1px solid #ded8cc;border-radius:8px;padding:8px;text-align:left;background:#fffdf8;cursor:pointer}.card-row.active{outline:3px solid #147a7e;border-color:#147a7e}.card-row.owned{background:#e7f4ed;border-color:#8fc3a5}.card-row img{width:58px;aspect-ratio:488 / 680;object-fit:cover;object-position:top;border-radius:4px}.card-row b,.card-row small{display:block}.card-row b{overflow-wrap:anywhere;font-size:.95rem;line-height:1.15}.card-row small{margin-top:4px;color:#596167;font-size:.78rem}.card-row>strong{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#26383d;color:#fff}.cube-page{width:min(1760px,calc(100vw - 28px))}.cube-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.cube-meta span{border:1px solid #d9d2c4;border-radius:999px;background:#fffaf1;padding:7px 11px;color:#4e565b;font-size:.84rem}.cube-meta strong{color:#203236}.cube-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:start}.cube-column{min-width:0;border-top:4px solid #c8beb0;padding-top:10px}.cube-column-w{border-top-color:#bbb087}.cube-column-u{border-top-color:#4e8faa}.cube-column-b{border-top-color:#68606d}.cube-column-r{border-top-color:#b25b47}.cube-column-g{border-top-color:#5f8d55}.cube-column-m{border-top-color:#b99b45}.cube-column-c{border-top-color:#798184}.cube-column-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.cube-column-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1}.cube-column-header span{display:grid;place-items:center;min-width:34px;height:28px;border:1px solid #d9d2c4;border-radius:999px;background:#fffaf1;color:#4e565b;font-size:.8rem}.cube-rarity{margin-bottom:8px;border:1px solid #ded8cc;border-radius:8px;overflow:hidden;background:#fffdf8}.cube-rarity h3{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;border-bottom:1px solid #ded8cc;padding:0 9px;background:#f0eadf;font-size:.82rem;line-height:1;text-transform:uppercase}.cube-rarity h3 span{color:#596167;font-size:.78rem}.cube-rarity-mythic h3{background:#f7dac8}.cube-rarity-rare h3{background:#efe2ba}.cube-rarity-uncommon h3{background:#dce5e7}.cube-rarity-common h3{background:#e0e2df}.cube-list{display:grid}.cube-card-row{display:grid;grid-template-columns:36px minmax(0,1fr) 38px;align-items:center;gap:7px;min-height:30px;border-bottom:1px solid #eee7da;padding:4px 8px;color:#243034;text-decoration:none}.cube-card-row:last-child{border-bottom:0}.cube-card-row:hover,.cube-card-row:focus-visible{background:#e7f4ed;outline:2px solid #147a7e;outline-offset:-2px}.cube-card-row strong{display:grid;place-items:center;min-width:30px;height:22px;border-radius:999px;background:#26383d;color:#fff;font-size:.72rem}.cube-card-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700}.cube-card-row small{color:#687176;font-size:.72rem;font-weight:700;text-align:right}.mana-curve{margin-top:26px;border-top:4px solid #203236;padding-top:14px}.mana-curve-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.mana-curve-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mana-curve-header h2{font-size:1.15rem;line-height:1;text-transform:uppercase}.mana-curve-title span{display:grid;place-items:center;min-width:76px;height:30px;border:1px solid #d9d2c4;border-radius:999px;background:#fffaf1;color:#4e565b;font-size:.84rem}.mana-curve-controls{display:inline-grid;grid-template-columns:repeat(2,minmax(0,auto));overflow:hidden;border:1px solid #bfc7c2;border-radius:8px;background:#fffdf8}.mana-curve-controls button{height:32px;border:0;border-right:1px solid #d9d2c4;padding:0 12px;background:transparent;color:#203236;cursor:pointer;font-size:.84rem;font-weight:700}.mana-curve-controls button:last-child{border-right:0}.mana-curve-controls button:hover,.mana-curve-controls button:focus-visible{background:#e7f4ed;outline:none}.mana-curve-controls button.active{background:#203236;color:#fff}.mana-curve-bars{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;align-items:end}.mana-curve-bucket{display:grid;grid-template-rows:172px 24px 20px auto;gap:6px;min-width:0;text-align:center}.mana-curve-track{display:flex;align-items:end;min-width:0;height:172px;border:1px solid #ded8cc;border-radius:8px;background:linear-gradient(180deg,#fffdf8,#f0eadf);overflow:hidden}.mana-curve-fill{display:flex;flex-direction:column;justify-content:end;width:100%;min-height:0;background:linear-gradient(180deg,#147a7e,#203236)}.mana-curve-fill-stacked{flex-direction:column-reverse;background:transparent}.mana-curve-segment{flex-basis:0;min-height:0}.mana-curve-segment-mythic,.mana-curve-count-mythic,.mana-curve-legend-mythic:before{background:#d4662f}.mana-curve-segment-rare,.mana-curve-count-rare,.mana-curve-legend-rare:before{background:#b99b45}.mana-curve-segment-uncommon,.mana-curve-count-uncommon,.mana-curve-legend-uncommon:before{background:#7f939b}.mana-curve-segment-common,.mana-curve-count-common,.mana-curve-legend-common:before{background:#272f33}.mana-curve-bucket strong{display:grid;place-items:center;color:#203236;font-size:.98rem}.mana-curve-bucket span{color:#596167;font-size:.84rem;font-weight:700}.mana-curve-breakdown{display:grid;gap:3px;min-width:0}.mana-curve-count{display:grid;place-items:center;min-height:20px;border-radius:4px;color:#fff;font-size:.72rem;font-weight:800}.mana-curve-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.mana-curve-legend span{display:inline-grid;grid-template-columns:10px auto;align-items:center;gap:6px;color:#4e565b;font-size:.82rem;font-weight:700}.mana-curve-legend span:before{content:"";width:10px;height:10px;border-radius:3px}.cube-preview{position:fixed;right:18px;bottom:18px;z-index:10;width:min(250px,24vw);pointer-events:none;filter:drop-shadow(0 16px 24px rgb(31 37 40 / 36%))}.cube-preview img{display:block;width:100%;border-radius:10px}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1500px){.cube-board{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}}@media(max-width:680px){main{width:min(100vw - 20px,620px);padding-top:14px}.topbar{display:block}.summary{justify-content:flex-start;margin-top:12px}.active-card{grid-template-columns:92px minmax(0,1fr);min-height:152px}.active-card img{width:92px}.active-card h2{font-size:1.8rem}.counter{gap:6px}.counter button{width:36px;height:36px}.counter strong{min-width:48px;height:36px}.grid{grid-template-columns:1fr}.cube-page{width:min(100vw - 20px,620px)}.cube-meta{gap:6px}.cube-meta span{padding:6px 9px;font-size:.78rem}.cube-board{grid-template-columns:1fr}.mana-curve-header{align-items:stretch;flex-direction:column}.mana-curve-controls{width:100%}.mana-curve-controls button{min-width:0;padding:0 8px}.mana-curve-bars{gap:6px}.mana-curve-bucket{grid-template-rows:124px 22px 18px auto}.mana-curve-track{height:124px;border-radius:6px}.mana-curve-count{min-height:18px;font-size:.66rem}.cube-preview{display:none}}