:root{--bg:#0a0a0c;--panel:#16161a;--text:#f5f5f7;--muted:#b9b9c2;--red:#ff3b3b;--redd:#c8102e;--line:#33333b;--onred:#fff;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#fff;--panel:#f3f3f6;--text:#14141a;--muted:#4a4a55;--red:#c8102e;--redd:#a30d25;--line:#cfcfd8}}
*,*::before,*::after{box-sizing:inherit}
html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
a{color:var(--red)}
:focus-visible{outline:3px solid #ffd23f;outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:#ffd23f;color:#000;padding:.6rem 1rem;z-index:99}
.skip:focus{left:8px;top:8px}
header{position:sticky;top:env(safe-area-inset-top,0px);background:var(--bg);border-bottom:1px solid var(--line);z-index:10}
.bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;max-width:1100px;margin:auto;padding:.5rem 1rem}
.bar img{height:48px;width:auto}
nav{display:flex;gap:.25rem;flex-wrap:wrap;margin-left:auto}
nav a{color:var(--text);text-decoration:none;padding:.5rem .75rem;border-radius:8px;font-weight:600}
nav a:hover{background:var(--panel)}
main{max-width:1100px;margin:auto;padding:0 1rem}
section{padding:2.5rem 0}
h1,h2,h3{line-height:1.2;margin:0 0 .5rem}
h2{font-size:1.8rem}
.hero{text-align:center;padding:2rem 0}
.hero img{max-width:min(560px,100%);height:auto}
.hero p{max-width:600px;margin:.5rem auto 1.5rem;color:var(--muted);font-size:1.15rem}
.btn{display:inline-block;background:var(--redd);color:var(--onred);border:2px solid var(--redd);border-radius:10px;padding:.7rem 1.2rem;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;min-height:44px}
.btn:hover{background:var(--red);border-color:var(--red)}
.btn.alt{background:transparent;color:var(--text);border-color:var(--line)}
.btn.alt:hover{border-color:var(--red)}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem;display:flex;flex-direction:column;gap:.5rem}
.card .art{height:110px;border-radius:10px;display:grid;place-items:center;font-size:2.6rem;background:linear-gradient(135deg,var(--redd),#111)}
.card p{margin:0;color:var(--muted)}
.price{font-size:1.3rem;font-weight:800}
.card .btn{margin-top:auto}
.feat{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}
.tag{align-self:flex-start;background:#ffd23f;color:#000;font-weight:800;font-size:.8rem;padding:.1rem .6rem;border-radius:99px}
ul.chk{padding-left:1.2rem;margin:.25rem 0;color:var(--muted)}
label{display:block;font-weight:600;margin:.6rem 0 .2rem}
input,select{width:100%;padding:.65rem;border-radius:8px;border:2px solid var(--line);background:var(--bg);color:var(--text);font:inherit;min-height:44px}
.row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
#qr{background:#fff;padding:12px;display:inline-block;border-radius:10px;min-height:100px}
#qr img,#qr canvas{display:block;max-width:100%;height:auto}
.count{display:flex;gap:.75rem;margin:.5rem 0}
.count div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.4rem .8rem;text-align:center;min-width:64px}
.count b{display:block;font-size:1.5rem}
dialog{background:var(--panel);color:var(--text);border:2px solid var(--red);border-radius:14px;max-width:480px;width:calc(100% - 2rem);padding:1.2rem}
dialog::backdrop{background:rgba(0,0,0,.7)}
.ci{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--line)}
.ci button{min-width:44px;min-height:44px}
.note{font-size:.9rem;color:var(--muted)}
.socials{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}
footer{border-top:1px solid var(--line);padding:2rem 1rem;text-align:center;color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.promo{background:linear-gradient(90deg,#ffd23f,#ff8a3d,#ff4d6d);color:#000;text-align:center;padding:.55rem 1rem;font-weight:700}
.promo a{color:#000}
.hero{background:radial-gradient(circle at 15% 20%,rgba(255,59,59,.35),transparent 45%),radial-gradient(circle at 85% 25%,rgba(168,85,247,.32),transparent 45%),radial-gradient(circle at 50% 105%,rgba(59,130,246,.32),transparent 50%);border-radius:24px;padding:2.5rem 1rem;margin-top:1rem;position:relative;overflow:hidden}
.hero img{border-radius:18px;box-shadow:0 10px 40px rgba(255,59,59,.35)}
.hero h2{font-size:clamp(1.6rem,4vw,2.4rem);margin:1rem 0 0}
.hero p{color:var(--text)}
.hero::before,.hero::after{content:"✦";position:absolute;font-size:2rem;color:#ffd23f;animation:tw 3s ease-in-out infinite}
.hero::before{left:6%;top:12%}.hero::after{right:7%;bottom:14%;color:#6ee7ff;animation-delay:1.2s}
@keyframes tw{0%,100%{opacity:.3;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(25deg)}}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 1.2rem;padding:0;list-style:none}
.chips li{background:var(--panel);border:2px solid var(--line);border-radius:99px;padding:.25rem .9rem;font-weight:600}
.chips li:nth-child(1){border-color:#ffd23f}.chips li:nth-child(2){border-color:#6ee7ff}.chips li:nth-child(3){border-color:#c084fc}.chips li:nth-child(4){border-color:#4ade80}
.btn{background:linear-gradient(135deg,#b80f2a,#d9361a);border-color:transparent;transition:transform .15s}
.btn:hover{background:linear-gradient(135deg,#d9143a,#e8481f);border-color:transparent;transform:translateY(-2px)}
.btn.alt{background:transparent;border-color:var(--line)}
.btn.alt:hover{background:transparent;border-color:var(--red)}
h2::after{content:"";display:block;width:70px;height:5px;border-radius:9px;margin-top:.4rem;background:linear-gradient(90deg,#ff3b3b,#ffd23f,#6ee7ff)}
.card{border-top:5px solid #ff3b3b;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.grid .card:nth-child(4n+2){border-top-color:#3b82f6}.grid .card:nth-child(4n+3){border-top-color:#a855f7}.grid .card:nth-child(4n+4){border-top-color:#22c55e}
.card .art{font-size:3.2rem;height:120px;background:linear-gradient(135deg,#ff3b3b,#ff9f1c)}
.grid .card:nth-child(4n+2) .art{background:linear-gradient(135deg,#2563eb,#22d3ee)}
.grid .card:nth-child(4n+3) .art{background:linear-gradient(135deg,#9333ea,#ec4899)}
.grid .card:nth-child(4n+4) .art{background:linear-gradient(135deg,#16a34a,#facc15)}
#mystery,#giveaway{background:linear-gradient(180deg,transparent,rgba(168,85,247,.1),transparent)}
.signup{background:linear-gradient(135deg,#312e81,#7e1d3a);color:#fff;border-radius:20px;padding:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;margin-top:1.5rem}
.signup h2::after{display:none}
.signup p,.signup label{color:#fff}
.signup .note{color:#e7e5ff}
.signup a{color:#ffd23f}
.signup .ck{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.9rem}
.signup .ck input{width:24px;height:24px;min-height:0;flex:none;margin-top:.2rem}
.big{font-size:2.4rem;font-weight:900;color:#ffd23f;line-height:1}
.disc{color:#4ade80;font-weight:700;margin:.2rem 0}
body{position:relative}
.rails{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.rail{position:absolute;top:0;width:76px;display:flex;flex-direction:column;gap:10px}
.rail.l{left:6px}.rail.r{right:6px}
.pn{height:96px;flex:none;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);background:linear-gradient(160deg,var(--c1),var(--c2));display:grid;place-items:center;font-size:2rem;transform-origin:top;animation:grow .6s ease-out,sway 4s ease-in-out infinite alternate}
@keyframes grow{from{transform:scaleY(0);opacity:0}}
@keyframes sway{from{rotate:-2deg}to{rotate:2deg}}
@media (max-width:1259px){.rail{width:14px}.rail.l{left:1px}.rail.r{right:1px}.pn{font-size:0;height:80px}}
#alerts{max-width:760px;padding:0;border:0;background:none;max-height:calc(100dvh - 2rem);overflow:auto;border-radius:20px}
#alerts .signup{margin:0}
.x{position:absolute;top:.6rem;right:.6rem;width:44px;height:44px;padding:0;border-radius:50%;background:rgba(0,0,0,.4);color:#fff;border:2px solid #fff;cursor:pointer;font-size:1.1rem}
.x:hover{background:rgba(0,0,0,.65)}
.signup .dull{display:block;width:100%;margin-top:.6rem;min-height:44px;padding:.6rem 1rem;border-radius:10px;border:2px solid #4b4b53;background:#3a3a40;color:#8d8d96;font:400 .9rem/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-style:normal;text-transform:none;letter-spacing:0;cursor:pointer;transition:none}
.signup .dull:hover{background:#3a3a40;color:#a0a0a8;transform:none}
.grid .card .art.ball{height:130px}
.grid .card .art.ball.b-poke{background:linear-gradient(135deg,#7f1d1d,#ef4444)}
.grid .card .art.ball.b-ultra{background:linear-gradient(135deg,#f59e0b,#fde68a)}
.grid .card .art.ball.b-master{background:linear-gradient(135deg,#4c1d95,#a855f7)}
.ball svg{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.card:hover .ball svg{animation:wob .7s ease-in-out}
@keyframes wob{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}
#subGrid .card:nth-child(1){border-top-color:#ff3b3b}#subGrid .card:nth-child(2){border-top-color:#facc15}#subGrid .card:nth-child(3){border-top-color:#a855f7}
#subGrid .card{--gc:255,59,59;transition:transform .2s,box-shadow .25s,border-color .25s}
#subGrid .card:nth-child(2){--gc:250,204,21}
#subGrid .card:nth-child(3){--gc:168,85,247}
#subGrid .card{border-color:rgb(var(--gc));box-shadow:0 0 0 2px rgb(var(--gc))}
#subGrid .card:hover,#subGrid .card:focus-within{border-color:rgb(var(--gc));box-shadow:0 0 0 2px rgb(var(--gc)),0 0 16px 3px rgba(var(--gc),.85),0 0 46px 10px rgba(var(--gc),.5)}
#subGrid .card{position:relative;overflow:hidden;isolation:isolate}
.bgball{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;z-index:-1;pointer-events:none;opacity:.13;transition:opacity .4s}
.bgball svg{width:135%;height:135%;max-width:none}
#subGrid .card:hover .bgball,#subGrid .card:focus-within .bgball{opacity:.42}
#subGrid .card:hover .bgball svg{animation:bgb 1.2s ease-in-out infinite}
@keyframes bgb{0%,100%{transform:translateY(0) rotate(0) scale(1,1)}20%{transform:translateY(-7%) rotate(-5deg) scale(.97,1.03)}45%{transform:translateY(0) rotate(0) scale(1.05,.95)}62%{transform:translateY(-3%) rotate(4deg) scale(1,1)}80%{transform:translateY(0) rotate(0) scale(1.02,.98)}}
.rail{width:10px;gap:0;filter:drop-shadow(0 0 5px rgba(255,40,40,.75))}
.rail.l{left:18px}.rail.r{right:18px}
.pn{height:120px;clip-path:none;font-size:0;background:linear-gradient(90deg,#000 0 28%,#e11d2e 28% 72%,#000 72% 100%);animation:grow .7s ease-out}
@media (max-width:1259px){.rail{width:8px}.rail.l{left:3px}.rail.r{right:3px}.pn{height:120px}}
.rail{width:10px;filter:none}
.rail.l{left:30px}.rail.r{right:30px}
.pn{height:120px;border-radius:4px;background:repeating-linear-gradient(180deg,transparent 0 9px,rgba(0,0,0,.75) 9px 11px),linear-gradient(90deg,#8f0010,#ff2a2a 30%,#ffe0e0 50%,#ff2a2a 70%,#8f0010);box-shadow:0 0 6px 1px #ff2a2a,0 0 22px 5px rgba(255,31,31,.5);animation:grow .7s ease-out,led 2.6s ease-in-out infinite;animation-delay:0s,calc(var(--i,0)*-.35s)}
@keyframes led{0%,100%{filter:brightness(.7) saturate(1.1)}50%{filter:brightness(1.6) saturate(1.3)}}
@media (max-width:1259px){.rail{width:7px}.rail.l{left:4px}.rail.r{right:4px}.pn{box-shadow:0 0 5px 1px #ff2a2a}}
:root{--fh:"Bangers",Impact,"Arial Black",sans-serif}
body{background:radial-gradient(ellipse at 50% -5%,rgba(255,40,40,.28),transparent 55%),radial-gradient(ellipse at 105% 55%,rgba(124,58,237,.18),transparent 50%),radial-gradient(ellipse at -5% 85%,rgba(37,99,235,.16),transparent 50%),var(--bg);background-attachment:fixed}
h2,h3,.big,.btn,nav a{font-family:var(--fh);font-style:italic;font-weight:400;letter-spacing:.04em}
h2{font-size:clamp(2.4rem,7vw,4rem);text-transform:uppercase;line-height:1;margin-bottom:.8rem;text-shadow:3px 3px 0 var(--redd),0 0 24px rgba(255,59,59,.55)}
h2::after{width:150px;height:7px;transform:skewX(-35deg);box-shadow:0 0 14px rgba(255,59,59,.8)}
h3{font-size:1.6rem;text-transform:uppercase;text-shadow:2px 2px 0 rgba(200,16,46,.55)}
.btn{font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase}
nav a{font-size:1.15rem;text-transform:uppercase}
.hero h2{font-size:clamp(2.6rem,8vw,5rem);margin:1.2rem 0 .6rem;text-shadow:4px 4px 0 var(--redd),0 0 40px rgba(255,59,59,.75)}
.hero h2::after{margin:.6rem auto 0}
.hero p{font-size:1.2rem}
.hero img{animation:glowp 3s ease-in-out infinite}
@keyframes glowp{0%,100%{box-shadow:0 10px 40px rgba(255,59,59,.35)}50%{box-shadow:0 10px 70px rgba(255,59,59,.85),0 0 40px rgba(124,58,237,.5)}}
.card:hover{box-shadow:0 0 0 2px var(--red),0 12px 34px rgba(255,59,59,.35)}
.signup h2{font-size:clamp(1.8rem,5vw,2.6rem)}
.big{font-size:3.4rem;text-shadow:3px 3px 0 #7e1d3a}
dialog h2{font-size:2.2rem}
section{padding:3rem 0}
:root{--fh:"Barlow Condensed","Arial Narrow",Impact,sans-serif}
h2,h3,.big,.btn,nav a{font-weight:800;letter-spacing:.02em}
h2,.hero h2,h3,.big{text-shadow:none}
h2{font-size:clamp(2.4rem,7vw,3.8rem)}
h3{font-size:1.7rem}
.hero h2{font-size:clamp(2.6rem,8vw,4.8rem)}
.btn{font-size:1.25rem;letter-spacing:.05em}
nav a{font-size:1.25rem}
.hero{background:radial-gradient(circle at 15% 20%,rgba(255,40,40,.38),transparent 45%),radial-gradient(circle at 85% 25%,rgba(140,0,20,.45),transparent 45%),radial-gradient(circle at 50% 105%,rgba(255,30,30,.32),transparent 50%),#050505;color:#fff;border:1px solid rgba(255,59,59,.35)}
.hero h2,.hero p{color:#fff}
.hero .btn.alt{color:#fff;border-color:#6b6b73}
.hero .btn.alt:hover{border-color:#ff3b3b}
.hero::after{color:#ff6b6b}
@keyframes glowp{0%,100%{box-shadow:0 10px 40px rgba(255,59,59,.35)}50%{box-shadow:0 10px 70px rgba(255,40,40,.85),0 0 40px rgba(180,0,20,.6)}}
.chips li:nth-child(n){border-color:#ff3b3b}
body{background:radial-gradient(ellipse at 50% -5%,rgba(255,40,40,.28),transparent 55%),radial-gradient(ellipse at 105% 55%,rgba(150,0,20,.2),transparent 50%),radial-gradient(ellipse at -5% 85%,rgba(150,0,20,.18),transparent 50%),var(--bg);background-attachment:fixed}
#mystery,#giveaway{background:linear-gradient(180deg,transparent,rgba(255,40,40,.08),transparent)}
.signup{background:linear-gradient(135deg,#0b0003,#7e1d3a)}
:root,:root:not([data-theme="dark"]){--bg:#0a0a0c;--panel:#141418;--text:#d6d6db;--muted:#a0a0aa;--red:#ff3b3b;--redd:#c8102e;--line:#32323a;--onred:#ececef;color-scheme:dark}
.hero h2,.hero p,.hero .btn.alt,.signup p,.signup label{color:#dedee3}
.signup .note{color:#c4c4d0}
.x{color:#e4e4e8;border-color:#e4e4e8}
.promo{background:linear-gradient(90deg,#e2b93c,#d9793a,#d0405a)}
:root,:root:not([data-theme="dark"]){--bg:#121217;--panel:#1c1c23;--text:#e8e8ec;--muted:#b4b4be;--line:#3b3b45;--onred:#f4f4f6}
.hero{background:radial-gradient(circle at 15% 20%,rgba(255,70,70,.45),transparent 48%),radial-gradient(circle at 85% 25%,rgba(190,20,40,.5),transparent 48%),radial-gradient(circle at 50% 105%,rgba(255,60,60,.4),transparent 52%),#14141a}
.hero h2,.hero p,.hero .btn.alt,.signup p,.signup label{color:#eeeef2}
.signup .note{color:#d2d2dc}
body{background:radial-gradient(ellipse at 50% -5%,rgba(255,70,70,.34),transparent 58%),radial-gradient(ellipse at 105% 55%,rgba(190,20,40,.24),transparent 52%),radial-gradient(ellipse at -5% 85%,rgba(190,20,40,.22),transparent 52%),var(--bg);background-attachment:fixed}
.promo{background:linear-gradient(90deg,#f3c746,#ee8a40,#e4506a)}
.signup{background:linear-gradient(135deg,#18060a,#92223f)}
.was{color:var(--muted);font-size:1.1rem;font-weight:400;margin-right:.3rem}
.card .tag{font-size:.9rem}
.dp{font-family:var(--fh);font-style:italic;font-weight:800;font-size:2.6rem;line-height:1.1;color:#ffd23f}
.dp .was{font-size:1.7rem;color:var(--muted);text-decoration-color:#ff3b3b;text-decoration-thickness:3px}
.deal{text-align:center;font-family:var(--fh);font-style:italic;font-weight:800;font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase;color:#f4f4f6;padding:.45rem .6rem;border-radius:10px;background:linear-gradient(100deg,#a30d25 0 35%,#ff3b3b 50%,#a30d25 65% 100%);background-size:250% 100%;animation:shine 2.4s linear infinite}
@keyframes shine{from{background-position:100% 0}to{background-position:-100% 0}}
.card:has(.deal){animation:dealp 2s ease-in-out infinite}
@keyframes dealp{0%,100%{box-shadow:0 0 0 2px #ff3b3b,0 0 18px rgba(255,59,59,.4)}50%{box-shadow:0 0 0 2px #ff3b3b,0 0 48px rgba(255,59,59,.9)}}
.hot{font-family:var(--fh);font-style:italic;font-weight:800;font-size:clamp(1.5rem,4vw,2.2rem);color:#ffd23f;margin:0 0 1rem;text-transform:uppercase}
.hot s{color:var(--muted);text-decoration-color:#ff3b3b;text-decoration-thickness:3px}
.pimg{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#fff;display:block}
.gal{position:relative;border-radius:10px}
.gal:focus-visible{outline:3px solid #ffd23f;outline-offset:3px}
.gb{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:2px solid #e8e8ec;background:rgba(10,10,12,.72);color:#e8e8ec;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;padding:0;line-height:1}
.gb:hover{background:var(--redd)}
.gp{left:8px}.gn{right:8px}
.gc{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#e8e8ec;padding:.1rem .7rem;border-radius:99px;font-size:.9rem}

.hero{text-align:center}
.hero>.sr{position:absolute!important}
.hero>*:not(.stage){position:relative;z-index:2;pointer-events:none}
.hero .btn,.hero a,.hero button{pointer-events:auto}
.hero::before,.hero::after{z-index:1;pointer-events:none}
.hero h2{margin:.2rem 0 0;text-shadow:0 0 8px #000,0 2px 14px #000,0 0 28px rgba(0,0,0,.9)}
.hero p{text-shadow:0 0 8px #000,0 2px 14px #000}
.stage{position:relative;height:clamp(300px,54vw,640px);margin:-.4rem auto -1.2rem;display:grid;place-items:center;pointer-events:none}
.stage>*{grid-area:1/1}
.pball{height:100%;width:auto;aspect-ratio:1/1;opacity:.34;filter:drop-shadow(0 0 40px rgba(255,59,59,.6));animation:pbob 7s ease-in-out infinite}
.hero .blogo{width:min(96%,860px);max-width:none;height:auto;border-radius:0;box-shadow:none;opacity:1;filter:brightness(1.12) contrast(1.15) saturate(1.3) drop-shadow(0 0 18px rgba(255,59,59,.7));animation:logopop 3s ease-in-out infinite}
@keyframes logopop{0%,100%{filter:brightness(1.12) contrast(1.15) saturate(1.3) drop-shadow(0 0 16px rgba(255,59,59,.55))}50%{filter:brightness(1.3) contrast(1.2) saturate(1.5) drop-shadow(0 0 34px rgba(255,59,59,.95))}}
.mascot{pointer-events:auto;position:fixed;left:14px;bottom:14px;z-index:60;width:clamp(110px,15vw,180px);aspect-ratio:1/1;padding:0;border:0;background:none;cursor:grab;touch-action:none;border-radius:50%;animation:mfloat 6s ease-in-out infinite;-webkit-tap-highlight-color:transparent}
.mascot.drag{cursor:grabbing;animation:none;transform:scale(1.08) rotate(-4deg)}
.mascot::after{content:"Play with me!";position:absolute;left:55%;top:-8px;background:#fff;color:#111;font:700 .75rem/1 system-ui,sans-serif;padding:.4rem .65rem;border-radius:999px;white-space:nowrap;pointer-events:none;opacity:0;animation:bub 8s ease 1.2s forwards}
@keyframes bub{0%{opacity:0;transform:translateY(6px)}8%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
.mascot img{display:block;width:100%;height:100%;max-width:none;border-radius:0;box-shadow:none;animation:none;transition:filter .35s;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(110,231,255,.35))}
.mascot:hover img,.mascot:focus-visible img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(110,231,255,.85)) saturate(1.15)}
.mascot:focus-visible{outline:2px solid #6ee7ff;outline-offset:-12px}
.mascot .ring{position:absolute;inset:22%;border-radius:50%;border:3px solid #6ee7ff;box-shadow:0 0 30px #6ee7ff,inset 0 0 30px #6ee7ff;opacity:0;pointer-events:none}
.mascot.hit{animation:mhit .8s cubic-bezier(.2,.9,.3,1.2)}
.mascot.hit img{filter:brightness(1.6) saturate(1.4) drop-shadow(0 0 40px #6ee7ff)}
.mascot.hit .ring{animation:mring .85s ease-out}
.mascot.frog .ring{border-color:#7cfc00;box-shadow:0 0 30px #7cfc00,inset 0 0 30px #7cfc00}
.mascot.frog.hit img{filter:brightness(1.5) saturate(1.6) drop-shadow(0 0 40px #7cfc00)}
@keyframes mfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pbob{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes mhit{0%{transform:scale(1)}15%{transform:scale(1.12) rotate(-2deg)}30%{transform:scale(.98) rotate(1.5deg)}50%{transform:scale(1.05) rotate(-1deg)}100%{transform:scale(1)}}
@keyframes mring{0%{transform:scale(.3);opacity:.95}100%{transform:scale(1.7);opacity:0}}
.fr{position:fixed;z-index:9999;pointer-events:none;line-height:1;will-change:transform,opacity;user-select:none}
.fr.say{font:900 clamp(1.6rem,5vw,2.8rem)/1 system-ui,sans-serif;color:#b6ff3b;-webkit-text-stroke:2px #14532d;text-shadow:0 4px 0 #14532d,0 0 22px #7cfc00;letter-spacing:.04em;white-space:nowrap}
.eh{margin:1.8rem 0 .8rem}.eh small{display:block;font-weight:400;font-size:.85rem;color:var(--muted);margin-top:.2rem}