:root{font-family:Arial,Helvetica,sans-serif;color:#191919;background:#f4f3ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,.file{cursor:pointer;border:1px solid #cccac3;background:transparent;padding:10px 13px;font:12px monospace;color:inherit}button:hover,.file:hover{background:#e4e2da}button:disabled{opacity:.4;cursor:wait}input{min-width:0;border:1px solid #cccac3;background:#fff;padding:12px;font:13px monospace}header{height:83px;padding:0 4vw;border-bottom:1px solid #cac8c0;display:flex;align-items:center;justify-content:space-between;font:11px monospace;letter-spacing:1px}.brand{font:bold 25px Arial;letter-spacing:-1px}.dots{font-size:15px;letter-spacing:0;margin-left:12px;background:linear-gradient(90deg,#00b7eb 25%,#e6007e 25%,#e6007e 50%,#ffd500 50%,#ffd500 75%,#111 75%);color:transparent;background-clip:text}main{max-width:1600px;margin:auto;padding:0 4vw}.intro{display:flex;justify-content:space-between;align-items:center;padding:58px 0 48px}.eyebrow,.tag{font:10px monospace;letter-spacing:2px}h1{font-size:clamp(45px,5vw,76px);line-height:.98;letter-spacing:-4px;margin:24px 0}.sub{color:#77766e;font-size:15px;line-height:1.6}.note{border-left:2px solid #161616;padding:8px 25px;margin-right:5vw}.tag{background:#e4e2d8;padding:6px}.note p{font-size:25px;line-height:1.3}.note small{font:11px/1.7 monospace;color:#75746b}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid #191919}.section-head{display:flex;align-items:center;justify-content:space-between;padding:16px 0}h2{font:13px monospace}.section-head span{font:10px monospace;color:#777}label{display:block;font:11px monospace;margin:6px 0 10px}.input-row{display:flex;gap:7px}.input-row input{flex:1;width:100%}.input-row button{background:#191919;color:white}.presets{display:flex;align-items:center;gap:6px;margin-top:17px}.presets span{font:9px monospace;margin-right:auto}.presets button{padding:7px 9px}.hint{font:10px/1.7 monospace;color:#777}#status{font:11px/1.5 monospace;min-height:32px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-height:560px;overflow:auto}.card{padding:0;background:#fff;position:relative}.card img{width:100%;display:block;aspect-ratio:1;image-rendering:pixelated}.card small{display:block;padding:6px;border-top:1px solid #eee;font:9px monospace}.card.selected{outline:2px solid #e6007e;outline-offset:-2px}.paper{padding:28px;background:white;box-shadow:0 6px 30px #00000009}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:8/10;gap:0}.slot{border:0;padding:0;aspect-ratio:1;position:relative;min-width:0;background:white}.slot.empty:after{content:'+';font:10px monospace;color:#e0ded8}.slot img{display:block;width:100%;image-rendering:pixelated}.slot small{position:absolute;bottom:0;left:0;right:0;font:7px monospace}.toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0;align-items:center}.toolbar label{margin:0 0 0 auto}.toolbar input[type=checkbox]{vertical-align:middle}.file input{display:none}.readiness{font:11px monospace;border-top:1px solid #cccac3;padding-top:18px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:65px;padding:24px 4vw;border-top:1px solid #cccac3;font:9px monospace;color:#777}@media(max-width:850px){.workspace{grid-template-columns:1fr;gap:15px}.intro{padding:30px 0}.note{display:none}header>span{display:none}.cards{max-height:350px}.paper{padding:20px}footer{flex-wrap:wrap}.composer{padding-top:15px;border-top:1px solid #191919}}
.card{min-width:0}.card-pick{display:block;padding:0;border:0;width:100%}.card-details{display:block;width:100%;border:0;border-top:1px solid #e8e6df;padding:9px 2px;font:9px/1.4 monospace;overflow-wrap:anywhere}.card-details[data-tier=Grail]{background:#e6007e;color:#fff}.card-details[data-tier=Legendary]{background:#ffd500}.card-details[data-tier=Epic]{background:#00b7eb}.card-details[data-tier=Rare]{background:#191919;color:#fff}button:focus-visible,a:focus-visible{outline:2px solid #e6007e;outline-offset:2px}dialog{width:min(620px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid #191919;padding:24px;background:#f4f3ee;color:#191919}dialog::backdrop{background:#0008}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.detail-heading h2{font:bold 27px Arial;margin:8px 0 20px}.detail-summary{display:grid;grid-template-columns:140px 1fr;gap:22px;align-items:center;margin:12px 0 24px}.detail-summary img{width:100%;display:block}.detail-summary p{font:12px/1.6 monospace}#detail-tier{font:bold 19px/1.3 Arial}#detail-pick{background:#191919;color:white}.trait-table{width:100%;border-collapse:collapse;font:12px/1.6 monospace}.trait-table th{text-align:left;font:10px monospace;color:#777}.trait-table td,.trait-table th{padding:10px 3px;border-bottom:1px solid #d9d7cf}.trait-table td:last-child,.trait-table th:last-child{text-align:right}dialog details{border-top:1px solid #d9d7cf;padding:14px 0;font:11px/1.6 monospace}dialog summary{cursor:pointer}dialog dt{color:#777;margin-top:12px}dialog dd{margin:4px 0;overflow-wrap:anywhere}dialog .toolbar a{font:11px monospace;text-decoration:underline;margin-right:15px}@media(max-width:480px){dialog{padding:16px}.detail-summary{grid-template-columns:100px 1fr;gap:12px}#detail-tier{font-size:16px}.trait-table{font-size:10px}}
.wallet-loader{border:1px solid #191919;background:#fff;padding:18px;margin-bottom:18px}.wallet-loader label{font-weight:bold;letter-spacing:1px}.wallet-loader textarea{width:100%;resize:vertical;border:1px solid #cccac3;padding:12px;font:12px/1.6 monospace;box-sizing:border-box}.wallet-loader>button{background:#191919;color:white;width:100%;margin-top:8px;font-weight:bold}#wallet-status{font:11px/1.5 monospace;overflow-wrap:anywhere}.palette-tabs{display:flex;gap:6px;margin-bottom:12px}.palette-tabs button{flex:1}.palette-tabs button[aria-pressed=true]{background:#191919;color:#fff}#wallet-filter{width:100%;padding:10px;background:white;border:1px solid #cccac3;font:11px monospace}#collection-more{margin:0 0 18px}button[hidden],[hidden]{display:none!important}.owner-tag{font:8px monospace!important;color:#777;overflow-wrap:anywhere}
.trait-filters{border:1px solid #cccac3;background:#eeede6;padding:16px;margin:20px 0 12px}.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.filter-heading h3{font:600 15px Arial;margin:0}.filter-heading button{font-size:10px;padding:7px 10px}.trait-filters fieldset{min-width:0;border:0;border-top:1px solid #d2d0c7;margin:20px 0 0;padding:12px 0 0}.trait-filters legend{font:10px monospace;letter-spacing:1px;text-transform:uppercase;padding:0 8px 0 0}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.trait-filters label{min-width:0;margin:4px 0;font:11px/1.5 monospace}.trait-filters select{display:block;width:100%;max-width:100%;margin-top:5px;border:1px solid #cccac3;border-radius:0;background:white;color:#191919;padding:10px 7px;font:12px Arial}.trait-filters select:focus-visible{outline:2px solid #e6007e;outline-offset:1px}.filter-empty{border:1px dashed #aaa89f;padding:20px;font:12px/1.6 monospace;color:#68675f}@media(max-width:480px){.trait-filters{padding:12px}.filter-grid{gap:8px}.trait-filters select{font-size:12px}}
/* Keep the collection and collage visible together; wallet imports live below. */
header{height:64px}.intro{padding:25px 0 28px;gap:20px}.intro .eyebrow{margin:0 0 10px}h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.8px;margin:0}.intro .sub{margin:10px 0 0;font-size:13px}.wallet-jump{font:11px monospace;text-decoration:underline;white-space:nowrap}.workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}.composer{position:sticky;top:16px;align-self:start}.section-head{padding:10px 0}.section-head h2{margin:8px 0}.palette-tabs{margin:0 0 8px}.palette-tabs button{padding:8px}.load-extras{font:11px/1.6 monospace;margin:8px 0}.load-extras summary{cursor:pointer;padding:7px 0;color:#666}.load-extras form{margin-top:8px}.trait-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 12px;margin:10px 0;padding:12px}.trait-filters>.filter-heading,.trait-filters>label,.trait-filters>.input-row,.trait-filters>p{grid-column:1/-1}.trait-filters>.filter-heading{margin:0}.trait-filters fieldset{margin:4px 0 0;padding:8px 0 0}.trait-filters .filter-grid{grid-template-columns:1fr;gap:2px}.trait-filters select{padding:7px 5px;margin-top:3px;font-size:11px}.trait-filters .hint{margin:0;font-size:9px}.trait-filters label{font-size:10px}.trait-filters legend{font-size:9px;letter-spacing:0}#status{min-height:0;margin:8px 0}.cards{max-height:480px;grid-template-columns:repeat(5,minmax(0,1fr))}.card .owner-tag{padding:4px;font-size:7px!important}.paper{padding:18px}.wallet-section{border-top:1px solid #191919;margin-top:36px;padding-top:16px;scroll-margin-top:20px}.wallet-section .eyebrow{color:#777}.wallet-section h2{font:bold 23px Arial;letter-spacing:-.5px}.wallet-bottom-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:28px;align-items:start}.wallet-loader{margin:0}.wallet-palette .cards{grid-template-columns:repeat(6,minmax(0,1fr));max-height:480px}.wallet-palette>.toolbar a{margin-left:auto;font:11px monospace;text-decoration:underline}.wallet-palette #wallet-filter-row{margin-bottom:12px}footer{margin-top:35px}.slot{scroll-margin-top:20px}@media(max-width:850px){.workspace{grid-template-columns:1fr 1fr;gap:14px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.trait-filters{grid-template-columns:1fr}.trait-filters .filter-grid{grid-template-columns:1fr 1fr}.wallet-bottom-layout{grid-template-columns:1fr}.wallet-palette .cards{grid-template-columns:repeat(5,minmax(0,1fr))}.composer{padding-top:0}.intro{padding:22px 0}.paper{padding:8px}}@media(max-width:580px){.workspace{display:flex;flex-direction:column}.composer{position:static;order:0;border:0}.library{order:1}.composer .paper{max-width:320px;margin:auto}.composer .toolbar{margin:10px 0}.composer .hint{margin:5px 0}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.trait-filters{grid-template-columns:1fr 1fr 1fr}.trait-filters .filter-grid{grid-template-columns:1fr}.wallet-palette .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.wallet-jump{white-space:normal;max-width:90px;font-size:10px}.intro .eyebrow{font-size:8px}.intro .sub{font-size:11px}.palette-tabs button{font-size:10px;padding:8px 4px}}
@media(min-width:851px){.trait-filters{grid-template-columns:1fr 1.6fr 1fr}.trait-filters fieldset:nth-of-type(2) .filter-grid{grid-template-columns:1fr 1fr;gap:4px 8px}}
.card-details{font-variant-numeric:tabular-nums}.trait-table{font-size:10px}.trait-table th{font-size:9px}.trait-table td{overflow-wrap:anywhere}@media(max-width:480px){.trait-table{font-size:9px}.trait-table td,.trait-table th{padding:8px 2px}}