/* /collectors v2: funky + readable, borrowing mondomonkey.com (green courier, gold hover, green letter boxes, gold disc with
   green rim, mondoback banner, big chimp head, collage stickers, railway clock, flip-on-hover images). On top of site.css (fonts, NMath fallback). */
:root{--g:#2f7d31;--g2:#1b5e20;--g3:#0f3d12;--gold:#ffd700;--pom:#e8473f;--avo:#8bc34a;--cali:#f7931e;--leaf:#e4d12a;--sky:#2f5fa8;--cream:#fffbea;--ink:#111}
body.colpage{background:var(--g) radial-gradient(circle at 20% 20%,rgba(255,215,0,.10) 0 2px,transparent 3px) 0 0/26px 26px;color:var(--ink);font:700 16px/1.5 var(--mono)}
.colpage a{color:var(--g2);text-decoration:none;border-bottom:3px solid var(--gold)}
.colpage a:hover{color:#b8860b;border-bottom-color:var(--g2)}
/* ---------- header: mondoback banner + big chimp head + green letter boxes ---------- */
.mhead{position:relative;overflow:hidden;background:var(--g3) url(/collectors/img/mondoback.webp) center/cover;border-bottom:8px solid var(--gold);box-shadow:0 6px 0 var(--g3)}
.mhead::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,61,18,.25),rgba(15,61,18,.55));pointer-events:none}
.mhead .did{position:relative;z-index:2;background:rgba(0,0,0,.7);color:#5dff5d;font:700 12px/1.3 var(--mono);padding:5px 10px;word-break:break-all;text-transform:none}
.mhead-in{position:relative;z-index:2;max-width:1150px;margin:0 auto;padding:18px 16px 26px;display:flex;align-items:center;gap:18px}
.mhead .head{width:clamp(130px,22vw,250px);height:auto;flex:none;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.55));animation:bob 4s ease-in-out infinite;transform-origin:50% 90%}
.mhead .head:hover{transform:scaleX(-1)}
.htxt{flex:1;min-width:0}
.kicker{display:inline-block;background:var(--ink);color:var(--gold);font:400 clamp(12px,1.6vw,15px)/1.2 var(--display);padding:6px 12px;border:3px solid var(--gold);border-radius:999px;transform:rotate(-2deg);letter-spacing:1px}
.boxes{margin:12px 0 10px;font:400 clamp(24px,4vw,46px)/1 var(--display);letter-spacing:0;display:flex;flex-wrap:wrap;gap:12px 22px}
.boxes .w{display:inline-flex;gap:5px;flex-wrap:nowrap}
.boxes i{font-style:normal;display:inline-grid;place-items:center;min-width:1.05em;height:1.2em;padding:0 .08em;background:var(--g2);color:#fff;border:3px solid #000;box-shadow:4px 4px 0 #000;transform:rotate(var(--r,0deg))}
.boxes i:nth-child(3n+1){--r:-4deg}.boxes i:nth-child(3n+2){--r:3deg;background:var(--g)}.boxes i:nth-child(5n){--r:-2deg;background:var(--pom)}.boxes i:nth-child(7n){background:var(--sky)}
.boxes .w:hover i{animation:jig .5s ease-in-out}
.thanks{display:inline-block;margin:6px 0 0;background:var(--gold);color:var(--ink);font:400 clamp(13px,1.9vw,19px)/1.25 var(--display);padding:8px 14px;border:4px solid #000;box-shadow:5px 5px 0 #000;transform:rotate(1deg);letter-spacing:.5px}
.polas{flex:none;position:relative;width:220px;height:220px}
.polas img{position:absolute;width:132px;height:auto;background:#fff;padding:6px 6px 18px;border:3px solid #000;box-shadow:5px 5px 0 rgba(0,0,0,.6);transition:transform .25s}
.polas img:nth-child(1){left:0;top:10px;transform:rotate(-9deg)}.polas img:nth-child(2){left:90px;top:0;transform:rotate(7deg)}.polas img:nth-child(3){left:50px;top:80px;transform:rotate(-2deg)}
.polas img:hover{transform:rotate(0) scale(1.12) scaleX(-1);z-index:3}
.stk{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.5))}
.stk.pom{width:86px;right:2%;top:34px;animation:bob 5s ease-in-out infinite}.stk.avo{width:78px;right:22%;bottom:-14px;transform:rotate(18deg)}
.stk.leaf{width:80px;left:24%;bottom:-18px;transform:rotate(-12deg);opacity:.95}.stk.cali{width:54px;left:2%;bottom:8px;transform:rotate(-8deg)}
.stk.clock{width:96px;height:96px;right:12%;top:26px;border-radius:50%}
/* ---------- intro + stats ---------- */
.colmain{max-width:1150px;margin:0 auto;padding:30px 14px 30px}
.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;grid-auto-flow:row dense;margin:0 0 24px}
.st{position:relative;color:var(--ink);border:4px solid #000;border-radius:14px;box-shadow:6px 6px 0 #000;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0;transform:rotate(var(--t,0deg));transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.st:hover{transform:rotate(0) translateY(-4px) scale(1.02)}
.st:nth-child(6n+1){background:var(--gold);--t:-1.2deg}.st:nth-child(6n+2){background:var(--avo);--t:1deg}.st:nth-child(6n+3){background:#ff8a80;--t:-.8deg}
.st:nth-child(6n+4){background:#8fd3ff;--t:1.2deg}.st:nth-child(6n+5){background:var(--cali);--t:-1deg}.st:nth-child(6n+6){background:var(--leaf);--t:.8deg}
.st.wide{grid-column:span 2}
.st i{font:400 13px/1 var(--display);font-style:normal;letter-spacing:1px;background:#000;color:#fff;align-self:flex-start;padding:5px 8px;border-radius:6px}
.st>b,.st .big b{font:400 clamp(28px,2.7vw,40px)/1 var(--display);text-shadow:3px 3px 0 rgba(255,255,255,.55)}
.st .big{font:400 20px/1 var(--display)}
.st small{font:700 13px/1.35 var(--mono);text-transform:uppercase;color:#1a1a1a}
.st small a{color:#0b3d91;border-bottom-color:#000}
.st .sr{display:flex;gap:10px;align-items:center;color:var(--ink);border:0;font:400 14px/1.2 var(--display);min-width:0}
.st .sr span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.st .sr img{flex:none;width:64px;height:48px;object-fit:cover;border:3px solid #000;border-radius:6px;background:#111;transition:transform .25s}
.st .sr:hover img{transform:scaleX(-1) scale(1.1)}
/* top-3 fans: a hand of 3 sticker cards, #1 centre/on top; hover lifts + straightens */
.st.fanst{grid-column:span 2}
.fan{position:relative;height:150px;margin:4px 0 2px}
.fc{position:absolute;left:50%;top:18px;width:132px;height:99px;margin-left:-66px;border:0;border-radius:10px;background:#fff;padding:4px;box-shadow:5px 5px 0 #000;outline:3px solid #000;
 transition:transform .25s cubic-bezier(.3,1.6,.5,1),z-index 0s;transform-origin:50% 120%}
.fc img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;background:#111}
.fc em{position:absolute;top:-10px;left:-10px;font:400 13px/1 var(--display);font-style:normal;background:#000;color:var(--gold);border:2px solid var(--gold);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}
.fc.f2 em{left:auto;right:-10px}
.fc.f0{z-index:3;transform:translateY(-8px)}
.fc.f1{z-index:2;transform:translateX(-82px) rotate(-10deg)}
.fc.f2{z-index:1;transform:translateX(82px) rotate(10deg)}
.fc:hover,.fc:focus-visible{z-index:5;transform:translateY(-20px) rotate(0) scale(1.08)}
.fc.f1:hover,.fc.f1:focus-visible{transform:translateX(-82px) translateY(-20px) rotate(0) scale(1.08)}
.fc.f2:hover,.fc.f2:focus-visible{transform:translateX(82px) translateY(-20px) rotate(0) scale(1.08)}
.fl{list-style:none;margin:0;padding:0;display:grid;gap:5px;font:700 12px/1.35 var(--mono);text-transform:uppercase}
.fl li{min-width:0;overflow-wrap:anywhere}
.fl b{font:400 13px/1 var(--display);background:#000;color:#fff;border-radius:5px;padding:2px 5px}
.fl a{color:#0b3d91;border-bottom:2px solid #000}.fl>li>a:first-of-type{color:var(--ink);font-family:var(--display);font-weight:400;font-size:13px;border:0}
.fl .px{font-family:var(--display);font-weight:400;background:var(--gold);border:2px solid #000;border-radius:5px;padding:0 4px}
@media (max-width:860px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.st.fanst{grid-column:1/-1}}
/* ---------- tools: gold discs with a green rim (the homepage game circle) ---------- */
.coltools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:10px 0 6px}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tabs button{font:400 15px/1 var(--display);padding:12px 16px;background:#fff;color:var(--ink);border:4px solid var(--g2);box-shadow:4px 4px 0 #000;border-radius:999px;cursor:pointer;transition:transform .15s cubic-bezier(.3,1.6,.5,1)}
.tabs button:hover{transform:translateY(-3px) rotate(-2deg)}
.tabs button[aria-selected="true"]{background:var(--gold);border-color:#000;transform:rotate(-2deg) scale(1.06);box-shadow:4px 4px 0 var(--g3)}
#q{flex:1 1 240px;max-width:380px;font:700 16px/1.2 var(--mono);text-transform:uppercase;padding:12px 16px;border:4px solid #000;border-radius:999px;box-shadow:4px 4px 0 var(--g3);background:var(--cream)}
.upd{margin:8px 4px 16px;color:#fff;font:700 14px/1.3 var(--mono);text-transform:uppercase;text-shadow:2px 2px 0 #000}
/* ---------- leaderboard: sticker cards ---------- */
.lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.col{background:var(--cream);color:var(--ink);border:5px solid #000;border-radius:16px;box-shadow:7px 7px 0 var(--g3);padding:14px 16px;will-change:transform;transition:box-shadow .2s}
.col{position:relative}.col:hover,.col:focus-within{z-index:20}
.col:nth-child(odd){rotate:-.35deg}.col:nth-child(even){rotate:.35deg}
.col:hover{rotate:0deg;box-shadow:10px 10px 0 var(--g3)}
.col.gold{background:linear-gradient(135deg,#fff6b0,#ffd700);box-shadow:7px 7px 0 #7a5b00}
.col.silver{background:linear-gradient(135deg,#ffffff,#cfd6dc)}.col.bronze{background:linear-gradient(135deg,#ffe8d2,#e2a36b)}
.col .ch{display:flex;gap:14px;align-items:center}
.col .rank{position:relative;flex:none;width:66px;height:66px;display:grid;place-items:center;font:400 22px/1 var(--display);border-radius:50%;background:#fff;color:var(--g2);border:6px solid var(--g);box-shadow:3px 3px 0 #000}
.col .rank.gold{background:var(--gold);color:#000;border-color:var(--g2);width:76px;height:76px;font-size:26px}
.col .rank.silver{background:#dfe5ea;color:#000;border-color:var(--g2)}.col .rank.bronze{background:#d9904a;color:#000;border-color:var(--g2)}
.col .rank.gold::before{content:"👑";position:absolute;transform:translate(0,-38px) rotate(-12deg);font-size:24px}
.col .av{flex:none;width:62px;height:62px;border-radius:50%;object-fit:cover;border:4px solid #000;background:var(--gold);display:grid;place-items:center;font-size:32px;transition:transform .3s}
.col:hover .av{transform:rotate(-10deg) scale(1.05)}
.col .who{flex:1;min-width:0}
.col .nm{display:block;font:400 clamp(20px,3.2vw,32px)/1.1 var(--display);color:var(--ink);border:0;text-transform:uppercase;overflow-wrap:anywhere;letter-spacing:.5px}
.col a.nm:hover{color:var(--g2);text-decoration:underline wavy var(--gold) 3px}
.col .sub{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;font:700 14px/1.2 var(--mono);text-transform:uppercase}
.col .sub a{display:inline-flex;gap:5px;align-items:center;color:#0b3d91}
.col .new{font:400 12px/1 var(--display);padding:6px 9px;background:var(--pom);color:#fff;border:3px solid #000;border-radius:6px;transform:rotate(-6deg);box-shadow:2px 2px 0 #000;animation:wig 2.4s ease-in-out infinite}
.col .mv{font:400 13px/1 var(--display);padding:4px 7px;border-radius:6px;border:3px solid #000}.col .mv.up{background:#9cff6a}.col .mv.down{background:#ffb3b3}
.col .cnt{flex:none;text-align:center;background:#000;color:var(--gold);border-radius:12px;padding:8px 12px;transform:rotate(2deg);box-shadow:3px 3px 0 var(--g)}
.col .cnt b{display:block;font:400 clamp(26px,4vw,40px)/1 var(--display)}.col .cnt span{font:400 11px/1 var(--display);letter-spacing:1px;color:#fff}
.col .thumbs{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.col .thumbs a{display:block;line-height:0;border:0;position:relative;z-index:1}
.col .thumbs img{width:72px;height:54px;object-fit:cover;border:3px solid #000;border-radius:6px;background:#111;transform-origin:var(--ox,50%) var(--oy,50%);transition:transform .22s cubic-bezier(.3,1.4,.5,1),box-shadow .22s,border-width .22s;will-change:transform}
/* zoom-pop: ~2.8x, above neighbours, sticker border; origin nudged by JS so it stays in the viewport; touch taps go straight to MintGarden */
.col .thumbs a:focus-visible{z-index:30;outline:0}
.col .thumbs a:focus-visible img{transform:scale(2.8);border-width:1.5px;border-color:#fff;box-shadow:0 0 0 1.5px #000,3px 3px 0 1.5px #000;position:relative}
@media (hover:hover){.col .thumbs a:hover{z-index:30}.col .thumbs a:hover img{transform:scale(2.8);border-width:1.5px;border-color:#fff;box-shadow:0 0 0 1.5px #000,3px 3px 0 1.5px #000}}
.col .showall{font:400 13px/1 var(--display);padding:8px 12px;background:var(--gold);color:#000;border:3px solid #000;border-radius:999px;box-shadow:3px 3px 0 #000;cursor:pointer}
.more{text-align:center;padding:22px;color:#fff;font:400 16px/1.2 var(--display);text-shadow:2px 2px 0 #000}
.back{text-align:center;font:400 16px/1 var(--display)}.back a{color:#fff;border-bottom-color:var(--gold)}
/* ---------- footer: green letter boxes like the homepage ---------- */
.mfoot{background:#000;border-top:8px solid var(--gold);margin-top:24px;padding:24px 14px 34px;text-align:center;color:#5dff5d}
.mfoot .boxes{justify-content:center;font-size:clamp(18px,3vw,26px);margin:0 0 12px}
.mfoot .links{font:700 15px/1.6 var(--mono);text-transform:uppercase}.mfoot .links a{color:#5dff5d;border-bottom-color:var(--g)}.mfoot .links a:hover{color:var(--gold)}.mfoot .links span{color:var(--gold)}
.mfoot .bb{font:400 14px/1.3 var(--display);color:var(--avo)}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes jig{0%,100%{rotate:0deg}25%{rotate:-8deg}75%{rotate:8deg}}
@keyframes wig{0%,90%,100%{rotate:0deg}93%{rotate:-8deg}96%{rotate:8deg}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.stk.clock{display:none}}
@media (max-width:860px){.polas{display:none}.stk.leaf{left:auto;right:6%;top:auto;bottom:6px;width:60px}.stk.clock{width:64px;height:64px;right:4%;top:8px}.stk.pom{display:none}.stk.avo{width:56px;right:18%}}
@media (max-width:600px){
 .mhead-in{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 12px 22px}
 .mhead .head{width:120px;position:absolute;right:6px;top:4px;opacity:.95}
 .kicker{font-size:11px}.boxes{gap:8px 12px;margin-top:10px}.boxes .w{gap:3px}.boxes i{border-width:2px;box-shadow:2px 2px 0 #000}
 .thanks{font-size:13px;padding:6px 10px}.stk.clock,.stk.cali,.stk.avo,.stk.leaf{display:none}
 .mhead .head{width:92px;top:30px}.boxes{font-size:23px;max-width:calc(100% - 90px)}
 .col .who{order:3;flex-basis:100%}.col .nm{font-size:24px}
 .stats{grid-template-columns:1fr 1fr;gap:10px}.fan{height:132px}.fc{width:112px;height:84px;margin-left:-56px}.fc.f1{transform:translateX(-70px) rotate(-10deg)}.fc.f2{transform:translateX(70px) rotate(10deg)}.fc.f1:hover{transform:translateX(-70px) translateY(-16px)}.fc.f2:hover{transform:translateX(70px) translateY(-16px)}.st{padding:9px;box-shadow:4px 4px 0 #000;border-width:3px}.st.wide{grid-column:1/-1}.st small{font-size:12px}
 .tabs{flex-wrap:nowrap;width:100%}.tabs button{flex:1;font-size:11px;padding:10px 3px;border-width:3px}
 .col{padding:12px}.col:nth-child(n){rotate:0deg}.col .ch{flex-wrap:wrap;gap:10px}.col .rank{width:52px;height:52px;font-size:17px;border-width:5px}.col .rank.gold{width:58px;height:58px;font-size:19px}
 .col .av{width:48px;height:48px}.col .cnt{margin-left:auto}.col .thumbs img{width:58px;height:44px}
}

/* ---------- entrance overlay: THANK YOU tiles + banana/monkey confetti; once per session, ?intro=1 forces it ---------- */
.introon,.introon body{overflow:hidden}
.intro2{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;cursor:pointer;outline:0;
 background:linear-gradient(rgba(15,61,18,.72),rgba(15,61,18,.86)),var(--g3) url(/collectors/img/mondoback.webp) center/cover;transition:opacity .45s,transform .45s cubic-bezier(.5,-.4,.7,1)}
.intro2.out{opacity:0;transform:scale(1.15);pointer-events:none}
.icf{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.icf i{position:absolute;top:-60px;left:var(--x);font-style:normal;font-size:calc(26px*var(--s));animation:ifall var(--t) linear var(--d) infinite;will-change:transform}
@keyframes ifall{to{transform:translateY(calc(100vh + 120px)) rotate(var(--r))}}
.ibox{position:relative;z-index:2;max-width:min(920px,100%);text-align:center;background:var(--gold);border:6px solid #000;border-radius:22px;box-shadow:12px 12px 0 #000;padding:26px 26px 18px;transform:rotate(-1.5deg);animation:ibox .7s cubic-bezier(.3,1.6,.5,1) both}
@keyframes ibox{from{transform:scale(.3) rotate(-12deg);opacity:0}}
.itiles{margin:0 0 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;font:400 clamp(44px,10vw,112px)/1 var(--display)}
.itiles .w{display:inline-flex;gap:clamp(4px,.8vw,9px)}
.itiles i{font-style:normal;display:inline-grid;place-items:center;min-width:1em;height:1.15em;padding:0 .06em;background:var(--g2);color:#fff;border:5px solid #000;box-shadow:6px 6px 0 #000;transform:rotate(var(--r,0deg));animation:itile .8s cubic-bezier(.3,1.8,.5,1) calc(.25s + var(--k)*.08s) both}
.itiles i:nth-child(3n+1){--r:-6deg}.itiles i:nth-child(3n+2){--r:4deg;background:var(--g)}.itiles i:nth-child(4n){--r:-3deg;background:var(--pom)}.itiles .w+.w i:nth-child(2){background:var(--sky)}
@keyframes itile{0%{transform:translateY(-120vh) rotate(-30deg)}60%{transform:translateY(14px) rotate(var(--r,0deg)) scale(1.08,.9)}80%{transform:translateY(-6px) rotate(var(--r,0deg))}100%{transform:rotate(var(--r,0deg))}}
.isub{margin:0 0 20px;font:400 clamp(18px,3vw,30px)/1.2 var(--display);color:#000;text-transform:uppercase}
.ibtn{font:400 clamp(18px,2.6vw,28px)/1 var(--display);text-transform:uppercase;color:#fff;background:var(--pom);border:5px solid #000;border-radius:999px;box-shadow:7px 7px 0 #000;padding:18px 30px;cursor:pointer;transition:transform .18s cubic-bezier(.3,1.8,.5,1),box-shadow .18s;animation:ibtn 1.6s ease-in-out 1.4s infinite}
.ibtn:hover,.ibtn:focus-visible{transform:translateY(-3px) rotate(-2deg) scale(1.05);box-shadow:10px 10px 0 #000;outline:4px solid #fff;outline-offset:3px}
.ibtn:active{transform:translate(4px,4px);box-shadow:3px 3px 0 #000}
@keyframes ibtn{50%{transform:scale(1.06) rotate(-1.5deg)}}
.ihint{margin:22px 0 0;font:700 12px/1 var(--mono);letter-spacing:2px;color:#3a2a00}
.iburst{position:fixed;inset:0;z-index:1001;pointer-events:none;overflow:hidden}
.iburst i{position:absolute;left:50%;top:55%;font-style:normal;font-size:calc(28px*var(--s));animation:iboom 1.6s cubic-bezier(.2,.7,.4,1) var(--d) both}
@keyframes iboom{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}70%{opacity:1}100%{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(1);opacity:0}}
@media (max-width:600px){.ibox{padding:18px 14px 14px;border-width:4px;box-shadow:7px 7px 0 #000}.itiles{gap:10px 14px}.itiles i{border-width:3px;box-shadow:3px 3px 0 #000}.ibtn{padding:15px 18px;border-width:4px;box-shadow:5px 5px 0 #000}}
@media (prefers-reduced-motion:reduce){.icf,.iburst{display:none}.intro2,.intro2.out{transition:opacity .3s!important;transform:none!important}.ibox,.itiles i,.ibtn{animation:none!important}}
/* ---------- two sections: named collectors, then wallet-only (compact) ---------- */
.lb .sechead{margin:22px 0 4px;background:var(--g3);border:5px solid #000;border-radius:16px;box-shadow:7px 7px 0 var(--gold);padding:16px 18px;transform:rotate(-.6deg);color:#fff}
.lb .sechead h2{margin:0;font:400 clamp(24px,3.6vw,40px)/1.1 var(--display);color:var(--gold);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.lb .sechead h2 span{font-size:.5em;color:#fff;background:var(--pom);border:3px solid #000;border-radius:8px;padding:4px 10px}
.lb .sechead p{margin:10px 0 0;font:700 13px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.5px;color:#d7f5c9}
.col.wallet{padding:10px 12px;border-width:4px;box-shadow:5px 5px 0 var(--g3);transform:none}
.col.wallet .ch{gap:10px}.col.wallet .rank{width:48px;height:48px;font-size:15px;border-width:4px}
.col.wallet .av{width:40px;height:40px;font-size:22px}
.col.wallet .nm{font-size:clamp(15px,2vw,19px)}.col.wallet .cnt b{font-size:24px}.col.wallet .cnt{padding:6px 10px}
.col.wallet .thumbs{gap:5px;margin-top:8px}.col.wallet .thumbs img{width:54px;height:40px;border-width:2px}
@media (max-width:600px){.col.wallet .rank{width:40px;height:40px;font-size:13px}.col.wallet .thumbs img{width:46px;height:34px}.lb .sechead{padding:12px}}
.col .rank.r3{font-size:17px;letter-spacing:-.5px}.col.wallet .rank.r3{font-size:13px}
.col.wallet .sub .muted{display:none}
@media (max-width:600px){.col .rank.r3{font-size:13px;letter-spacing:-.8px}.col.wallet .rank.r3{font-size:11px}}

/* ---------- for-sale gallery ---------- */
.forsale{margin:0 0 26px;background:var(--sky);border:5px solid #000;border-radius:18px;box-shadow:8px 8px 0 var(--g3);padding:16px 18px 20px}
.forsale.hide{display:none}
.fshead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.fshead h2{margin:0;font:400 clamp(22px,3.4vw,38px)/1.1 var(--display);color:#fff;text-shadow:3px 3px 0 #000;-webkit-text-stroke:1px #000}
.fsbtn{font:400 18px/1 var(--display);color:#000;background:var(--gold);border:4px solid #000;border-radius:999px;box-shadow:5px 5px 0 #000;padding:10px 18px;cursor:pointer;transition:transform .18s cubic-bezier(.3,1.8,.5,1)}
.fsbtn:hover,.fsbtn:focus-visible{transform:rotate(-4deg) scale(1.06);outline:3px solid #fff;outline-offset:2px}.fsbtn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #000}
.fsbtn.roll{animation:roll .5s ease-out}@keyframes roll{50%{transform:rotate(200deg) scale(1.1)}100%{transform:rotate(360deg)}}
.fssub{margin:8px 0 14px;font:700 12px/1.4 var(--mono);letter-spacing:.5px;color:#fff}
.fsrow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.fsc{transform:rotate(var(--t,0deg));transition:transform .2s cubic-bezier(.3,1.6,.5,1);position:relative;z-index:1}
.fsc:hover,.fsc:focus-within{transform:rotate(0) translateY(-4px);z-index:30}
.fsc a{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--cream);color:var(--ink);border:4px solid #000;border-radius:14px;box-shadow:5px 5px 0 #000;padding:8px;text-decoration:none}
.fsimg{display:block;line-height:0;position:relative}
.fsimg img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border:3px solid #000;border-radius:8px;background:#111;transform-origin:var(--ox,50%) var(--oy,50%);transition:transform .22s cubic-bezier(.3,1.4,.5,1),box-shadow .22s;position:relative}
@media (hover:hover){.fsc a:hover .fsimg img{transform:scale(1.9);z-index:5;border-color:#fff;box-shadow:0 0 0 3px #000,6px 6px 0 3px #000}}
.fsc a:focus-visible{outline:4px solid var(--gold);outline-offset:2px}.fsc a:focus-visible .fsimg img{transform:scale(1.9);z-index:5;border-color:#fff;box-shadow:0 0 0 3px #000,6px 6px 0 3px #000}
.fspx{align-self:flex-start;font:400 16px/1 var(--display);background:var(--gold);border:3px solid #000;border-radius:8px;padding:5px 8px;box-shadow:3px 3px 0 #000;margin-top:-22px;margin-left:6px;position:relative;z-index:2;transform:rotate(-3deg)}
.fsnm{font:400 13px/1.2 var(--display);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.fsnm em{font-style:normal;color:var(--g2)}
.fsby{font:700 11px/1.2 var(--mono);text-transform:uppercase;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:auto}
.fsby .stash{background:var(--pom);color:#fff;border:2px solid #000;border-radius:5px;padding:1px 5px}
@media (max-width:980px){.fsrow{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.forsale{padding:12px 0 14px;border-width:4px;box-shadow:5px 5px 0 var(--g3)}.fshead,.fssub{padding:0 12px}
 .fsrow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:8px 14px 12px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 .fsc{flex:0 0 62%;max-width:240px;scroll-snap-align:center}.fsc:hover{transform:rotate(var(--t,0deg))}}
@media (prefers-reduced-motion:reduce){.fsc,.fsc:hover{transform:none}.fsbtn.roll{animation:none}}

/* ---------- pop-up: Mondo head + MONDO NEWS; page ticker; music toggle ---------- */
.ibox{max-height:calc(100vh - 36px);overflow:auto}
.imondo{position:absolute;right:-70px;top:-120px;width:clamp(150px,22vw,280px);height:auto;filter:drop-shadow(6px 6px 0 #000);z-index:3;transform-origin:50% 90%;animation:mpop .9s cubic-bezier(.3,1.7,.5,1) .5s both,mwig 2.4s ease-in-out 1.6s infinite;pointer-events:none}
@keyframes mpop{from{transform:translateY(-60px) scale(.2) rotate(-40deg);opacity:0}}
@keyframes mwig{0%,100%{transform:rotate(-6deg)}25%{transform:rotate(5deg) translateY(-6px)}50%{transform:rotate(-3deg)}75%{transform:rotate(7deg) translateY(-4px) scaleX(-1)}}
.intro2{overflow:visible}.ibox{overflow:visible}
.inews{margin:16px auto 0;max-width:640px;text-align:left;background:#000;color:#fff;border:4px solid #000;border-radius:12px;box-shadow:5px 5px 0 var(--g2);padding:10px 14px;transform:rotate(.8deg)}
.inews.hide,.ticker.hide{display:none}
.inews b{font:400 16px/1 var(--display);color:var(--gold);letter-spacing:1px}
.inews ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px;font:700 12px/1.35 var(--mono);text-transform:uppercase}
.inews a{color:#9fe870;border-bottom:1px dashed #9fe870}
.ticker{display:flex;align-items:stretch;background:#000;color:#fff;border-bottom:5px solid var(--gold);overflow:hidden;font:700 13px/1 var(--mono);text-transform:uppercase}
.ticker>b{flex:none;display:grid;place-items:center;padding:10px 14px;background:var(--pom);color:#fff;font:400 14px/1 var(--display);border-right:4px solid var(--gold);z-index:1}
.tk{flex:1;overflow:hidden;display:flex;align-items:center}
.tkin{display:inline-flex;white-space:nowrap;animation:tkr var(--dur,40s) linear infinite}.ticker:hover .tkin{animation-play-state:paused}
.tkin span{padding:0 28px}.tkin a{color:var(--gold);border:0}
@keyframes tkr{to{transform:translateX(-50%)}}
.musicbtn{position:fixed;right:14px;bottom:14px;z-index:900;font:400 13px/1 var(--display);color:#000;background:var(--gold);border:4px solid #000;border-radius:999px;box-shadow:4px 4px 0 #000;padding:10px 14px;cursor:pointer}
.musicbtn[aria-pressed="false"]{background:#ddd}.musicbtn:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:600px){.imondo{width:118px;right:-14px;top:-74px}.inews{margin-top:12px;padding:8px 10px}.inews ul{font-size:11px}.inews li:nth-child(n+4){display:none}.musicbtn{right:10px;bottom:10px;padding:8px 11px;font-size:11px}}
@media (prefers-reduced-motion:reduce){.imondo{animation:none!important}.tkin{animation:none!important;white-space:normal;flex-wrap:wrap}.tkin span:nth-child(n+1){padding:4px 12px}}
/* ===== shuffles (MONDO RANDO SHUFFLE + THE COLLECTORS' SHUFFLE): sharp-edged flip-in cards, nothing written on the art ===== */
.rshuf{position:relative;z-index:1;margin:0 0 26px;background:var(--sky);border:5px solid #000;border-radius:18px;box-shadow:8px 8px 0 var(--g3);padding:16px 18px 20px}
.rshuf.rscoll{background:var(--g2)}
.rshuf.hide{display:none}
.rshead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.rshead h2{margin:0;font:400 clamp(22px,3.4vw,38px)/1.1 var(--display);color:#fff;text-shadow:3px 3px 0 #000;-webkit-text-stroke:1px #000}
.rsbtn.roll{animation:roll .5s ease-out}
.rsgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;perspective:1200px}
.rsc{position:relative;container-type:inline-size;perspective:900px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;
  animation:rsflip .42s cubic-bezier(.7,0,.3,1.6) both}
.rsc.out{animation:rsout .22s cubic-bezier(.6,-.4,1,.6) both}
@keyframes rsflip{0%{transform:rotateY(-90deg) scale(.6);opacity:0}70%{transform:rotateY(12deg) scale(1.04);opacity:1}100%{transform:none}}
@keyframes rsout{to{transform:rotateX(90deg) scale(.5);opacity:0}}
.rsimg{display:block;line-height:0;aspect-ratio:1;background:#fff;overflow:hidden}
.rsimg img{width:100%;height:100%;object-fit:contain;display:block}
.rsown{display:flex;align-items:center;gap:6px;padding:5px 6px;border-top:3px solid #000;font:700 11px/1.2 var(--mono);text-transform:uppercase;min-height:22px;overflow:hidden}
.rsown img,.rsown i{flex:0 0 22px;width:22px;height:22px;border:2px solid #000;object-fit:cover;font-style:normal;display:grid;place-items:center;font-size:13px;background:var(--gold)}
.rsown a,.rsown b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:700}
.rsown a{text-decoration:underline;text-decoration-color:var(--pom)}
.rsown a:hover{color:var(--pom)}
@media (max-width:900px){.rsgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.rsgrid[data-n="20"],.rsgrid[data-n="16"],.rsgrid[data-n="12"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 .rshuf{padding:12px 10px 14px;border-width:4px;box-shadow:5px 5px 0 var(--g3)}.rsface{border-width:3px;box-shadow:3px 3px 0 #000}.rsown{font-size:9px;padding:3px 4px;gap:4px}.rsown img,.rsown i{flex-basis:16px;width:16px;height:16px;font-size:10px}}
/* side pop-out Mondo */
.rsmondo{position:fixed;left:10px;bottom:10px;z-index:55;display:flex;align-items:flex-end;gap:6px;max-width:min(420px,92vw);pointer-events:none;animation:rsmin .45s cubic-bezier(.3,1.8,.5,1) both}
.rsmondo[hidden]{display:none}.rsmondo.out{animation:rsmout .3s ease-in both}
.rsmondo img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(4px 4px 0 #000)}
.rsmondo p,.rsq{margin:0 0 46px;background:#fff;color:#000;border:4px solid #000;box-shadow:5px 5px 0 var(--pom);padding:9px 12px;font:400 15px/1.25 var(--display);position:relative}
.rsmondo p::before{content:'';position:absolute;left:-16px;bottom:10px;border:8px solid transparent;border-right:10px solid #000}
@keyframes rsmin{0%{transform:translate(-120%,40px) rotate(-25deg)}100%{transform:none}}
@keyframes rsmout{to{transform:translate(-120%,60px) rotate(-25deg);opacity:0}}
/* background roaming Mondo (behind the content, never clickable) */
.rsbg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.colmain{position:relative;z-index:1}
.rsm{position:absolute;top:var(--y);display:flex;align-items:flex-start;gap:4px}
.rsm img{width:clamp(90px,12vw,160px);opacity:.92;filter:drop-shadow(5px 5px 0 #0008)}
.rsm.sl{left:-200px}.rsm.sr{right:-200px;flex-direction:row-reverse}
.rsq{margin:0;max-width:240px;font-size:14px}
.rsm-wander.sl{animation:rswl 11s linear both}.rsm-wander.sr{animation:rswr 11s linear both}
@keyframes rswl{0%{transform:translate(0,0) rotate(-6deg)}20%{transform:translate(20vw,-14px) rotate(6deg)}40%{transform:translate(40vw,0) rotate(-6deg)}60%{transform:translate(60vw,-14px) rotate(6deg)}80%{transform:translate(80vw,0) rotate(-6deg)}100%{transform:translate(calc(100vw + 400px),-14px) rotate(6deg)}}
@keyframes rswr{0%{transform:translate(0,0) rotate(6deg)}20%{transform:translate(-20vw,-14px) rotate(-6deg)}40%{transform:translate(-40vw,0) rotate(6deg)}60%{transform:translate(-60vw,-14px) rotate(-6deg)}80%{transform:translate(-80vw,0) rotate(6deg)}100%{transform:translate(calc(-100vw - 400px),-14px) rotate(-6deg)}}
.rsm-slide.sl{animation:rssl 4.5s cubic-bezier(.6,0,.4,1) both}.rsm-slide.sr{animation:rssr 4.5s cubic-bezier(.6,0,.4,1) both}
@keyframes rssl{to{transform:translateX(calc(100vw + 400px)) rotate(720deg)}}@keyframes rssr{to{transform:translateX(calc(-100vw - 400px)) rotate(-720deg)}}
.rsm-peek.sl{animation:rspl 6.5s ease-in-out both}.rsm-peek.sr{animation:rspr 6.5s ease-in-out both}
@keyframes rspl{0%,100%{transform:translateX(0)}15%,82%{transform:translateX(190px)}}
@keyframes rspr{0%,100%{transform:translateX(0)}15%,82%{transform:translateX(-190px)}}
.rsm-peek .rsq{animation:rsqin 6.5s both}@keyframes rsqin{0%,14%{opacity:0;transform:scale(.6)}20%,80%{opacity:1;transform:none}86%,100%{opacity:0}}
.rsm-bounce.sl{animation:rsbl 7s linear both}.rsm-bounce.sr{animation:rsbr 7s linear both}
@keyframes rsbl{0%{transform:translate(0,0)}12%{transform:translate(14vw,-18vh)}25%{transform:translate(28vw,0)}37%{transform:translate(42vw,-14vh)}50%{transform:translate(56vw,0)}62%{transform:translate(70vw,-10vh)}75%{transform:translate(84vw,0)}to{transform:translate(calc(100vw + 400px),-6vh)}}
@keyframes rsbr{0%{transform:translate(0,0)}12%{transform:translate(-14vw,-18vh)}25%{transform:translate(-28vw,0)}37%{transform:translate(-42vw,-14vh)}50%{transform:translate(-56vw,0)}62%{transform:translate(-70vw,-10vh)}75%{transform:translate(-84vw,0)}to{transform:translate(calc(-100vw - 400px),-6vh)}}
.rsm-spin{left:calc(50% - 80px)!important;right:auto!important;animation:rsspin 4s cubic-bezier(.5,0,.5,1) both}
@keyframes rsspin{0%{transform:scale(0) rotate(0)}30%{transform:scale(1.3) rotate(360deg)}70%{transform:scale(1.1) rotate(720deg)}to{transform:scale(0) rotate(1080deg)}}
@media (prefers-reduced-motion:reduce){.rsbg{display:none}.rsc,.rsc.out,.rsmondo,.rsmondo.out{animation:none}}

/* v3 in-place 3D flip (same card size, no pop-out) */
.rsflip{position:relative;display:grid;transform-style:preserve-3d;transition:transform .26s cubic-bezier(.75,0,.25,1)}
.rsc.flipped .rsflip{transform:rotateY(180deg)}
.rsface{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:4px solid #000;box-shadow:5px 5px 0 #000;box-sizing:border-box;min-width:0;overflow:hidden}
.rsfront{cursor:pointer}.rsfront:focus-visible{outline:4px solid var(--gold);outline-offset:2px}
.rsback{position:absolute;inset:0;transform:rotateY(180deg);background:var(--cream);color:var(--ink);display:flex;flex-direction:column;gap:2.2cqw;padding:4.5cqw}
.rbt{font:400 clamp(9px,7.6cqw,15px)/1.12 var(--display);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere}.rbt em{font-style:normal;color:var(--g2)}
.rbd{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1.5cqw 3cqw}.rbd div{min-width:0}
.rbd dt{font:700 clamp(6px,5cqw,10px)/1.1 var(--mono);color:#555}
.rbd dd{margin:0;font:700 clamp(8px,7cqw,13px)/1.15 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rbd dd.rbe{font-size:clamp(10px,8.5cqw,17px);font-family:var(--mono),'Noto Color Emoji'}
.rbo{margin:0;display:flex;align-items:center;gap:2.5cqw;min-width:0;font:700 clamp(7px,6cqw,12px)/1.15 var(--mono);text-transform:uppercase}
.rbo img,.rbo i{flex:0 0 clamp(14px,13cqw,28px);width:clamp(14px,13cqw,28px);height:clamp(14px,13cqw,28px);border:2px solid #000;object-fit:cover;font-style:normal;display:grid;place-items:center;font-size:clamp(9px,8cqw,16px);background:var(--gold)}
.rbw{display:flex;flex-direction:column;min-width:0}.rbw small{font:700 clamp(6px,4.8cqw,10px)/1.15 var(--mono);color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rbn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}a.rbn{text-decoration:underline;text-decoration-color:var(--pom)}a.rbn:hover{color:var(--pom)}
.rbw small.rbs{color:var(--g2);white-space:normal}
.rbo .stash{background:#000;color:var(--gold);padding:1px 5px}
.rbmg{margin-top:auto;display:block;text-align:center;background:#000;color:var(--gold);font:400 clamp(9px,7.5cqw,15px)/1.1 var(--display);padding:3.2cqw 2cqw;border:3px solid #000;box-shadow:3px 3px 0 var(--pom);text-decoration:none}
.rbmg:hover{background:var(--gold);color:#000}
@container (max-width:150px){.rbd dt,.rbw>small:first-child{display:none}.rbd{gap:0 3cqw}.rbt{-webkit-line-clamp:2}.rsback{gap:1.4cqw;padding:4cqw}.rbmg{border-width:2px;box-shadow:2px 2px 0 var(--pom)}}
@container (max-width:100px){.rbt{font-size:8px;-webkit-line-clamp:1}.rbmg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rbd dd{font-size:8px}.rbd dd.rbe{font-size:9px}.rbo{font-size:7px}.rbw small{font-size:6px}.rbx{display:none}.rbmg{font-size:8px;padding:3px 1px}}
@media (prefers-reduced-motion:reduce){.rsflip{transition:none;transform:none!important}.rsback{transform:none;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}.rsfront{transition:opacity .18s}.rsc.flipped .rsback{opacity:1;visibility:visible}.rsc.flipped .rsfront{opacity:0}}

/* v4: polaroid front (same look as the /shuffle bundle cards) + number/emoji back */
.rsgrid{align-items:start}
.rsface{background:#fff;border:3px solid #000;box-shadow:4px 4px 0 #000;padding:5px 5px 0}
.rsimg{aspect-ratio:4/3;background:#111}
.rsimg img{object-fit:contain}
.rscap{margin:0;padding:4px 2px 6px;text-align:center;color:#000;font:700 clamp(8px,6cqw,12px)/1.22 var(--mono);overflow-wrap:anywhere;white-space:normal}
.rscap b{display:block;font:400 clamp(8px,6.2cqw,12px)/1.2 var(--display),var(--mono);letter-spacing:.5px}.rscap span{display:block}
.rsback{padding:0;background:#fff;display:flex;align-items:center;justify-content:center;gap:0}
.rbnum{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2cqw;padding:10cqw 6cqw 14cqw}
.rbnum small{font:700 clamp(8px,6cqw,13px)/1 var(--mono);color:#666}
.rbnum b{font:400 clamp(16px,17cqw,42px)/1 var(--display);color:#000;letter-spacing:1px}
.rbem{font-size:clamp(18px,18cqw,46px);line-height:1.1;font-family:'Noto Color Emoji',var(--mono);word-break:break-all}
.rbown{position:absolute;left:6px;bottom:6px;right:30px;margin:0;font:700 clamp(7px,5.4cqw,11px)/1.1 var(--mono);color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}
.rbown a{color:#555;text-decoration:underline;text-decoration-color:var(--pom)}.rbown a:hover{color:var(--pom)}
.rsback .rbmg{position:absolute;right:6px;bottom:6px;margin:0;width:clamp(14px,10cqw,20px);height:clamp(14px,10cqw,20px);padding:0;background:none;border:0;box-shadow:none;color:#555}
.rsback .rbmg:hover{color:var(--pom);background:none}
@container (max-width:150px){.rsface{padding:3px 3px 0;border-width:2px}.rbown{left:3px;bottom:3px}.rsback .rbmg{right:3px;bottom:3px}}
/* v6: postage-stamp dashed edge on every card (same as /shuffle); collector-owned Randos in the MONDO RANDO SHUFFLE get a small COLLECTOR tag on the back */
.rsface{border-style:dashed}
.rbtag{position:absolute;top:6px;left:50%;transform:translateX(-50%) rotate(-2deg);font:400 clamp(8px,6cqw,12px)/1 var(--display);letter-spacing:.5px;text-transform:uppercase;color:#000;background:var(--gold);border:2px solid #000;box-shadow:2px 2px 0 #000;padding:2px 6px;white-space:nowrap}
@container (max-width:150px){.rbtag{top:4px;padding:1px 4px;border-width:1.5px;box-shadow:1px 1px 0 #000}}
/* v8: every card the SAME size (same rules as /shuffle): fixed 4:3 image box, whole image contained on white, 1-line label + 2-line title */
.rsimg{aspect-ratio:4/3;background:#f5f3ec;overflow:hidden}
.rsimg img{width:100%;height:100%;object-fit:contain;object-position:center}
.rscap b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1.2em}
.rscap span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.22;height:2.44em;text-overflow:ellipsis}
/* link to the MONDO NFT HUB */
.rsbtns{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.colpage a.hublink{font:400 13px/1 var(--display);color:#000;background:#fff;border:3px solid #000;border-radius:999px;box-shadow:3px 3px 0 #000;padding:9px 13px;transition:transform .15s}
.colpage a.hublink:hover,.colpage a.hublink:focus-visible{transform:rotate(-3deg) scale(1.05);color:#000;background:var(--gold);border-bottom-color:#000}
/* flip fallback for engines that ignore backface-visibility (seen in WebKit without GPU compositing): swap face visibility at the flip midpoint */
.rsback{visibility:hidden;transition:visibility 0s .13s}.rsc.flipped .rsback{visibility:visible}
.rsfront{transition:visibility 0s .13s}.rsc.flipped .rsfront{visibility:hidden}
/* SOUND ON/OFF (card hover sounds, shared rs_sound mute) sits left of MUSIC on /collectors */
.colpage:not(.hubpage) .sndbtn{right:172px}
@media (max-width:600px){.colpage:not(.hubpage) .sndbtn{right:136px}}
/* collectors' wall: card back shows WHO holds it + MAKE AN OFFER ON MINTGARDEN; leaderboard flash for SEE ON THE WALL */
.rsc.own .rsback{flex-direction:column;justify-content:space-between;align-items:stretch;padding:6cqw 6cqw 5cqw;gap:2cqw}
.rsc.own .rbnum{padding:2cqw 0 0;gap:1cqw}.rsc.own .rbnum b{font-size:clamp(14px,12cqw,30px)}.rsc.own .rbem{font-size:clamp(14px,11cqw,28px)}
.rsc.own .rbmg{display:none}
.rbcol{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1cqw;min-width:0}
.rbcol small{font:700 clamp(7px,5.2cqw,11px)/1.15 var(--mono);color:#555;text-transform:uppercase}
.rbwho{max-width:100%;font:400 clamp(10px,8cqw,17px)/1.15 var(--display);color:#000;overflow-wrap:anywhere;text-transform:uppercase}
.colpage a.rbwho{color:#0b3d91;border-bottom:3px solid var(--gold)}.colpage a.rbwho:hover{color:var(--pom)}
.rblb{font:400 clamp(7px,5cqw,11px)/1 var(--display);background:none;border:0;color:var(--g2);text-decoration:underline;cursor:pointer;padding:1cqw}
.colpage a.rboffer{display:block;text-align:center;font:400 clamp(8px,5.6cqw,12px)/1.15 var(--display);background:var(--gold);color:#000;border:3px solid #000;border-radius:999px;box-shadow:3px 3px 0 #000;padding:2.4cqw 2cqw;text-decoration:none}
.colpage a.rboffer:hover,.colpage a.rboffer:focus-visible{background:#000;color:var(--gold);border-bottom-color:#000}
#lb li.col.hl{animation:lbhl 2.4s ease-out}@keyframes lbhl{0%,40%{box-shadow:0 0 0 6px var(--gold),6px 6px 0 #000;transform:scale(1.02)}100%{box-shadow:none}}
@media (max-width:600px){#rsColl .rsgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}}
/* RANDOS MINTED PER YEAR mini bars */
.yb{display:flex;align-items:flex-end;gap:10px;height:110px;padding-top:6px}
.colpage .yb a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;border:0;color:var(--ink);min-width:0}
.yb span{display:block;width:100%;height:var(--h);background:var(--g2);border:3px solid #000;border-radius:6px 6px 0 0;box-shadow:3px 0 0 #000}
.yb a:nth-child(2n) span{background:var(--pom)}.yb a:nth-child(3n) span{background:var(--sky)}
.yb b{font:400 13px/1.2 var(--display);margin-top:3px}.yb small{font:700 11px/1 var(--mono)}
.st.wide small{overflow-wrap:anywhere}
.rsc.own .rsback{padding:5cqw 5cqw 4.5cqw;gap:1cqw}
.rsc.own .rbnum small{display:none}.rsc.own .rbnum b{font-size:clamp(12px,10cqw,24px)}.rsc.own .rbem{font-size:clamp(12px,9cqw,22px)}
.rbwho{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(9px,7cqw,15px)}
.colpage a.rbwho{border-bottom-width:2px}
.rsc.own .rblb{all:unset;cursor:pointer;font:400 clamp(7px,4.8cqw,10px)/1.1 var(--display);color:var(--g2);text-decoration:underline;padding:.5cqw 1cqw}
.rsc.own .rblb:focus-visible{outline:2px solid var(--pom)}
.colpage a.rboffer{font-size:clamp(7px,5cqw,11px);padding:2cqw 1.5cqw;border-width:2px;box-shadow:2px 2px 0 #000}
/* top-N lists (collectors_stats.top_n): 4–5 smaller fanned cards above a compact numbered list; 2 columns when wide, SHOW ALL on phones */
@media (min-width:861px){.st.fanst.lgt{grid-column:span 3}}
.fan.n4,.fan.n5{height:124px}
.fan.n4 .fc,.fan.n5 .fc{width:100px;height:75px;margin-left:-50px;padding:3px;top:22px;transform:translateX(var(--x,0)) translateY(var(--y,0)) rotate(var(--r,0deg))}
.fan.n4 .fc.f0,.fan.n5 .fc.f0{z-index:5;--y:-8px}
.fan.n4 .fc.f1,.fan.n5 .fc.f1{z-index:4;--x:-58px;--r:-7deg}
.fan.n4 .fc.f2,.fan.n5 .fc.f2{z-index:4;--x:58px;--r:7deg}
.fan.n4 .fc.f3,.fan.n5 .fc.f3{z-index:3;--x:-112px;--y:8px;--r:-14deg}
.fan.n5 .fc.f4{z-index:3;--x:112px;--y:8px;--r:14deg}
.fan.n4 .fc em,.fan.n5 .fc em{width:24px;height:24px;font-size:11px;top:-9px;left:-9px}
.fan.n4 .fc.f2 em,.fan.n5 .fc.f2 em,.fan.n5 .fc.f4 em{left:auto;right:-9px}
.fan.n4 .fc:hover,.fan.n4 .fc:focus-visible,.fan.n5 .fc:hover,.fan.n5 .fc:focus-visible{z-index:9;transform:translateX(var(--x,0)) translateY(-18px) rotate(0) scale(1.12)}
.fl.lg{display:block;columns:2 230px;column-gap:16px}
.fl.lg li{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 5px}
.flmore{display:none}
@media (max-width:600px){
 .fan.n4,.fan.n5{height:100px}
 .fan.n4 .fc,.fan.n5 .fc{width:78px;height:58px;margin-left:-39px;top:20px}
 .fan.n4 .fc.f1,.fan.n5 .fc.f1{--x:-44px}.fan.n4 .fc.f2,.fan.n5 .fc.f2{--x:44px}
 .fan.n4 .fc.f3,.fan.n5 .fc.f3{--x:-86px}.fan.n5 .fc.f4{--x:86px}
 .fl.lg{columns:1}
 .fl.lg:not(.open) li.mx{display:none}
 .flmore{display:block;margin:8px auto 0;font:400 13px/1 var(--display);background:var(--gold);color:#000;border:3px solid #000;border-radius:8px;padding:8px 12px;box-shadow:3px 3px 0 #000;cursor:pointer}
}
/* easter egg: GOLDEN back (collectors_easter_egg) */
.rsc.egg .rsback{background:linear-gradient(115deg,#8a6512 0%,#e9be3e 18%,#fff4b8 30%,#d9a826 44%,#fbe07c 60%,#b98a1c 78%,#fff1a6 90%,#9a7416 100%);background-size:300% 100%;animation:eggsh 3s ease-in-out infinite alternate;box-shadow:inset 0 0 0 3px #7a5a0c,0 0 18px #ffd54a}
.rsc.egg .rsback::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 48%,transparent 60%);background-size:250% 100%;animation:eggsweep 1.8s ease-in-out infinite;border-radius:inherit}
@keyframes eggsh{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes eggsweep{from{background-position:150% 0}to{background-position:-100% 0}}
.rsc.egg .rbnum{display:none}
.rbegg{display:flex;align-items:center;gap:2.5cqw;min-width:0;position:relative;z-index:1}
.rbegg img{width:24cqw;height:auto;flex:none;filter:drop-shadow(2px 2px 0 #000)}
.rbegg p{margin:0;font:400 clamp(7px,5.6cqw,12px)/1.15 var(--display);color:#2b1d00;text-shadow:0 1px 0 #fff6c8;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rsc.egg .rbcol{position:relative;z-index:1}.rsc.egg .rbcol small{color:#3a2900}.rsc.egg .rbwho{color:#000}
.rsc.egg a.rboffer{position:relative;z-index:1}
.eggn{margin:-4px 0 8px;font:700 11px/1.2 var(--mono);color:#fff3b0;opacity:.85;letter-spacing:.5px}
.eggcf{position:fixed;width:0;height:0;z-index:9999;pointer-events:none}
.eggcf i{position:absolute;left:-4px;top:-3px;width:8px;height:6px;border-radius:1px;animation:eggcf 1.1s cubic-bezier(.15,.7,.4,1) forwards}
@keyframes eggcf{0%{transform:translate(0,0) rotate(0);opacity:1}80%{opacity:1}100%{transform:translate(var(--dx),calc(var(--dy) + 90px)) rotate(var(--r));opacity:0}}
@media (prefers-reduced-motion:reduce){.rsc.egg .rsback,.rsc.egg .rsback::after{animation:none}.eggcf{display:none}}
/* FOREGROUND time-traveling Mondo: above the cards (below the SOUND/MUSIC buttons + intro), never takes clicks, fades under the pointer */
.rsbg{z-index:50}
.rsm{transition:opacity .2s}.rsm.near{opacity:.15}
.rsm img{width:clamp(110px,13vw,180px);opacity:1;filter:drop-shadow(5px 5px 0 #000a)}
.rsm .rsq{position:relative;align-self:center;max-width:270px;margin:0 6px;font:400 15px/1.25 var(--display);text-transform:uppercase;border-radius:16px;background:#fff;box-shadow:5px 5px 0 var(--pom)}
.rsm.sl .rsq::before,.rsm.still .rsq::before{content:'';position:absolute;left:-19px;top:calc(50% - 10px);border:10px solid transparent;border-right:12px solid #000}
.rsm.sr .rsq::before{content:'';position:absolute;right:-19px;top:calc(50% - 10px);border:10px solid transparent;border-left:12px solid #000}
.rsm-peek.talk,.rsm-peek.talk .rsq{animation-duration:var(--td,8.5s)}
@media (max-width:600px){.rsm img{width:78px}.rsm .rsq{max-width:calc(100vw - 118px);font-size:12px;padding:7px 9px;border-width:3px;box-shadow:3px 3px 0 var(--pom)}
 @keyframes rspl{0%,100%{transform:translateX(0)}15%,82%{transform:translateX(196px)}}@keyframes rspr{0%,100%{transform:translateX(0)}15%,82%{transform:translateX(-196px)}}}
/* reduced motion: sitting still in the bottom-left corner, above the buttons */
.rsm.still{top:auto;left:8px;bottom:64px;align-items:flex-end}.rsm.still img{width:96px}.rsm.still .rsq{align-self:flex-start;max-width:min(300px,calc(100vw - 130px))}.rsm.still .rsq[hidden]{display:none}
@media (max-width:600px){.rsm.still{bottom:54px}.rsm.still img{width:64px}}
@media (prefers-reduced-motion:reduce){.rsbg.stillmode{display:block}}
/* BIGGEST COLLECTORS · TOP 20: full width on desktop, 2-col list; X link with the X logo */
@media (min-width:861px){.st.fanst.bigc{grid-column:1/-1}.st.fanst.bigc .fl.lg{columns:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(10,auto);grid-auto-flow:column;gap:5px 24px}.st.fanst.bigc .fl.lg li{margin:0}}
.fl a.xl{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.fl .xic{flex:none;vertical-align:-1px}
/* bottom SHUFFLE under THE COLLECTORS' SHUFFLE grid (same button, centered) */
.rsfoot{display:flex;justify-content:center;margin-top:18px}
.rsfoot .rsbtnbot{min-width:min(260px,100%);justify-content:center;text-align:center}
@media (max-width:600px){.rsfoot{margin-top:14px}.rsfoot .rsbtnbot{width:100%;max-width:340px}}