.players-hero{background:var(--bg-primary);justify-content:center;align-items:center;min-height:28vh;padding-top:1.5rem;padding-bottom:1.75rem;font-family:DynaPuff,cursive;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(circle at 10% 60%, rgba(var(--s3-green-rgb), .12), transparent 30%), radial-gradient(circle at 90% 25%, rgba(var(--s3-teal-rgb), .14), transparent 30%), radial-gradient(circle at 55% 85%, rgba(var(--s3-red-rgb), .07), transparent 25%);filter:blur(55px);animation:10s ease-in-out infinite alternate bgPulse;position:absolute;inset:0}body:not(.dark-mode) .hero-bg{background:radial-gradient(circle at 10% 60%, rgba(var(--s3-green-rgb), .18), transparent 35%), radial-gradient(circle at 90% 25%, rgba(var(--s3-teal-rgb), .18), transparent 35%);opacity:.8}.hero-grid{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;mask-image:radial-gradient(at 50% 40%,#000 25%,#0000 75%)}body:not(.dark-mode) .hero-grid{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}.players-hero .container{z-index:2;text-align:center;position:relative}.players-season-badge{border:2px solid var(--s3-teal);color:var(--s3-teal);font-size:1.1rem;font-family:var(--font-display);letter-spacing:.04em;box-shadow:2px 3px 0 var(--s3-teal);background:0 0;border-radius:6px 12px 8px 10px/10px 8px 12px 6px;align-items:center;gap:9px;margin-bottom:1.25rem;padding:7px 18px;font-weight:700;animation:.8s ease-out fadeInDown;display:inline-flex}.players-season-badge-dot{background:var(--s3-teal);width:7px;height:7px;box-shadow:0 0 8px rgba(var(--s3-teal-rgb), .7);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite blink}.players-hero h1{font-size:clamp(1.8rem,8vw,5.8rem);font-weight:700;font-family:var(--font-display);letter-spacing:.01em;color:var(--text-primary);text-shadow:0 2px 24px rgba(var(--s3-teal-rgb), .18);word-break:break-word;margin-bottom:.4rem;line-height:1.05}.players-hero-subtitle{color:var(--text-secondary);text-align:center;max-width:520px;margin:0 auto;font-size:1rem;line-height:1.7;animation:.4s cubic-bezier(.22,1,.36,1) .1s both fadeInUp}.players-search{justify-content:center;padding:2.5rem 0 1rem;display:flex}.players-search-note{isolation:isolate;flex-direction:column;gap:6px;width:100%;max-width:520px;padding:14px 22px 16px;display:flex;position:relative}.players-search-note:before{content:"";filter:url(#sticky-squiggle)drop-shadow(2px 4px 8px #00000059);z-index:-1;background:linear-gradient(#d4b800 0% 18%,#fef9d4 18%);border-radius:4px 3px 5px/3px 5px 3px 4px;position:absolute;inset:-3px}.players-search-label{font-family:var(--font-handwriting);color:#3a3000;pointer-events:none;user-select:none;padding-left:4px;font-size:1.05rem}.players-search input{color:#1a1400;width:100%;font-size:1.15rem;font-family:var(--font-handwriting);background:0 0;border:none;border-bottom:2px solid #00000040;padding:6px 10px;transition:border-bottom-color .2s}.players-search input::placeholder{color:#0006}.players-search input:focus{border-bottom-color:#0009;outline:none}body.dark-mode .players-search-note:before{box-shadow:0 0}body.dark-mode .players-search-label{color:#3a3000}body.dark-mode .players-search input{color:#1a1400}body.dark-mode .players-search input::placeholder{color:#0006}.players-missing-notice{text-align:center;font-family:var(--font-handwriting);color:var(--text-secondary);background:rgba(var(--s3-teal-rgb), .05);border:1.5px dashed rgba(var(--s3-teal-rgb), .2);border-radius:8px 13px 10px 14px/13px 8px 14px 10px;max-width:520px;margin:.5rem auto 0;padding:10px 20px;font-size:1rem;line-height:1.6;position:relative;transform:rotate(-.5deg)}.players-missing-notice:before{content:"";z-index:2;pointer-events:none;background:#d7be7899;border-radius:2px 3px 3px 2px;width:48px;height:14px;position:absolute;top:-10px;left:calc(50% - 24px);transform:rotate(-1.5deg);box-shadow:0 1px 3px #00000026}.players-missing-notice strong{color:var(--text-primary)}body:not(.dark-mode) .players-missing-notice{background:rgba(var(--s3-teal-rgb), .04);border-color:rgba(var(--s3-teal-rgb), .2)}.players-list{padding:2rem 0}.players-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2.2rem;padding:2.5rem 0 7rem;display:grid}.players-grid .empty-state{grid-column:1/-1}.player-card{text-align:center;transition:transform .3s var(--bounce), box-shadow .3s;cursor:default;color:#1a1a1a;background:#fdfaf4;border:none;border-radius:3px;flex-direction:column;align-items:center;padding:1rem 1rem 1.5rem;font-family:DynaPuff,cursive;display:flex;position:relative;box-shadow:0 1px 2px #0000001a,4px 6px #00000014,6px 10px 24px #0003}.player-card:before{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle at 38% 38%,#ff6b6b,#c0392b);border-radius:50%;width:16px;height:16px;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0006,inset 0 1px 2px #ffffff4d}.player-card:nth-child(4n+1){transform:rotate(-2.2deg)}.player-card:nth-child(4n+2){transform:rotate(1.8deg)}.player-card:nth-child(4n+3){transform:rotate(-1.2deg)}.player-card:nth-child(4n){transform:rotate(2.5deg)}.player-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(225deg,#0000001a 50%,#0000 50%);width:20px;height:20px;position:absolute;bottom:0;right:0}.player-card:hover{transform:translateY(-12px)rotate(0)scale(1.04);box-shadow:4px 6px #0000001a,0 20px 40px #00000047}.skin-viewer{z-index:2;filter:drop-shadow(0 4px 12px #0000004d);width:110px;height:200px;transition:transform .35s var(--bounce), filter .35s;margin-bottom:.9rem;position:relative}.player-card:hover .skin-viewer{filter:drop-shadow(0 6px 16px #0006);transform:scale(1.07)translateY(-4px)}.skin-image{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.player-info{z-index:2;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex;position:relative}.player-name{font-size:1.25rem;font-weight:700;font-family:var(--font-display);color:#1a1a1a;letter-spacing:.04em;overflow-wrap:break-word;text-align:center;width:100%;text-shadow:none;flex-direction:column;align-items:center;gap:5px;line-height:1.2;display:flex}.player-name--no-color{color:#1a1a1a!important}.player-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:6px;display:flex}.player-pronouns{font-family:var(--font-handwriting);color:#2a2a1a;isolation:isolate;background:0 0;border-radius:2px;padding:3px 10px;font-size:1rem;font-style:normal;display:inline-block;position:relative;transform:rotate(-1.2deg)}.player-pronouns:before{content:"";filter:url(#sticky-squiggle)drop-shadow(1px 3px 4px #0003);z-index:-1;background:linear-gradient(#d4b800 0% 20%,#fef08a 20%);border-radius:3px 2px 4px/2px 3px 2px 4px;position:absolute;inset:-2px}.twitch-link{color:#5a1fa0;isolation:isolate;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:3px 8px;text-decoration:none;transition:transform .2s;display:inline-flex;position:relative;transform:rotate(1deg)}.twitch-link:before{content:"";filter:url(#sticky-squiggle)drop-shadow(1px 3px 4px #0003);z-index:-1;background:linear-gradient(#a855f7 0% 20%,#d8b4fe 20%);border-radius:2px 3px 2px 4px/4px 2px 3px;position:absolute;inset:-2px}.twitch-link:hover{transform:rotate(0)scale(1.1)}.twitch-icon-svg{fill:currentColor;width:15px;height:15px}.player-role{font-family:var(--font-handwriting);letter-spacing:.3px;text-transform:none;isolation:isolate;background:0 0;border-radius:2px;padding:3px 12px;font-size:1rem;font-weight:700;transition:transform .25s;display:inline-block;position:relative;transform:rotate(1.5deg)}.player-role:before{content:"";filter:url(#sticky-squiggle)drop-shadow(1px 3px 4px #0003);z-index:-1;border-radius:3px 2px 4px/2px 4px 2px 3px;position:absolute;inset:-2px}.player-card:hover .player-role{transform:rotate(0)scale(1.07)}.role-owner{color:#7f1d1d;transform:rotate(-2deg)}.role-admin{color:#4c1d95;transform:rotate(1.8deg)}.role-mod{color:#14532d;transform:rotate(-1.5deg)}.role-member{color:#0c4a6e;transform:rotate(2deg)}.role-staff{color:#78350f;transform:rotate(-1.8deg)}.role-trialstaff{color:#1e1b4b;transform:rotate(1.2deg)}.role-imposter{color:#374151;transform:rotate(-2.2deg)}.role-owner:before{background:linear-gradient(#f87171 0% 20%,#fca5a5 20%)}.role-admin:before{background:linear-gradient(#c084fc 0% 20%,#d8b4fe 20%)}.role-mod:before{background:linear-gradient(#4ade80 0% 20%,#86efac 20%)}.role-member:before{background:linear-gradient(#38bdf8 0% 20%,#bae6fd 20%)}.role-staff:before{background:linear-gradient(#facc15 0% 20%,#fde68a 20%)}.role-trialstaff:before{background:linear-gradient(#818cf8 0% 20%,#c7d2fe 20%)}.role-imposter:before{background:linear-gradient(#9ca3af 0% 20%,#e5e7eb 20%)}@keyframes card-flicker{0%{opacity:1;transform:translate(0)rotate(0)}5%{opacity:.7;transform:translate(-4px,2px)rotate(-.5deg)}6%{opacity:1;transform:translate(4px,-2px)rotate(.5deg)}7%{opacity:.5;transform:translate(-2px,3px)}8%{opacity:1;transform:translate(0)}20%{opacity:1;transform:translate(0)}21%{opacity:.6;transform:translate(5px)scaleX(1.04)}22%{opacity:1;transform:translate(-3px,2px)scaleX(.97)}23%{opacity:.8;transform:translate(0)}40%{opacity:1;transform:translate(0)}41%{opacity:.4;transform:translate(-6px,-3px)rotate(1deg)}42%{opacity:1;transform:translate(6px,3px)rotate(-1deg)}43%{opacity:.7;transform:translate(-2px)}44%{opacity:1;transform:translate(0)}60%{opacity:1;transform:translate(0)}61%{opacity:.5;transform:translate(4px,-4px)skew(3deg)}62%{opacity:1;transform:translate(-4px,4px)skew(-2deg)}63%{opacity:.8;transform:translate(2px)}64%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}81%{opacity:.3;transform:translate(-8px)scaleY(1.05)}82%{opacity:1;transform:translate(8px)scaleY(.96)}83%{opacity:.6;transform:translate(-3px,2px)}84%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes glitch-border{0%{border-color:var(--border-color);box-shadow:none}5%{border-color:#ff00ea;box-shadow:5px 0 #ff00ea,-5px 0 #00f7ff,0 0 20px #ff00ea66}6%{border-color:#00f7ff;box-shadow:-5px 0 #ff00ea,5px 0 #00f7ff}7%{border-color:var(--border-color);box-shadow:none}21%{border-color:#ff00ea;box-shadow:4px 4px #ff00ea,-4px -4px #00f7ff}22%{border-color:var(--border-color);box-shadow:none}41%{border-color:#00f7ff;box-shadow:-6px 2px #00f7ff,6px -2px #ff00ea,0 0 30px #00f7ff4d}42%{border-color:#ff00ea;box-shadow:3px 0 #ff00ea,-3px 0 #00f7ff}43%{border-color:var(--border-color);box-shadow:none}61%{border-color:#ff00ea;box-shadow:0 0 25px #ff00ea99}63%{border-color:var(--border-color);box-shadow:none}81%{border-color:#00f7ff;box-shadow:8px 0 #ff00ea,-8px 0 #00f7ff,0 0 40px #00f7ff66}83%{border-color:var(--border-color);box-shadow:none}to{border-color:var(--border-color);box-shadow:none}}@keyframes skin-glitch{0%{filter:drop-shadow(0 6px 18px #00000059);transform:none}5%{filter:drop-shadow(-6px 0 #ff00ea)drop-shadow(6px 0 #00f7ff);transform:translate(-4px)scaleX(1.05)}6%{filter:drop-shadow(6px 0 #ff00ea)drop-shadow(-6px 0 #00f7ff);transform:translate(4px)scaleX(.96)}7%{filter:drop-shadow(0 6px 18px #00000059);transform:none}21%{filter:drop-shadow(-8px 0 #ff00ea)drop-shadow(8px 0 #00f7ff);transform:translate(3px)}22%{filter:drop-shadow(0 6px 18px #00000059);transform:translate(-2px)}23%{filter:drop-shadow(0 6px 18px #00000059);transform:none}41%{filter:drop-shadow(-4px 0 #ff00ea)drop-shadow(4px 0 #00f7ff)brightness(1.4);transform:scaleX(1.08)translate(-5px)}42%{filter:drop-shadow(4px 0 #ff00ea)drop-shadow(-4px 0 #00f7ff);transform:scaleX(.94)translate(5px)}43%{filter:drop-shadow(0 6px 18px #00000059);transform:none}61%{filter:drop-shadow(-10px 0 #ff00ea)drop-shadow(10px 0 #00f7ff)brightness(.6);transform:translate(-6px)skew(5deg)}62%{filter:drop-shadow(0 6px 18px #00000059);transform:translate(6px)skew(-3deg)}63%{filter:drop-shadow(0 6px 18px #00000059);transform:none}81%{filter:drop-shadow(-7px 0 #ff00ea)drop-shadow(7px 0 #00f7ff)hue-rotate(90deg);transform:scaleY(1.06)translate(-4px)}82%{filter:drop-shadow(7px 0 #ff00ea)drop-shadow(-7px 0 #00f7ff);transform:scaleY(.95)translate(4px)}83%{filter:drop-shadow(0 6px 18px #00000059);transform:none}to{filter:drop-shadow(0 6px 18px #00000059);transform:none}}@keyframes name-glitch{0%{text-shadow:none;letter-spacing:.4px;opacity:1}5%{text-shadow:-4px 0 #ff00ea,4px 0 #00f7ff;letter-spacing:4px;opacity:.8}6%{text-shadow:4px 0 #ff00ea,-4px 0 #00f7ff;letter-spacing:-1px;opacity:1}7%{text-shadow:none;letter-spacing:.4px}21%{text-shadow:-5px 0 #ff00ea,5px 0 #00f7ff;letter-spacing:6px;opacity:.6}22%{text-shadow:none;letter-spacing:.4px;opacity:1}41%{text-shadow:-3px 0 #ff00ea,3px 0 #00f7ff,0 3px #ff00ea;letter-spacing:3px;opacity:.5}42%{text-shadow:3px 0 #ff00ea,-3px 0 #00f7ff;letter-spacing:.4px;opacity:1}43%{text-shadow:none}61%{text-shadow:-6px 0 #ff00ea,6px 0 #00f7ff;letter-spacing:8px;opacity:.4}62%{text-shadow:2px 0 #00f7ff,-2px 0 #ff00ea;letter-spacing:.4px;opacity:1}63%{text-shadow:none}81%{text-shadow:-8px 0 #ff00ea,8px 0 #00f7ff,0 0 20px #ff00eacc;letter-spacing:10px;opacity:.3}82%{text-shadow:4px 0 #ff00ea,-4px 0 #00f7ff;letter-spacing:.4px;opacity:1}83%{text-shadow:none}to{text-shadow:none;letter-spacing:.4px;opacity:1}}.player-card--glitch{animation:2.5s step-end infinite card-flicker,2.5s step-end infinite glitch-border}.player-card--glitch .skin-viewer{animation:2.5s step-end infinite skin-glitch!important}.player-card--glitch .player-name{animation:2.5s step-end infinite name-glitch}.player-card--glitch .player-role{animation:2.5s step-end .15s infinite name-glitch}.player-card--glitch:after{content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff06 2px 4px);border-radius:20px;position:absolute;inset:0;opacity:1!important}.player-card--corrupted .skin-image{filter:brightness(0)drop-shadow(0 5px 15px #00000080);transition:filter 50ms step-end}.loading-skeleton{will-change:background-position;background:linear-gradient(90deg,#1a1a2e 25%,#252542 50%,#1a1a2e 75%) 0 0/200% 100%;border-radius:8px;width:100px;height:200px;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.dark-mode .player-card{background:#fdfaf4;border:none}body:not(.dark-mode) .players-hero{background:#f0f4f5}body:not(.dark-mode) .player-card{background:#fff;border-color:#00000024;box-shadow:3px 4px #00000014,0 4px 20px #0000000d}body:not(.dark-mode) .player-card:hover{border-color:var(--s3-teal);box-shadow:0 20px 40px rgba(var(--s3-teal-rgb), .15), 0 0 0 1px rgba(var(--s3-teal-rgb), .2)}body:not(.dark-mode) .player-card:after{background:radial-gradient(ellipse at 50% 0%, rgba(var(--s3-teal-rgb), .06) 0%, transparent 65%)}body:not(.dark-mode) .player-name{text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff,0 1px 3px #00000026}body:not(.dark-mode) .player-name[style*=color]{text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff}@media (width<=900px){.players-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}}@media (width<=600px){.players-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.skin-viewer{width:90px;height:165px}.players-hero{min-height:36vh;padding-top:100px}}