/* Collector's-room finish: illuminated controls, quiet arena lines, authentic slabs. */
.rail{background:linear-gradient(175deg,#1d3448 0%,#122330 45%,#111e2a 100%);color:#f4f5ee;border-right:1px solid #3e5364;box-shadow:6px 0 28px #14233512}
.rail-brand{color:#fffbed;text-shadow:0 0 18px #72bdff45}.rail-brand span{color:#ff6b58;text-shadow:0 0 15px #ff68527a}
.rail nav a{border:1px solid #688ca04f;background:linear-gradient(145deg,#354b5d80,#1e334760);box-shadow:inset 0 1px 0 #b3e5ff26,0 0 12px #6bb9e90c;color:#dfeff6;transition:background .2s,box-shadow .2s,border-color .2s,transform .2s}
.rail nav a .icon{filter:drop-shadow(0 0 5px #91caff80)}
.rail nav a:hover,.rail nav a:focus-visible{background:linear-gradient(145deg,#3c6380,#263f56);border-color:#8ad5ff;box-shadow:inset 0 1px 0 #d0f4ff70,0 0 18px #60bdff42;transform:translateY(-1px)}
.rail nav a.active{color:white;background:linear-gradient(145deg,#fa6550,#db3b2e);border-color:#ff9c83;box-shadow:inset 0 1px 0 #ffd3b8b0,0 4px 0 #8d2f2a,0 0 22px #fb644647}
.rail nav a.active .icon{filter:drop-shadow(0 0 5px #ffb797b0)}
.rail-bottom>span{color:#b9c8d2}.rail-bottom button{filter:drop-shadow(0 0 9px #c8e7ff40)}
.site-body{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 12%,#bbd7e32e,transparent 40%),radial-gradient(ellipse at 8% 76%,#f2c9ac20,transparent 40%),var(--paper)}
.site-body:before{content:"";position:absolute;inset:128px 0 0;z-index:-1;pointer-events:none;background-image:radial-gradient(#6c879329 .75px,transparent .9px);background-size:22px 22px;mask-image:linear-gradient(135deg,transparent 5%,#000 42%,transparent 90%)}
.site-body:after{content:"";position:absolute;top:240px;right:0;width:600px;height:600px;border:1px solid #597e9720;border-radius:50%;box-shadow:0 0 0 55px #597e9705,0 0 0 56px #597e9710,0 0 0 115px #df453505,0 0 0 116px #df453510;z-index:-1;pointer-events:none;clip-path:inset(-120px 0 -120px -120px)}
.topbar{background:#fffdf5cc}.preview-strip{background:#ece7d9e6}.wallet-button{box-shadow:inset 0 1px 0 #afcfdd30,0 3px 8px #1223301c}
main[data-route=collection] .page-head{position:relative;min-height:220px;align-items:center;margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid #47667626}
main[data-route=collection] .page-head>div:first-child{position:relative;z-index:2}
main[data-route=collection] .page-head h1{font-size:clamp(48px,4.6vw,68px)}
.collection-art{width:290px;height:225px;position:relative;flex-shrink:0;margin-right:40px;pointer-events:none}
.collection-art:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#bbd8e960 0%,#bbd8e912 55%,transparent 70%)}
.collection-art img{position:absolute;width:200px;right:18px;bottom:9px;filter:drop-shadow(0 12px 15px #27485818);animation:bob 6s ease-in-out infinite}
.art-ball{position:absolute;width:190px;height:190px;border:2px solid #bf49323d;border-radius:50%;left:2px;top:15px;transform:rotate(-25deg);background:linear-gradient(transparent 48%,#bf493226 48% 50%,transparent 50%)}
.art-ball:before{content:"";position:absolute;width:54px;height:54px;border:2px solid #bf493240;background:var(--paper);border-radius:50%;left:65px;top:65px}
.orbit-line{position:absolute;inset:5px -4px 6px -5px;border:1px dashed #5a86a34a;border-radius:50%;transform:rotate(-30deg)}
.collection-art i,.collection-art b{position:absolute;font-style:normal;font-size:35px;line-height:1;color:#d2523a;font-weight:400;left:0;top:36px}.collection-art b{left:auto;top:auto;right:9px;bottom:35px;font-size:28px;color:#527d9c}
.collection-status{display:flex;align-items:center;gap:9px;font-size:12px;color:#526778;min-height:27px}.status-dot{width:7px;height:7px;background:#537d99;border-radius:50%;box-shadow:0 0 0 4px #537d9914;flex-shrink:0}
.toolbar{margin:20px 0 24px}.tabs{background:#e9e4d9;border:1px solid #d9d3c7}.tabs button[aria-selected=true]{box-shadow:0 2px 4px #12233014;border-bottom:2px solid var(--red)}
.search{box-shadow:0 2px 7px #16314306}.card-grid{gap:23px 18px}
.slab-card{background:#fffdf8;border:1px solid #b7bebd;padding:0;border-radius:12px;box-shadow:0 3px 0 #2939451c,0 9px 20px #182d3910;overflow:hidden;transition:transform .2s,box-shadow .2s}
.slab-stage{display:block;position:relative;width:100%;padding:14px 15px;background:radial-gradient(ellipse at 50% 35%,#e2e9e9,#d1dcdf);border:0;border-bottom:1px solid #bdc7ca;aspect-ratio:0.76;overflow:hidden;text-align:center}
.slab-stage:after{content:"";pointer-events:none;position:absolute;inset:0;border:5px solid #ffffff40;border-bottom:0}
.slab-stage img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 7px 6px #152b353b);border-radius:4px}
.slab-stage:focus-visible{outline-offset:-4px;outline:3px solid var(--blue);z-index:1}
.inspect-hint{position:absolute;bottom:12px;right:12px;border:1px solid #ffffff70;border-radius:20px;background:#192c3ad9;color:white;font-size:11px;padding:4px 9px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}
.slab-stage:hover .inspect-hint,.slab-stage:focus-visible .inspect-hint{opacity:1;transform:none}
.slab-caption{padding:13px 13px 12px}.slab-heading{display:flex;align-items:start;gap:8px;justify-content:space-between}.slab-heading h3{font-size:24px;line-height:1.04;overflow-wrap:anywhere}.grade-badge{font-size:10px;line-height:1.5;flex-shrink:0;white-space:nowrap;border:1px solid #d4c4ab;background:#f7edd6;border-radius:4px;padding:2px 5px;font-weight:700;color:#654e2c}.slab-caption p{font-size:11px;margin:7px 0;color:#697278;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-label{font-size:10px;color:#456177;display:flex;align-items:center;gap:5px;letter-spacing:.03em}.source-label i{width:5px;height:5px;background:#608dac;border-radius:50%}
.card-select{background:#fffdf4;border-color:#b7c3ca;box-shadow:0 2px 0 #24384714;min-height:43px;color:#233b4f}.card-select:hover{border-color:var(--red);background:#ffebe2}.card-select[aria-pressed=true]{background:linear-gradient(120deg,#2c4356,#1d3040);border-color:#557d97;box-shadow:inset 0 1px 0 #8db3cf36,0 0 10px #517f9c18}
.team-panel{background:linear-gradient(145deg,#fffdf7,#f2eee4);border-top:4px solid var(--red)!important;padding:23px 22px}.team-panel h2{font-size:33px}.team-slot{background:#fffef9;border:1px solid #d2d1c5;box-shadow:0 2px 3px #192d3605;min-height:95px}.team-slot img{width:46px;height:73px;border-radius:3px;filter:drop-shadow(0 2px 2px #14233333)}.team-slot strong{font-size:13px}.team-slot small{display:block;margin-top:4px}
.hero-fan .slab-card{padding:0;border:1px solid #40515c;box-shadow:0 8px 22px #13283735}.hero-fan .slab-stage{padding:6px;aspect-ratio:.65;background:#d9dfe0}.hero-fan .slab-caption{display:none}.hero-fan .slab-stage:after{border:0}.hero-fan .slab-stage img{filter:none}.hero-fan{height:325px;bottom:-8px;right:-20px}
.lineup a{background:#f1ede2cc}.lineup img{width:46px;height:72px}.lineup strong{line-height:1.3;display:block}.fighter>img{height:270px;animation:none;filter:drop-shadow(0 9px 8px #172b3340)}.fighter h2{font-size:29px}.bench button{width:62px;background:#fffdf2b5}.bench img{height:70px}.battle-stage{background:radial-gradient(ellipse at 20% 50%,#f1ddc559,transparent 50%),linear-gradient(115deg,#ece6da 50%,#dce7ed 50%)}
.reward .slab-card{max-width:220px;margin:18px auto}.reward .slab-caption{text-align:left}.reward .slab-stage img{width:100%;height:100%}.pool-list img{object-fit:contain;border-radius:3px}
dialog:has(.card-inspector){max-width:900px;width:calc(100% - 40px);padding:30px}.card-inspector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.inspect-visual{background:radial-gradient(ellipse,#dfe7e8,#d0dce1);border:1px solid #b8c7cc;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:18px}.inspect-visual>img{height:440px;max-height:57vh;width:100%;object-fit:contain;filter:drop-shadow(0 7px 7px #14273435)}.inspect-visual .button{background:#fffdf4;font-size:12px;min-height:40px}.inspect-copy h2{font-size:39px;margin:13px 0}.inspect-copy>p{font-size:13px;line-height:1.6}.inspect-copy dl{margin:20px 0;font-size:13px;border-top:1px solid var(--line)}.inspect-copy dl>div{padding:10px 0;border-bottom:1px solid var(--line)}.inspect-copy dt{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#677682}.inspect-copy dd{margin:3px 0 0;font-weight:500}.mint-address{font-family:monospace;font-size:11px;overflow-wrap:anywhere}.inspect-copy .machine-note{margin-top:15px;font-size:11px}.game-stats-note{border-top:1px dashed #c8c2b5;padding-top:12px;margin-top:14px;color:#546b80!important;font-size:11px!important}
@media(max-width:1100px){.collection-art{margin-right:0;width:220px}.collection-art img{width:175px;right:0}.art-ball{width:175px;height:175px}.art-ball:before{left:58px;top:58px}.collection-layout{grid-template-columns:minmax(0,1fr) 250px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slab-stage{aspect-ratio:.8}.grade-badge{font-size:10px}}
@media(max-width:900px){.collection-layout{grid-template-columns:1fr}.team-panel{grid-row:auto}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.rail{background:linear-gradient(150deg,#203a4b,#101e2b);border-top:1px solid #4b6475;box-shadow:0 -5px 25px #162b3926}.rail nav{gap:6px}.rail nav a{border-radius:9px;min-height:60px;font-size:10px}.rail nav a.active{box-shadow:inset 0 1px 0 #ffd3b8b0,0 0 13px #fb64463d}.site-body:after{width:260px;height:260px;top:380px}.site-body:before{inset:130px 0 0}.collection-art{width:100px;height:145px;position:absolute;right:0;top:10px;opacity:.35}.collection-art img{width:105px;bottom:8px;right:-4px}.art-ball{width:120px;height:120px;left:-4px;top:10px}.art-ball:before{width:35px;height:35px;top:40px;left:40px}.orbit-line{inset:0 -4px 5px -7px}.collection-art i,.collection-art b{font-size:22px}.collection-art b{right:-4px;bottom:5px}main[data-route=collection] .page-head{min-height:176px;margin:0 0 13px;padding:7px 0 20px}main[data-route=collection] .page-head h1{font-size:47px;max-width:290px}.page-head .eyebrow{font-size:10px}.page-head p{font-size:14px;max-width:260px!important}.collection-status{font-size:10px;line-height:1.5;align-items:flex-start}.status-dot{margin-top:4px}.toolbar{gap:12px}.collection-layout{display:flex;flex-direction:column}.card-grid{width:100%;gap:17px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-wrap .slab-stage{padding:8px;aspect-ratio:.7}.slab-caption{padding:10px}.slab-heading{display:block}.slab-heading h3{font-size:22px}.grade-badge{display:inline-block;margin-top:6px;font-size:10px}.slab-caption p{font-size:10px;max-width:140px}.source-label{font-size:9px}.inspect-hint{display:none}.card-select{font-size:11px;min-height:43px;padding:8px 4px}.team-panel{width:100%;position:static}.team-slots{grid-template-columns:1fr}.team-slot{min-height:80px}.hero-fan{right:-20px;bottom:-14px}.lineup img{width:40px;height:64px}.fighter>img{height:170px}.fighter h2{font-size:23px}.bench{gap:5px}.bench button{width:46px}.bench img{height:51px}dialog:has(.card-inspector){padding:24px 18px;width:calc(100% - 24px)}.card-inspector{grid-template-columns:1fr;gap:20px}.inspect-visual{padding:15px}.inspect-visual>img{height:315px;max-height:none}.inspect-copy h2{font-size:35px}.inspect-copy .button{width:100%}}
@media(prefers-reduced-motion:reduce){.collection-art img{animation:none}.rail nav a,.slab-card,.inspect-hint{transition:none}}

.card-wrap{display:flex;flex-direction:column}.card-wrap .slab-card{display:flex;flex-direction:column;flex:1}.card-wrap .slab-stage{flex-shrink:0}.card-wrap .slab-caption{flex:1}

.slab-caption p{font-size:12px}.source-label{font-size:11px}.grade-badge{font-size:11px}.collection-status{font-size:12px}
@media(max-width:700px){main[data-route=collection] .page-head{overflow:clip}.slab-caption p{font-size:11px}.source-label{font-size:10px}.grade-badge{font-size:11px}.collection-status{font-size:11px}}