:root{--deep-end:#0b3a53;--water:#1fa6c9;--shallow:#9be4ec;--tile:#f4fbfb;--grout:#d3ebee;--lane-rope:#ff5a47;--sun:#ffcf3f;--ink:#06283a;--white:#fff;--rarity-common:#8fb3bf;--rarity-rare:#1fa6c9;--rarity-super-rare:#7a5cf0;--rarity-super-super-rare:#ff5a47;--rarity-ultra-rare:linear-gradient(135deg, #ffe58a, #ffb81f 45%, #fff3c4 60%, #f59e0b);--rarity-legendary:linear-gradient(135deg, #ff5a47, #ffcf3f, #9be4ec, #7a5cf0, #ff5a47);--rarity-streamer-legendary:linear-gradient(135deg, #06283a, #1fa6c9 40%, #e8f9fb 50%, #1fa6c9 60%, #06283a);--font-display:"Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--step--1:.875rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.75rem;--step-3:clamp(2.25rem, 1.5rem + 3.5vw, 3.75rem);--tile-size:56px;--radius-card:14px;--radius-panel:28px;--page-width:68rem}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-body);font-size:var(--step-0);color:var(--ink);background-color:var(--tile);background-image:linear-gradient(var(--grout) 2px, transparent 2px), linear-gradient(90deg, var(--grout) 2px, transparent 2px);background-size:var(--tile-size) var(--tile-size);margin:0;line-height:1.55}h1,h2{font-family:var(--font-display);color:var(--deep-end);text-wrap:balance;margin:0 0 .5em;font-weight:400;line-height:1.05}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}p{max-width:62ch;margin:0 0 1em}img{max-width:100%;display:block}a{color:var(--deep-end);text-underline-offset:.2em}button,.button{font:inherit;color:var(--white);background:var(--lane-rope);cursor:pointer;border:0;border-radius:999px;padding:.7em 1.4em;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 4px #c93a2a}button:hover,.button:hover{background:#ff6f5e}button:active,.button:active{transform:translateY(2px);box-shadow:0 2px #c93a2a}button:disabled{opacity:.6;cursor:progress}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}[role=alert],[role=status]{background:var(--white);border-left:6px solid var(--lane-rope);border-radius:6px;padding:.75em 1em}[role=status]{border-left-color:var(--sun)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
label{gap:.35rem;min-width:0;font-weight:600;display:grid}label small,fieldset small{color:#46697a;font-weight:400}input[type=text],input[type=number],select,textarea{font:inherit;border:2px solid var(--grout);background:var(--tile);width:100%;color:var(--ink);border-radius:8px;padding:.55em .7em}input[type=file]{font:inherit;width:100%;font-weight:400}textarea{resize:vertical}label:has(textarea){grid-column:1/-1}fieldset{border:2px solid var(--grout);border-radius:12px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));align-items:end;gap:.75rem 1.25rem;margin:0;padding:1rem 1.25rem 1.25rem;display:grid}fieldset legend{padding:0 .4em;font-weight:700}fieldset small{grid-column:1/-1;max-width:62ch}progress{appearance:none;background:var(--grout);border:0;border-radius:999px;width:100%;height:1.25rem;margin-bottom:.75rem;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--grout)}progress::-webkit-progress-value{background:var(--water)}progress::-moz-progress-bar{background:var(--water)}
.site-header{color:var(--white);background:repeating-linear-gradient(90deg, var(--lane-rope) 0 28px, var(--white) 28px 56px) bottom / 100% 10px no-repeat, var(--deep-end);flex-wrap:wrap;align-items:center;gap:.75rem 2rem;padding:1rem clamp(1rem,4vw,2.5rem) 1.5rem;display:flex}.site-header .site-name{font-family:var(--font-display);font-size:var(--step-2);color:var(--white);margin-right:auto;text-decoration:none}.site-header nav{flex-wrap:wrap;gap:1.5rem;display:flex}.site-header nav a{color:var(--shallow);font-weight:600;text-decoration:none}.site-header nav a:hover{color:var(--white);text-decoration:underline}.site-header .account{align-items:center;gap:.6rem;display:flex}.site-header .account img{border-radius:50%}.site-header .account button{box-shadow:none;color:var(--shallow);background:0 0;padding:.3em .6em;font-weight:600;text-decoration:underline}main{width:min(100% - 2rem, var(--page-width));margin:0 auto;padding:clamp(2rem,5vw,4rem) 0 5rem}main>section+section{margin-top:3.5rem}.channel-nav{border-bottom:3px solid var(--water);flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;margin-bottom:2rem;padding-bottom:.75rem;display:flex}.channel-nav strong{font-family:var(--font-display);font-weight:400;font-size:var(--step-1);color:var(--deep-end);margin-right:auto}.channel-nav a{font-weight:600}.collector-name{flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.collector-name img{border-radius:50%}.channel-list{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.channel-list a{font-family:var(--font-display);font-size:var(--step-1);color:var(--white);background:var(--water);border-radius:var(--radius-card);box-shadow:0 4px 0 var(--deep-end);padding:1rem 1.25rem;text-decoration:none;display:block}.channel-list a:hover{background:var(--deep-end)}.welcome{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.welcome p{font-size:var(--step-1)}.watch-time{background:var(--white);border:2px solid var(--grout);border-radius:var(--radius-panel);padding:clamp(1.25rem,3vw,2rem)}.watch-time small{color:#46697a}
.pool{border-radius:var(--radius-panel);border:10px solid var(--white);outline:2px solid var(--grout);min-height:26rem;color:var(--white);background:radial-gradient(ellipse 60% 30% at 20% 15%, #ffffff47, transparent 70%), radial-gradient(ellipse 50% 25% at 75% 40%, #ffffff2e, transparent 70%), radial-gradient(ellipse 70% 30% at 40% 85%, #ffffff24, transparent 70%), linear-gradient(170deg, var(--shallow), var(--water) 45%, var(--deep-end));background-size:140% 140%,160% 160%,150% 150%,100% 100%;align-content:center;justify-items:center;gap:1.5rem;padding:clamp(1.5rem,4vw,3rem);animation:14s ease-in-out infinite alternate ripple;display:grid;position:relative;overflow:hidden}@keyframes ripple{to{background-position:100% 60%,0 100%,60% 0,0 0}}.pool [role=alert]{color:var(--ink)}.pool-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;margin:0;font-weight:600;display:flex}.pool-actions a{color:var(--white)}.pool-empty{font-size:var(--step-1);text-align:center;margin:0}.pack{aspect-ratio:5/7;background:linear-gradient(var(--deep-end), var(--deep-end)) top / 100% 9% no-repeat, linear-gradient(var(--deep-end), var(--deep-end)) bottom / 100% 9% no-repeat, radial-gradient(circle at 50% 50%, var(--sun) 0 22%, transparent 23%), linear-gradient(120deg, var(--lane-rope) 0 50%, #ff7d6d 50% 100%);border-radius:6px;width:min(11rem,50vw);animation:4s ease-in-out infinite alternate bob;rotate:-4deg;box-shadow:0 18px 30px #06283a73}.pack[data-busy=true]{animation:.35s linear infinite shake}@keyframes bob{0%{translate:0 -6px}to{translate:0 8px}}@keyframes shake{25%{rotate:-8deg}75%{rotate:none}}.pull{flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.pull li{width:min(11rem,42vw);animation:.55s cubic-bezier(.2,.9,.3,1.2) both surface;animation-delay:calc(var(--i) * .18s)}@keyframes surface{0%{opacity:0;translate:0 3rem;rotate:6deg;scale:.85}}@media (prefers-reduced-motion:reduce){.pool,.pack,.pack[data-busy=true],.pull li{animation:none}}
.trading-card{--frame:var(--rarity-common);aspect-ratio:5/7;border-radius:var(--radius-card);background:var(--frame);color:var(--ink);grid-template-rows:auto auto 1fr auto;padding:7px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 14px #06283a40;container-type:inline-size}.trading-card[data-rarity=rare]{--frame:var(--rarity-rare)}.trading-card[data-rarity=super_rare]{--frame:var(--rarity-super-rare)}.trading-card[data-rarity=super_super_rare]{--frame:var(--rarity-super-super-rare)}.trading-card[data-rarity=ultra_rare]{--frame:var(--rarity-ultra-rare)}.trading-card[data-rarity=legendary]{--frame:var(--rarity-legendary);padding:9px}.trading-card figure,.trading-card h3,.trading-card p,.trading-card footer{background:var(--white);margin:0}.trading-card figure{aspect-ratio:4/3;border-radius:calc(var(--radius-card) - 7px) calc(var(--radius-card) - 7px) 0 0;background:var(--tile);place-items:center;display:grid;overflow:hidden}.trading-card figure img{object-fit:cover;width:100%;height:100%}.trading-card figure span{font-family:var(--font-display);color:#46697a;font-size:3rem}.trading-card h3{padding:.45rem .55rem .15rem;font-size:clamp(.8rem,8cqi,1rem);font-weight:700;line-height:1.2}.trading-card p{color:#2d5266;max-width:none;padding:0 .55rem;font-size:clamp(.68rem,6.2cqi,.8rem);line-height:1.35;overflow:hidden}.trading-card footer{color:#46697a;border-radius:0 0 calc(var(--radius-card) - 7px) calc(var(--radius-card) - 7px);grid-row:4;padding:.3rem .55rem;font-size:clamp(.65rem,6cqi,.75rem);font-weight:700}.trading-card[data-rarity=streamer_legendary]{--frame:var(--rarity-streamer-legendary);padding:9px}.trading-card[data-rarity=legendary] footer,.trading-card[data-rarity=streamer_legendary] footer{color:var(--white);background:var(--deep-end)}.trading-card strong{background:var(--sun);color:var(--ink);border-radius:999px;padding:.1em .6em;font-size:.75rem;font-weight:700;position:absolute;top:13px;left:13px}.trading-card[data-owned=false]{box-shadow:none;background:0 0;border:3px dashed #8fb3bf;padding:4px}.trading-card[data-owned=false][data-rarity=legendary]{border-color:var(--sun)}.trading-card[data-owned=false] figure,.trading-card[data-owned=false] h3,.trading-card[data-owned=false] footer{color:#46697a;background:0 0}.trading-card[data-owned=false] h3,.card-set>h2+p{font-weight:600}.card-set>h3{font-family:var(--font-display);font-weight:400;font-size:var(--step-1);color:var(--deep-end);margin:2.5rem 0 .25rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.5rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.copies{flex-wrap:wrap;gap:.3rem;margin:.5rem 0 0;padding:0;font-size:.75rem;font-weight:600;list-style:none;display:flex}.copies li{--frame:var(--rarity-common);background:var(--white);background:linear-gradient(var(--white), var(--white)) padding-box, var(--frame) border-box;border:2px solid #0000;border-radius:999px;padding:.1em .55em}.copies li[data-rarity=rare]{--frame:var(--rarity-rare)}.copies li[data-rarity=super_rare]{--frame:var(--rarity-super-rare)}.copies li[data-rarity=super_super_rare]{--frame:var(--rarity-super-super-rare)}.copies li[data-rarity=ultra_rare]{--frame:var(--rarity-ultra-rare)}
.admin section,.start-options section{background:var(--white);border:2px solid var(--grout);border-radius:var(--radius-panel);padding:clamp(1.25rem,3vw,2rem)}.admin section{margin-top:2rem;overflow-x:auto}.admin .channel-status[data-ok=false]{border-color:var(--lane-rope)}.admin section>form{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:start;gap:1.25rem;display:grid}.admin section>form>button{place-self:end start}.admin section>ul{margin:0 0 1.25rem;padding-left:1.25rem}.admin table{border-collapse:collapse;width:100%;margin-top:1.5rem}.admin th,.admin td{text-align:left;border-bottom:2px solid var(--grout);vertical-align:middle;padding:.6rem .75rem}.admin td small{color:#46697a;max-width:40ch;display:block}.admin td form+form{margin-top:.25rem}.admin td img{object-fit:cover;border-radius:4px}.admin td code{font-size:var(--step--1);overflow-wrap:anywhere}.admin td button{box-shadow:none;color:var(--lane-rope);white-space:nowrap;background:0 0;padding:.2em 0;text-decoration:underline}.start-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.5rem;margin-top:2rem;display:grid}.start-options form{justify-items:start;gap:1rem;display:grid}.start-options label{width:100%}