:root{--sky: radial-gradient(circle at 50% 20%, rgba(255, 255, 255, .32), transparent 36%), linear-gradient(180deg, #0a98e9 0%, #24b9f2 50%, #91ddf4 82%, #c8f3ff 100%);--ink: #18243e;--ink-soft: #356684;--blue: #1d6fe8;--blue-deep: #074882;--cyan: #5ce8ff;--cyan-soft: #68d8ff;--pink: #ff64c4;--pink-soft: #ff9bd9;--yellow: #ffeb80;--teal: #60e6d2;--purple: #985cf0;--paper: #ffffff;--paper-2: #eaf7ff;--paper-3: #d7eeff;--good: #2bb673;--need: #f0883a;--mid: #c79a16;--r: 18px;--r-sm: 12px;--shadow-card: 0 14px 34px rgba(7, 72, 130, .18);--shadow-pop: 0 20px 60px rgba(7, 72, 130, .28);--chunk: inset 0 -5px rgba(0, 0, 0, .22)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--sky);background-attachment:fixed;color:var(--ink);font-family:Nunito Sans,Avenir Next,Segoe UI,Arial,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}.app{max-width:1180px;margin:0 auto;padding:26px 18px 80px}.hero h1{display:flex;align-items:center;gap:14px;font-size:34px;font-weight:900;letter-spacing:-.02em;color:#fff;margin:6px 0;text-shadow:0 3px 0 rgba(7,72,130,.35),0 8px 24px rgba(7,72,130,.4)}.logo-dot{width:38px;height:38px;border-radius:12px;border:4px solid var(--ink);background:conic-gradient(from 45deg,#ff4b45,#ffd736,#77c85a,#54d9d9,#5aa6f0,#a965e8,#3c3b43,#ede6d8,#ff4b45);box-shadow:var(--chunk)}.sub{color:#06365f;font-weight:800;max-width:620px;line-height:1.45;margin:0 0 20px;text-shadow:0 1px 0 rgba(255,255,255,.4)}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.hero-intro{min-width:280px;flex:1}.floor-cards{display:flex;gap:10px;flex-wrap:wrap}.floor-card{min-width:132px;background:#fff;border:4px solid var(--ink);border-radius:14px;padding:10px 14px;box-shadow:var(--chunk),var(--shadow-card);text-align:center}.floor-label{font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft)}.floor-eth{font-size:22px;font-weight:1000;color:var(--blue);margin-top:3px;line-height:1}.floor-usd{font-size:11px;font-weight:800;color:var(--ink-soft);margin-top:3px}@media (max-width: 720px){.floor-cards{width:100%}.floor-card{flex:1}}.summary-head{flex-wrap:wrap}.wallet-value{text-align:center}.wallet-value-eth{font-size:26px;font-weight:1000;color:var(--blue);line-height:1;margin-top:2px}.wallet-value-usd{font-size:12px;font-weight:800;color:var(--ink-soft);margin-top:3px}.search{display:flex;gap:10px;flex-wrap:wrap}.search input{flex:1;min-width:280px;background:var(--paper);border:4px solid var(--ink);color:var(--ink);padding:13px 16px;border-radius:14px;font-size:15px;font-weight:800;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:var(--shadow-card)}.search input::placeholder{color:#8aa6bd}.search input:focus{outline:none;border-color:var(--blue)}button{border:4px solid var(--ink);background:var(--paper);color:var(--ink);padding:12px 20px;border-radius:14px;font-size:15px;font-weight:900;cursor:pointer;font-family:inherit;box-shadow:var(--chunk),var(--shadow-card);transition:transform .06s ease,filter .15s ease}button:hover:not(:disabled){filter:brightness(1.04)}button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 -1px #00000038,var(--shadow-card)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--yellow)}button.ghost{background:var(--pink);color:#fff;border-color:var(--ink)}.banner{margin-top:14px;padding:11px 16px;border-radius:12px;font-weight:800;background:var(--paper);border:3px solid var(--ink);color:var(--ink-soft)}.banner.error{border-color:#d9233f;color:#b81029;background:#ffe9ec}.card{background:var(--paper);border:4px solid var(--ink);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-card)}.muted{color:var(--ink-soft);font-weight:800}.small{font-size:12px}.summary{margin-top:26px;background:linear-gradient(180deg,#ffffff,var(--paper-2))}.summary-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.addr{font-size:50px;font-weight:1000;color:var(--ink);letter-spacing:-.01em}.big-count{text-align:right;line-height:1}.big-count span{font-size:46px;font-weight:1000;letter-spacing:-.03em;color:var(--blue)}.big-count small{display:block;color:var(--ink-soft);font-size:12px;font-weight:800;margin-top:4px;text-transform:uppercase}.stage-row{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.stage-pill{flex:1;min-width:92px;background:var(--paper);border:4px solid var(--ink);border-radius:14px;padding:12px;text-align:center;box-shadow:var(--chunk)}.stage-pill.empty{opacity:.5;box-shadow:none}.stage-pill.special{background:var(--yellow)}.stage-label{font-size:12px;color:var(--ink-soft);font-weight:900}.stage-count{font-size:28px;font-weight:1000;color:var(--ink)}.stage-name{font-size:11px;color:var(--ink-soft);font-weight:800}.color-dist{margin-top:6px}.color-bars{display:flex;gap:8px;margin-top:12px;align-items:flex-end}.color-bar{flex:1;text-align:center}.bar-track{height:96px;background:var(--paper-3);border-radius:10px;display:flex;align-items:flex-end;overflow:hidden;border:3px solid var(--ink)}.bar-fill{width:100%;border-radius:0;transition:height .4s ease;min-height:2px}.bar-count{font-weight:1000;font-size:15px;margin-top:6px}.bar-swatch{width:16px;height:16px;border-radius:5px;border:2px solid var(--ink);margin:4px auto 2px}.bar-name{font-size:11px;color:var(--ink-soft);font-weight:800}.hint{margin-top:14px;font-size:12.5px;color:var(--blue-deep);font-weight:800;background:#fff7d6;padding:9px 13px;border-radius:10px;border:3px solid var(--ink)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:32px 0 14px;gap:16px;flex-wrap:wrap}.toolbar-title{display:flex;align-items:baseline;gap:12px}.toolbar-title h2{margin:0;font-size:24px;font-weight:1000;color:#fff;text-shadow:0 2px 0 rgba(7,72,130,.4)}.toolbar-title .muted{color:#eaf7ff}.controls{display:flex;gap:12px;align-items:center}.check{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:800;color:var(--ink);cursor:pointer;background:var(--paper);border:3px solid var(--ink);border-radius:10px;padding:7px 12px}.check input{accent-color:var(--blue);width:16px;height:16px}select{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:800;font-family:inherit;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(335px,1fr));gap:16px}.family{position:relative;overflow:hidden;border-color:var(--fam);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--fam) 8%,#ffffff))}.family.ready{box-shadow:var(--shadow-card),0 0 0 4px color-mix(in srgb,var(--good) 55%,transparent)}.family.owned{box-shadow:var(--shadow-card),0 0 0 4px color-mix(in srgb,var(--blue) 45%,transparent)}.family-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.family-title{display:flex;gap:11px;align-items:center}.family-dot{width:36px;height:36px;border-radius:11px;background:var(--fam);border:4px solid var(--ink);box-shadow:var(--chunk)}.t4-name{font-size:19px;font-weight:1000;letter-spacing:-.01em;color:var(--ink)}.pair{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;background:var(--paper);border:2px solid var(--ink);padding:3px 9px;border-radius:999px;color:var(--ink)}.chip.dim{opacity:.42}.chip strong{margin-left:2px}.chip-swatch{width:10px;height:10px;border-radius:3px;border:1.5px solid var(--ink);display:inline-block}.status{font-size:14px;font-weight:1000;margin:14px 0 8px}.status.ready{color:var(--good)}.status.owned{color:var(--blue)}.status.todo{color:var(--ink-soft)}.progress{display:flex;align-items:center;gap:10px;margin-bottom:14px}.progress-bar{flex:1;height:14px;background:var(--paper-3);border-radius:999px;overflow:hidden;border:3px solid var(--ink)}.progress-fill{height:100%;border-radius:0;background:linear-gradient(90deg,var(--fam),color-mix(in srgb,var(--fam) 45%,#fff));box-shadow:var(--chunk);transition:width .5s ease}.progress-label{font-size:11px;color:var(--ink-soft);font-weight:900;white-space:nowrap}.materials{display:flex;flex-direction:column;gap:11px;border-top:3px solid color-mix(in srgb,var(--fam) 30%,#dbeafc);padding-top:13px}.mat-row{display:flex;flex-direction:column;gap:6px}.mat-label{font-size:11px;color:var(--ink-soft);font-weight:1000;text-transform:uppercase;letter-spacing:.04em}.mat-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:900;padding:5px 11px;border-radius:999px;border:3px solid var(--ink);color:var(--ink);background:var(--paper)}.badge.good{background:#d6f7e7;color:#167a4c}.badge.need{background:#ffe6cf;color:#b3590f}.badge.mid{background:#fff3c4;color:#8a6a00}.badge.none{background:var(--paper-2);color:var(--ink-soft)}.foot{margin-top:50px;color:#06365f;font-size:12.5px;font-weight:800;line-height:1.7;border-top:3px solid rgba(7,72,130,.25);padding-top:18px;text-shadow:0 1px 0 rgba(255,255,255,.35)}code{background:#fff;border:2px solid var(--ink);padding:1px 7px;border-radius:6px;font-size:12px;font-weight:800}.tabs{display:flex;gap:10px;margin:26px 0 0;position:relative;z-index:1}.tab{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:1000;border:4px solid var(--ink);border-radius:14px 14px 0 0;background:#ffffff8c;box-shadow:none;color:var(--ink-soft);border-bottom-width:0;margin-bottom:-4px}.tab.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-card)}.tab-badge{background:var(--pink);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:0 7px;font-size:12px;font-weight:1000}.accent-need{color:var(--need)!important}.accent-good{color:var(--good)!important}.small-btn{padding:6px 13px;font-size:13px}.wish-layout{display:grid;grid-template-columns:1fr 322px;gap:16px;align-items:start}.wish-main{display:flex;flex-direction:column;gap:8px;min-width:0}.wish-cart{position:sticky;top:14px;align-self:start;max-height:calc(100vh - 28px);display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff,var(--paper-2))}.cart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:0 0 auto}.cart-head h3{margin:0;font-size:19px;font-weight:1000}.cart-empty{margin-top:14px;line-height:1.5}.cart-summary{flex:0 0 auto}.cart-items{display:flex;flex-direction:column;gap:8px;margin:14px 0;flex:0 1 auto;min-height:0;overflow-y:auto}.cart-item{display:flex;align-items:center;gap:10px;padding:7px;border:3px solid var(--ink);border-radius:12px;background:color-mix(in srgb,var(--fam) 10%,#ffffff)}.cart-thumb{image-rendering:pixelated;border:3px solid var(--ink);border-radius:9px;background:#fff;flex:0 0 auto}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-weight:1000;font-size:14px}.qty.mini{box-shadow:none;border-width:2px;border-radius:9px}.qty.mini button{padding:3px 9px;font-size:15px}.qty.mini span{min-width:26px;font-size:13px;padding:3px 0;border-width:2px}.cart-section-title{font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin:4px 0 8px}.cart-colors{display:flex;flex-direction:column;gap:6px}.cart-color{display:grid;grid-template-columns:16px 1fr auto auto auto;align-items:center;gap:9px}.cart-color-name{font-weight:900;font-size:13px}.cart-color-have{text-align:right}.cart-color-still{font-weight:1000;font-size:14px;min-width:34px;text-align:right}.cart-color-cost{text-align:right;min-width:52px;font-variant-numeric:tabular-nums}.cart-cost{margin-top:14px;padding:12px;border:3px solid var(--ink);border-radius:12px;background:#fff7d6}.cost-big{font-size:24px;font-weight:1000;color:var(--ink);margin:4px 0}.cost-big .muted{font-size:15px;font-weight:800}.cart-cost-foot{margin-top:6px}.linklike{background:none;border:0;box-shadow:none;padding:0;font:inherit;font-weight:1000;color:var(--blue);text-decoration:underline;cursor:pointer}.os-link{display:block;text-align:center;margin-top:10px;padding:9px 14px;border-radius:10px;background:var(--blue);color:#fff;border:3px solid var(--ink);box-shadow:var(--chunk);font-weight:1000;font-size:13px;text-decoration:none}.os-link:hover{filter:brightness(1.06)}.cart-total{margin-top:14px;padding-top:12px;border-top:3px solid var(--paper-3);display:flex;flex-direction:column;gap:5px}.cart-total-row{display:flex;justify-content:space-between;font-weight:800;font-size:14px;color:var(--ink-soft)}.cart-total-row strong{color:var(--blue);font-weight:1000}.cart-total-row.big{font-size:16px;color:var(--ink);margin-top:3px}@media (max-width: 860px){.wish-layout{grid-template-columns:1fr}.wish-cart{position:static;order:-1;max-height:none}.cart-items{overflow:visible}}.group-toggle{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:11px 16px;border:4px solid var(--ink);border-radius:14px;background:#fff;box-shadow:var(--chunk);font-size:16px;font-weight:1000;color:var(--ink);text-align:left}.group-toggle .chevron{font-size:12px;transition:transform .18s ease;color:var(--ink-soft)}.group-toggle .chevron.open{transform:rotate(90deg)}.group-toggle-title{flex:1}.group-count{background:var(--pink);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:1000}.wish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.wish-card{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--fam) 8%,#ffffff));border:4px solid var(--ink);border-radius:16px;padding:14px 12px;box-shadow:var(--shadow-card)}.wish-card.sel{border-color:var(--fam);box-shadow:var(--shadow-card),0 0 0 4px color-mix(in srgb,var(--fam) 45%,transparent)}.wish-art{width:92px;height:92px;display:grid;place-items:center;background:#fff;border:4px solid var(--ink);border-radius:14px;box-shadow:var(--chunk)}.wish-art img{image-rendering:pixelated}.wish-name{font-size:17px;font-weight:1000}.wish-pair{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.wish-cost{font-size:11px;font-weight:800;color:var(--ink-soft)}.wish-add{margin-top:4px;padding:8px 16px;font-size:13px;background:var(--yellow)}.qty{display:flex;align-items:center;gap:0;margin-top:4px;border:3px solid var(--ink);border-radius:12px;overflow:hidden;box-shadow:var(--chunk)}.qty button{border:0;border-radius:0;box-shadow:none;background:#fff;padding:6px 14px;font-size:18px}.qty button:hover:not(:disabled){background:var(--paper-2)}.qty span{min-width:40px;text-align:center;font-weight:1000;font-size:16px;border-left:3px solid var(--ink);border-right:3px solid var(--ink);padding:6px 0}.selector{margin-top:0;background:linear-gradient(180deg,#ffffff,var(--paper-2))}.selector-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.selector-head h2{margin:0;font-size:20px;font-weight:1000}.fam-group{margin-top:14px}.fam-group-title{font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:9px}.fam-btns{display:flex;flex-wrap:wrap;gap:8px}.fam-btn{position:relative;display:flex;align-items:center;gap:9px;padding:8px 13px;border:3px solid var(--ink);border-radius:12px;background:#fff;box-shadow:var(--chunk)}.fam-btn-swatch{width:18px;height:18px;border-radius:5px;border:2px solid var(--ink);background:var(--fam);flex:0 0 auto}.fam-btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.fam-btn-t4{font-size:13px;font-weight:1000}.fam-btn-sub{font-size:10px;font-weight:800;color:var(--ink-soft)}.fam-btn.active{background:var(--fam)}.fam-btn.active .fam-btn-sub{color:#00000080}.fam-btn-hint{position:absolute;right:-7px;top:-7px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;background:var(--good);color:#fff;border:2px solid #fff;border-radius:999px;font-size:10px;font-weight:1000;box-shadow:var(--shadow-card)}.tree-title{display:flex;align-items:baseline;gap:12px;margin:28px 0 8px;flex-wrap:wrap}.tree-title h2{margin:0;font-size:26px;font-weight:1000;color:#fff;text-shadow:0 2px 0 rgba(7,72,130,.4)}.tree-title .muted{color:#eaf7ff}.tree-dot{width:22px;height:22px;border-radius:7px;border:4px solid var(--ink);align-self:center}.tree-wrap{margin-top:8px}.tree{background:linear-gradient(180deg,#ffffff,var(--paper-2));border:4px solid var(--ink);border-radius:var(--r);padding:24px 18px 30px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;overflow-x:auto}.tier{position:relative;display:flex;justify-content:center;gap:18px}.tier+.tier{margin-top:44px}.tier+.tier:before{content:"";position:absolute;left:50%;top:-44px;width:4px;height:22px;background:var(--ink);transform:translate(-50%);border-radius:2px}.tier+.tier .tier-cell{position:relative}.tier+.tier .tier-cell:before{content:"";position:absolute;left:50%;top:-22px;width:4px;height:22px;background:var(--ink);transform:translate(-50%);border-radius:2px}.tier+.tier .tier-cell:after{content:"";position:absolute;top:-22px;height:4px;background:var(--ink);left:-9px;right:-9px}.tier+.tier .tier-cell:first-child:after{left:50%;border-radius:2px 0 0 2px}.tier+.tier .tier-cell:last-child:after{right:50%;border-radius:0 2px 2px 0}.tier+.tier .tier-cell:only-child:after{display:none}.node{display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:0;box-shadow:none;padding:0;cursor:pointer}.node:active:not(:disabled){transform:none}.node-tier{font-size:11px;font-weight:1000;color:var(--ink-soft)}.node-frame{position:relative;width:86px;height:86px;display:grid;place-items:center;background:#fff;border:4px solid var(--ink);border-radius:14px;box-shadow:var(--chunk),var(--shadow-card);transition:transform .08s ease}.node:hover .node-frame{transform:translateY(-3px)}.node.active .node-frame{outline:4px solid var(--fam);outline-offset:2px}.node-art{image-rendering:pixelated;width:72px;height:72px}.node-name{font-size:13px;font-weight:1000;color:var(--ink)}.node-count{position:absolute;left:5px;top:5px;background:var(--blue);color:#fff;border:2px solid #fff;border-radius:999px;padding:0 6px;font-size:11px;font-weight:1000;box-shadow:var(--shadow-card);z-index:2}.node-odds{position:absolute;right:5px;top:5px;background:#fff;color:var(--blue);border:2px solid var(--ink);border-radius:999px;padding:0 6px;font-size:10px;font-weight:1000;box-shadow:0 2px 5px #07488240;z-index:2}.node-odds.slot{color:var(--ink-soft);min-width:20px;padding:0;text-align:center}.detail-odds{font-size:12.5px;font-weight:800;color:var(--ink-soft)}.detail-odds strong{color:var(--blue)}.node.todo .node-art{filter:grayscale(.5) opacity(.82)}.node.ready .node-frame{border-color:var(--good);box-shadow:var(--chunk),0 0 0 3px color-mix(in srgb,var(--good) 45%,transparent)}.node.owned .node-frame{border-color:var(--blue)}.node-detail{margin-top:16px;display:flex;gap:18px;align-items:stretch;border-color:var(--fam);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--fam) 9%,#ffffff))}.detail-art{flex:0 0 auto;width:148px;display:grid;place-items:center;background:#fff;border:4px solid var(--ink);border-radius:14px;box-shadow:var(--chunk)}.detail-art img{image-rendering:pixelated}.detail-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:13px}.detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.detail-name{font-size:23px;font-weight:1000}.detail-owned{text-align:center;border:3px solid var(--ink);border-radius:12px;padding:6px 14px;background:#fff;flex:0 0 auto}.detail-owned span{display:block;font-size:26px;font-weight:1000;color:var(--ink-soft);line-height:1}.detail-owned.has span{color:var(--blue)}.detail-owned small{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--ink-soft)}.detail-recipe{font-weight:800;color:var(--ink);display:flex;flex-direction:column;gap:5px}.detail-missing{display:flex;flex-direction:column;gap:8px}@media (max-width: 620px){.node-detail{flex-direction:column;align-items:center;text-align:center}.detail-head{flex-direction:column;align-items:center}}