/* Shared visual language for the public tracker. */
body.modern-test{--panel-line:#8799db26;--ink-dim:#9aa9c7;background:radial-gradient(900px 600px at 90% 0,#472b802e,transparent 70%),radial-gradient(800px 600px at 0 15%,#194a7724,transparent 70%),#080b21;color:#e7ecfa}
.modern-test::before{opacity:.12}.modern-test::after{opacity:.15}
.modern-test .wrap{max-width:1680px;padding:24px 24px 48px}
.modern-test header{padding:28px 30px 22px;border:1px solid #839be02b;border-radius:16px;background:linear-gradient(115deg,#172748bd,#231b4599),#0e122d;box-shadow:0 10px 35px #0002}
.modern-test .title{text-shadow:2px 3px 0 #243a61;font-size:clamp(36px,4vw,62px);line-height:1.1}
.modern-test .hero-kicker,.modern-test .section-kicker,.modern-test .events-kicker{color:#74d9f2;text-shadow:none;letter-spacing:.13em}
.modern-test .sub{font-size:12px;line-height:1.65;color:#aebbd4;max-width:760px}
.modern-test .rule{height:3px;background:linear-gradient(90deg,#61daf1,#7865e0,transparent);opacity:.75;margin:15px 0}
.modern-test .lang button{min-width:36px;min-height:32px;border-radius:7px}.modern-test .lang button.active{background:#69d9ed;box-shadow:none;color:#0a1424}
.modern-test .stats{gap:10px;margin-top:24px}.modern-test .stat{padding:14px 16px;min-height:76px;background:#0a102c80;border:1px solid #8ca9df20;border-radius:10px;box-shadow:none}
.modern-test .stat .n{font-size:29px;line-height:1.2;font-variant-numeric:tabular-nums}.modern-test .stat .l{font-size:10px;letter-spacing:.05em;margin-top:5px;color:#a7b6d1}
.modern-test .bar{height:7px;margin-top:15px;background:#070d24;border-radius:8px}.modern-test .bar>i{background:linear-gradient(90deg,#5ed8ed,#8673ed);box-shadow:none}.modern-test .bar-cap{font-size:10px;line-height:1.6;gap:12px;color:#98a9c6}
.modern-test .generator-tabs{margin:22px 0 12px;border-color:#839be02b;background:#10152e;border-radius:10px;padding:4px;gap:4px}.modern-test .generator-tabs button{font-size:11px;padding:10px 20px;border-radius:7px}.modern-test .generator-tabs [aria-pressed=true]{background:#263661;box-shadow:inset 0 -2px #72d6ed}
.modern-test .season-tabs{padding:6px;gap:6px;border:1px solid #839be02b;background:#0e132c;border-radius:13px;margin-bottom:26px}.modern-test .season-tab{border-radius:9px;min-height:64px;padding:12px 16px;background:transparent;border-color:transparent;box-shadow:none}.modern-test .season-tab strong{font-size:15px}.modern-test .season-tab span{font-size:10px;line-height:1.5;margin-top:4px;color:#98a8c7}.modern-test .season-tab.active{background:linear-gradient(115deg,#284b83,#514080);border-color:#749ce575;box-shadow:inset 0 -2px #79d8ed}.modern-test .season-tab:hover{transform:none;background-color:#1b2546}
.modern-test .collection-head{gap:20px;margin:0 0 14px}.modern-test .collection-head h2{font-size:28px;margin:6px 0}.modern-test .taxonomy-filters{padding:12px 14px;background:#0e132c;border:1px solid #839be02b;border-radius:12px}.modern-test .taxonomy-label{font-size:9px;min-width:65px;color:#9cacc9}.modern-test .taxonomy-group{gap:10px}.modern-test .rarity-legend,.modern-test .type-filter-legend{gap:5px}.modern-test .legend-chip,.modern-test .type-chip{font-size:9px;min-height:29px;padding:6px 9px;letter-spacing:.025em;border-radius:6px}
.modern-test .collection-controls{padding:12px;margin-bottom:14px;background:#0e132c;border:1px solid #839be02b;border-radius:12px;box-shadow:none}.modern-test .collection-controls-top{gap:10px;margin-bottom:10px}.modern-test .search-tools{min-height:42px;padding:9px 12px;background:#080d23;border:1px solid #829bd32e;border-radius:8px}.modern-test .search-tools input{font-size:12px}.modern-test .search-tools:focus-within{border-color:#6ad5ed;box-shadow:0 0 0 2px #6ad5ed12}
.modern-test .layout-tools{padding:4px;gap:4px;background:#080d23;border-radius:8px}.modern-test .layout-label{font-size:9px}.modern-test .layout-btn{font-size:9px;min-height:34px;padding:8px 12px}.modern-test .filters{gap:8px}.modern-test .filter-cluster{padding:5px;gap:4px;background:#080d2380;border-color:#829bd322;border-radius:8px}.modern-test .filter-label{font-size:9px;padding:3px 5px;color:#95a6c5}.modern-test .filter-btn{font-size:9px;padding:8px 9px;min-height:32px;letter-spacing:.025em}.modern-test .filter-count{font-size:9px;min-width:21px;height:18px}.modern-test .layout-btn.active,.modern-test .filter-btn.active{background:#294b6c;color:#dff8ff;border-color:#65cde36b;box-shadow:none}.modern-test .filter-clear{border-color:#e78ba33b;color:#df9fb2}
.modern-test .variant-info,.modern-test .events-panel{border:1px solid #839be02b;background:#0e132c;border-radius:13px;box-shadow:none;margin:16px 0}.modern-test .events-panel::before{display:none}.modern-test .events-summary{padding:17px 20px}.modern-test .events-icon{box-shadow:none;background:#70d8f00c;border-color:#70d8f03b}.modern-test .events-title{font-size:25px;text-shadow:none}.modern-test .events-count{box-shadow:none;background:#8673ed15;border-color:#8673ed50;color:#c5b8ff}.modern-test .events-summary::after{text-shadow:none;color:#7bdaed}.modern-test .events-list{gap:12px;padding:0 14px 14px}.modern-test .event-card{padding:18px;border-radius:10px;background:linear-gradient(140deg,#141a34ed,#0c1128ed);border-color:color-mix(in srgb,var(--event-accent) 24%,#27304b)}.modern-test .event-name{font-size:18px;line-height:1.35}.modern-test .event-description{font-size:12px;line-height:1.65;color:#b2bed5}.modern-test .event-time{font-size:12px;padding-top:12px}.modern-test .event-countdown{font-size:11px;border-radius:6px;background:#080d23}.modern-test .event-status,.modern-test .event-season{font-size:9px;padding:4px 7px}
.modern-test .variant-info summary{padding:14px 16px}.modern-test .variant-info-season{color:#8bdbea;border-color:#8bdbea40}.modern-test .variant-effects{line-height:1.7;font-size:12px}.modern-test .variant-effects li{margin-bottom:7px}
.modern-test .screenshot-tools{background:#0e132c;border:1px solid #839be02b;border-radius:10px;padding:9px 12px;gap:8px;margin-bottom:16px;box-shadow:none}.modern-test .screenshot-label{font-size:9px}.modern-test .screenshot-btn{font-size:9px;min-height:34px;padding:8px 12px;background:#171f3b;border-color:#859bd032}.modern-test .screenshot-btn:hover{box-shadow:none;background:#263b58;color:#dcf8ff;border-color:#70d7ed70}.modern-test .grid{gap:12px}
.modern-test .credit{padding:20px;margin-top:32px;background:#0e132c;border:1px solid #839be02b;border-radius:12px;line-height:1.7}
.modern-test :is(button,input,select,summary,a):focus-visible{outline:2px solid #78d7ed;outline-offset:3px}.modern-test input[type=checkbox]{accent-color:#69d4e7}
#generator-page .gen-intro{padding:14px 0 4px}#generator-page .gen-intro h2{font-size:30px}#generator-page .gen-card{background:#0e132c;border:1px solid #839be02b;border-radius:13px;padding:22px;box-shadow:none}#generator-page .gen-card:before{height:2px;background:linear-gradient(90deg,#70d7ed88,#8972e866,transparent)}#generator-page label{background:#080d23;border-color:#829bd32e;border-radius:8px;padding:10px 12px}#generator-page label:has(input:checked){background:#1c3449;border-color:#6cd3e662}#generator-page button{border-radius:8px;min-height:38px}#generator-page [data-gen-copy]{background:#2a4775;border-color:#819fe25e}#generator-page select{background:#111a34;border-color:#829bd33b;padding:8px}.gen-eyebrow{color:#7ed7e9}.discord-preview{border:1px solid #ffffff0a}
@media(max-width:900px){.modern-test .wrap{padding:16px 16px 36px}.modern-test .season-tab{padding:10px}.modern-test .season-tab strong{font-size:13px}.modern-test .collection-head{gap:12px}}
@media(max-width:600px){.modern-test .wrap{padding:10px 10px 30px}.modern-test header{padding:52px 16px 18px;border-radius:13px}.modern-test .title{font-size:37px}.modern-test .sub{font-size:11px}.modern-test .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:18px}.modern-test .stat:last-child{grid-column:auto}.modern-test .stat{padding:10px 7px;min-height:76px}.modern-test .stat .n{font-size:20px}.modern-test .stat .l{font-size:8px;line-height:1.45}.modern-test .bar-cap #bar-r{display:none}.modern-test .generator-tabs{width:100%;margin-top:18px}.modern-test .generator-tabs button{flex:1}.modern-test .season-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.modern-test .season-tab{min-width:0;text-align:left;min-height:65px;padding:10px}.modern-test .season-tab strong{font-size:12px;line-height:1.4}.modern-test .season-tab span{font-size:9px}.modern-test .collection-head h2{font-size:26px}.modern-test .taxonomy-filters{padding:11px}.modern-test .taxonomy-group{gap:7px}.modern-test .collection-controls{padding:9px}.modern-test .layout-btn{flex:1;font-size:8px;padding:8px 6px}.modern-test .filter-btn{font-size:8px;padding:8px 5px}.modern-test .filter-cluster{gap:3px}.modern-test .events-summary{padding:14px}.modern-test .events-list{padding:0 10px 10px}.modern-test .event-card{padding:15px}.modern-test .screenshot-btn{min-height:38px}.modern-test .grid{gap:12px}.modern-test .credit{padding:16px}#generator-page .gen-card{padding:16px 12px}.discord-preview{padding:12px}}
@media(prefers-reduced-motion:reduce){.modern-test *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep the generator introduction lighter than the page hero. */
.modern-test #generator-page .gen-intro{background:none;border:0;border-radius:0;box-shadow:none;padding:14px 0 6px;min-height:0}.modern-test #generator-page .gen-intro::before,.modern-test #generator-page .gen-intro::after{display:none}
.modern-test .event-time-details:has(.event-date-row:only-child){grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){.modern-test .event-time-details{grid-template-columns:minmax(0,1fr)}}
/* Calm header: retain only the meaningful collection progress bar. */
.modern-test .wrap>header::before,.modern-test .wrap>header::after,.modern-test .wrap>header .stat::after,.modern-test .wrap>header .hero-kicker::before{display:none}
.modern-test .wrap>header .rule{background:#91a5d526;height:1px;opacity:1}
/* Motion is limited to interaction; respect the system accessibility setting. */
@media(prefers-reduced-motion:no-preference){
 .modern-test .bar>i{transition:width .4s cubic-bezier(.2,.7,.3,1)}
 .modern-test .sprite-card .type-img{transition:transform .24s ease}
 .modern-test :is(.filter-btn,.layout-btn,.season-tab,.screenshot-btn){transition:background-color .16s,border-color .16s,box-shadow .16s}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .modern-test .sprite-card .type-row:hover .type-img{transform:translateY(-3px) rotate(-2deg)}
 .modern-test .sprite-card .pip:hover::before{transform:rotate(45deg) scale(1.16)}
}