:root{--neon-bg-page:#07080d;--neon-bg-surface:#0c0d15;--neon-accent:#ff8a00;--neon-accent-ink:#160d00;--neon-accent-tint:rgba(255,138,0,.14);--neon-accent-border:rgba(255,138,0,.45);--neon-accent-hairline:rgba(255,138,0,.14);--neon-online:#57d97c;--neon-online-tint:rgba(87,217,124,.12);--neon-online-soft:rgba(87,217,124,.1);--neon-online-border:rgba(87,217,124,.3);--neon-text-hi:#fff;--neon-text-strong:hsla(0,0%,100%,.92);--neon-text-pill:hsla(0,0%,100%,.85);--neon-text-body:hsla(0,0%,100%,.65);--neon-rank-second:hsla(0,0%,100%,.75);--neon-rank-rest:hsla(0,0%,100%,.35);--neon-rank-gold:#ffd166;--neon-rank-silver:#c9ced6;--neon-rank-bronze:#cd7f32;--neon-text-muted:hsla(0,0%,100%,.5);--neon-text-faint:hsla(0,0%,100%,.32);--neon-border:hsla(0,0%,100%,.09);--neon-border-strong:hsla(0,0%,100%,.14);--neon-fill-subtle:hsla(0,0%,100%,.07);--neon-tint:#14151d}.neon{background-color:var(--neon-bg-page);color:var(--neon-text-body);font-family:var(--font-neon-body)}.neon-cut-10,.neon-cut-11,.neon-cut-12,.neon-cut-13,.neon-cut-14,.neon-cut-16,.neon-cut-18,.neon-cut-20,.neon-cut-7,.neon-cut-8,.neon-cut-9{clip-path:polygon(0 0,calc(100% - var(--neon-cut)) 0,100% var(--neon-cut),100% 100%,var(--neon-cut) 100%,0 calc(100% - var(--neon-cut)))}.neon-cut-7{--neon-cut:7px}.neon-cut-8{--neon-cut:8px}.neon-cut-9{--neon-cut:9px}.neon-cut-10{--neon-cut:10px}.neon-cut-11{--neon-cut:11px}.neon-cut-12{--neon-cut:12px}.neon-cut-13{--neon-cut:13px}.neon-cut-14{--neon-cut:14px}.neon-cut-16{--neon-cut:16px}.neon-cut-18{--neon-cut:18px}.neon-cut-20{--neon-cut:20px}.neon-cut-rank{clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.neon-hatch{background:repeating-linear-gradient(135deg,hsla(0,0%,100%,.05) 0 12px,transparent 12px 24px),var(--neon-tint)}.neon-hero{--neon-tint:linear-gradient(160deg,#241a3d,#0d0c18);background:repeating-linear-gradient(115deg,hsla(0,0%,100%,.05) 0 14px,transparent 14px 28px),var(--neon-tint)}.neon-hero-game{background:repeating-linear-gradient(115deg,hsla(0,0%,100%,.05) 0 14px,transparent 14px 28px),linear-gradient(160deg,color-mix(in oklab,var(--neon-tint) 86%,#fff),#131d18)}.neon-scrim{background:linear-gradient(180deg,#07080d4d,#07080d99 40%,#07080d)}.neon-scrim-game{background:linear-gradient(180deg,#07080d59,#07080deb 80%,#07080d)}.neon-hairlines{background:repeating-linear-gradient(-72deg,rgba(255,138,0,.05) 0 1px,transparent 1px 78px)}.neon-card-veil{background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 40%,rgba(0,0,0,.75))}.neon-count-pill{background:#07080de6;border:1px solid rgba(255,138,0,.3)}.neon-online-pill{background:#07080de6;border:1px solid var(--neon-online-border)}.neon-card-link{display:inline-flex;align-items:center;gap:.4em;max-height:0;overflow:hidden;transition:max-height .15s ease-out,margin-top .15s ease-out}.neon-card:focus-visible .neon-card-link{max-height:2.6em;margin-top:7px}.neon-search{background:#0a0b12e6;border:1px solid rgba(255,138,0,.35)}.neon-rule{background:linear-gradient(90deg,rgba(255,138,0,.4),transparent)}.neon-ad{border:1px dashed rgba(255,138,0,.25);background:repeating-linear-gradient(135deg,rgba(255,138,0,.03) 0 8px,transparent 8px 16px);color:#ff8a0080}.neon-panel{background:var(--neon-bg-surface);border:1px solid var(--neon-border)}.neon-panel-danger{border-color:color-mix(in oklab,var(--ui-error) 40%,transparent)}.neon-panel-hover{transition:border-color .15s ease-out,box-shadow .15s ease-out}.neon-panel-sponsored{border-color:var(--neon-accent-hairline);border-left:2px solid var(--neon-accent);background:linear-gradient(180deg,#ff8a000d,#ffffff03),var(--neon-bg-surface)}.neon-discord{background:#5865f21a;border:1px solid rgba(88,101,242,.4)}.neon-discord-mark{color:#8b95f6}.neon-discord-cta{background:#5865f2;transition:filter .15s ease-out}.neon-promo{background:linear-gradient(180deg,#ff8a001a,#ff8a0005);border:1px solid rgba(255,138,0,.35)}.neon-vote{background:#ff8a001f;border:1px solid var(--neon-accent-border);color:var(--neon-accent);transition:background-color .15s ease-out,box-shadow .15s ease-out,color .15s ease-out}.neon-bar-fill{background:var(--neon-online);box-shadow:0 0 12px #57d97cb3}.neon-glow-cta{box-shadow:0 0 24px #ff8a0066;transition:box-shadow .15s ease-out}.neon-glow-card:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 28px #ff8a0059,inset 0 0 0 1px var(--neon-accent-border);opacity:0;transition:opacity .15s ease-out}.neon-card:focus-visible .neon-glow-card:after{opacity:1}.neon-dot{box-shadow:0 0 10px #57d97c}.neon-dot-icon{flex:none;width:36px;height:36px;margin:-12px -15px;filter:drop-shadow(0 0 6px rgb(87 217 124/.7))}.neon-glow-play{box-shadow:0 0 36px #ff8a0080}.neon-glow-banner{border:1px solid rgba(255,138,0,.3);box-shadow:0 0 40px #ff8a0024}.neon-title-glow{text-shadow:0 0 40px rgba(255,138,0,.35)}.neon-rank-glow{text-shadow:0 0 20px rgba(255,138,0,.35)}.neon-wordmark-glow{text-shadow:0 0 18px rgba(255,138,0,.5)}.neon-field{width:100%;background:#101119;border:1px solid var(--neon-border-strong);color:var(--neon-text-hi);outline:none;transition:border-color .15s ease-out}.neon-field:focus,.neon-field:focus-visible{border-color:#ff8a0099}.neon-field:disabled{color:var(--neon-text-muted);opacity:.6}@media(hover:hover){.neon-glow-cta:hover{box-shadow:0 0 26px #ff8a008c}.neon-card:hover .neon-glow-card:after{opacity:1}.neon-card:hover .neon-card-link{max-height:2.6em;margin-top:7px}.neon-panel-hover:hover{border-color:#ff8a008c;box-shadow:0 0 30px #ff8a0024}.neon-vote:hover{background-color:var(--neon-accent);color:var(--neon-accent-ink);box-shadow:0 0 26px #ff8a0080}.neon-discord-cta:hover{filter:brightness(1.12)}}@media(prefers-reduced-motion:reduce){.neon-glow-card:after,.neon-glow-cta,.neon-panel-hover,.neon-vote{transition:none}}.neon-featured-veil-slot{background:linear-gradient(180deg,#07080d59,#07080dd9 55%,#07080df5)}.neon-featured-veil-free{background:linear-gradient(180deg,#07080d8c,#07080dd9)}.neon-featured-free{background:repeating-linear-gradient(135deg,rgba(255,138,0,.04) 0 12px,transparent 12px 24px),#0f1119}.neon-featured-top{background:linear-gradient(180deg,#ff8a0017,#ffffff05);border:1px solid rgba(255,138,0,.3);box-shadow:0 0 50px #ff8a0029;transition:border-color .15s ease-out,box-shadow .15s ease-out}.neon-featured-slot,.neon-featured-vote{transition:box-shadow .15s ease-out}.neon-featured-vote{background:var(--neon-accent);color:var(--neon-accent-ink);box-shadow:0 0 34px #ff8a008c}.neon-featured-vote-slot{box-shadow:0 0 22px #ff8a0066}.neon-featured-join{background:#07080db8;border:1px solid hsla(0,0%,100%,.22);transition:border-color .15s ease-out,color .15s ease-out}.neon-featured-book{border:1px solid rgba(255,138,0,.5);color:var(--neon-accent);transition:background-color .15s ease-out,color .15s ease-out}.neon-featured-name-shadow{text-shadow:0 0 24px rgba(0,0,0,.9)}@media(hover:hover){.neon-featured-top:hover{border-color:#ff8a00bf;box-shadow:0 0 60px #ff8a004d}.neon-featured-slot:hover{box-shadow:0 0 30px #ff8a0040}.neon-featured-vote:hover{box-shadow:0 0 44px #ff8a00cc}.neon-featured-vote-slot:hover{box-shadow:0 0 30px #ff8a00b3}.neon-featured-join:hover{border-color:#ff8a0099;color:var(--neon-accent)}.neon-featured-book:hover{background:var(--neon-accent);color:var(--neon-accent-ink)}}@media(prefers-reduced-motion:reduce){.neon-featured-book,.neon-featured-join,.neon-featured-slot,.neon-featured-top,.neon-featured-vote{transition:none}}
