@font-face{font-family:'Yard Teko';src:url('/assets/fonts/Teko.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:'Yard Mono';src:url('/assets/fonts/RobotoMono.ttf') format('truetype');font-weight:100 700;font-display:swap}
@font-face{font-family:'Yard Playfair';src:url('/assets/fonts/PlayfairDisplayItalic.ttf') format('truetype');font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:'Yard Orbitron';src:url('/assets/fonts/Orbitron.ttf') format('truetype');font-weight:400 900;font-display:swap}
.nickname-label{position:relative;display:inline-flex;max-width:100%;box-sizing:border-box;vertical-align:middle;padding:2px 5px;white-space:nowrap;line-height:1.35;isolation:isolate}
.nickname-letters{position:relative;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;z-index:1}
.nickname-label::before,.nickname-label::after{content:'';pointer-events:none;position:absolute;z-index:0}
.nickname-label.nickname-stencil{font-size:1.16em;color:#e6e2c8;text-shadow:1px 1px 0 #171e18,2px 2px 0 #717363;letter-spacing:.35px}
.nickname-label.nickname-terminal{color:#a2e8a0;text-shadow:0 0 4px #8bdd7a50}
.nickname-terminal::after{right:0;top:30%;width:2px;height:48%;background:#a2e8a0;animation:nickname-cursor 1.25s steps(1,end) infinite}
.nickname-label.nickname-chrome{color:#ebeff4;text-shadow:0 1px #080e13,0 0 6px #cad8e780}
.nickname-chrome::after{z-index:2;inset:0;background:linear-gradient(110deg,transparent 36%,#ffffff60 49%,transparent 62%);background-size:250% 100%;mix-blend-mode:screen;animation:nickname-shine 4.8s ease-in-out infinite}
.nickname-label.nickname-ember{font-size:1.16em;letter-spacing:.25px;color:#ffbe85;text-shadow:0 1px #5a2615,0 0 5px #ed8d5755}
.nickname-ember::before,.nickname-ember::after{inset:-1px -4px;background:radial-gradient(circle at 13% 75%,#ffd598 0 1px,transparent 1.8px),radial-gradient(circle at 72% 35%,#ffc06e 0 1px,transparent 1.7px),radial-gradient(circle at 92% 85%,#ffa865 0 1px,transparent 1.6px);animation:nickname-embers 2.1s ease-out infinite}
.nickname-ember::after{animation-delay:-1.05s;transform:scaleX(-1)}
.nickname-label.nickname-ion{color:#ddcaff;font-size:.92em;text-shadow:0 0 5px #ac87ea70}
.nickname-ion::before,.nickname-ion::after{width:3px;height:3px;border-radius:50%;background:#efe5ff;box-shadow:0 0 5px 1px #b998ff99;left:50%;top:50%;animation:nickname-orbit 3.4s linear infinite}
.nickname-ion::after{animation-delay:-1.7s}
.nickname-label.nickname-glitch{color:#a5edf0;text-shadow:1px 0 #db77b980,-1px 0 #67cfb080}
.nickname-glitch .nickname-letters{animation:nickname-glitch 5.2s steps(1,end) infinite}
.nickname-glitch::after{inset:0;background:radial-gradient(circle at 8% 25%,#e2a0c6 0 1px,transparent 1px),radial-gradient(circle at 90% 80%,#87edd8 0 1px,transparent 1px);animation:nickname-pixels 3s steps(1,end) infinite}
.nickname-item .nickname-preview{display:flex;align-items:center;justify-content:center;min-height:61px;padding:10px 6px;box-sizing:border-box}
.nickname-item .nickname-preview .nickname-label{max-width:100%;font-size:18px}
.nickname-item .style-features{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px;color:#aaa88b;font:600 9px var(--body);letter-spacing:.3px}
.style-features span{padding:3px 5px;background:#0d1818;border:1px solid #72866844;border-radius:2px}
.board-name>.nickname-label{max-width:100%;padding:2px 4px}.record-table td .nickname-label{max-width:220px}
@keyframes nickname-cursor{0%,49%{opacity:.9}50%,100%{opacity:0}}
@keyframes nickname-shine{0%,65%{background-position:150% 0;opacity:0}70%{opacity:.8}100%{background-position:-70% 0;opacity:0}}
@keyframes nickname-embers{0%{opacity:0;translate:0 5px}20%{opacity:.85}100%{opacity:0;translate:3px -8px}}
@keyframes nickname-orbit{0%{transform:translate(-2.4em,.4em);opacity:.4}25%{transform:translate(-.5em,-.6em);opacity:1}50%{transform:translate(2.4em,0);opacity:.4}75%{transform:translate(.5em,.5em);opacity:1}100%{transform:translate(-2.4em,.4em);opacity:.4}}
@keyframes nickname-glitch{0%,89%,94%,100%{translate:0 0;text-shadow:1px 0 #db77b980,-1px 0 #67cfb080}90%,92%{translate:1px 0;text-shadow:2px 0 #ef89cc,-2px 0 #72efd4}91%,93%{translate:-1px 0}}
@keyframes nickname-pixels{0%,80%,100%{opacity:.1}81%,83%{opacity:.8}82%,84%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.nickname-label,.nickname-label::before,.nickname-label::after,.nickname-letters{animation:none!important}.nickname-chrome::after{opacity:0}.nickname-glitch::after{opacity:.4}.nickname-terminal::after{opacity:.6}}

.nickname-carbon{color:#d6dfdf;text-shadow:1px 1px #080e12,-1px -1px #657477}.nickname-carbon .nickname-letters{background:repeating-linear-gradient(130deg,#eef5f5 0 2px,#91a2a5 2px 4px);background-clip:text;color:transparent}.nickname-stamped{font-size:1.16em;letter-spacing:.6px;color:#dbbf99;text-shadow:2px 2px #815331,-1px -1px #111b18}
.nickname-toxic{color:#c9fa70;text-shadow:0 0 5px #a8e63b66}.nickname-toxic::before,.nickname-toxic::after{inset:0 -5px;background:radial-gradient(circle at 10% 85%,#d6fc7b 0 1.5px,transparent 2px),radial-gradient(circle at 80% 60%,#b4de51 0 2px,transparent 2.5px);animation:nickname-embers 3s ease-out infinite}.nickname-toxic::after{animation-delay:-1.5s;transform:scaleX(-1)}
.nickname-scanline{color:#93edce;text-shadow:0 0 4px #61c69b55}.nickname-scanline::after{z-index:2;inset:0;background:linear-gradient(90deg,transparent,#caffdf70,transparent);background-size:30% 100%;background-repeat:no-repeat;animation:nickname-scan 3s linear infinite}
.nickname-frost{color:#bdefff;text-shadow:0 1px #547a9c,0 0 6px #9bd1f355}.nickname-frost::before,.nickname-frost::after{inset:-5px 0;background:radial-gradient(circle at 12% 25%,#e9fbff 0 1px,transparent 1.5px),radial-gradient(circle at 79% 45%,#a9d7f9 0 1.3px,transparent 1.8px);animation:nickname-snow 3.8s linear infinite}.nickname-frost::after{animation-delay:-1.9s;transform:scaleX(-1)}
.nickname-danger{color:#ffe373;font-size:1.16em;text-shadow:1px 1px #372a0a}.nickname-danger::after{inset:auto 4px 1px;height:2px;background:repeating-linear-gradient(135deg,#e7c23f 0 5px,#18251c 5px 10px);background-size:28px 100%;animation:nickname-stripes 3s linear infinite}
.nickname-arcade{color:#ffacdc;text-shadow:2px 2px #4185b3,-1px -1px #ab436b}.nickname-arcade::before,.nickname-arcade::after{inset:-3px -5px;background:radial-gradient(circle at 9% 20%,#fff4a5 0 1px,transparent 1px),radial-gradient(circle at 88% 80%,#6df4ed 0 2px,transparent 2px);animation:nickname-pixels 2s steps(1,end) infinite}.nickname-arcade::after{animation-delay:-1s;transform:scaleX(-1)}
.nickname-plasma{color:#bcaaff;text-shadow:0 0 5px #9678ef88,1px 0 #cafff688}.nickname-plasma::before{inset:1px -2px;border:1px solid #b5a0ff80;border-radius:50%;box-shadow:0 0 5px #a792f766;animation:nickname-charge 2.8s ease-in-out infinite}.nickname-plasma::after{inset:0;background:linear-gradient(120deg,transparent 10%,#c9f9ff80 11% 12%,transparent 13% 74%,#d1a6ff80 75% 76%,transparent 77%);animation:nickname-pixels 4s steps(1,end) infinite}
.nickname-aurora .nickname-letters,.nickname-supernova .nickname-letters,.nickname-singularity .nickname-letters{background:linear-gradient(110deg,#9ef5d6,#b1b4ff,#ffadcf,#9ef5d6);background-size:250% 100%;background-clip:text;color:transparent;animation:nickname-spectrum 6s linear infinite}.nickname-aurora::before{inset:4px -3px;background:linear-gradient(110deg,#4ecaad33,#bd84db44,#df84ba22);border-radius:50%;animation:nickname-charge 4s ease-in-out infinite}
.nickname-inferno{color:#ffd08a;font-size:1.16em;text-shadow:0 1px #642719,0 0 6px #ff8d3955}.nickname-inferno::before,.nickname-inferno::after{inset:-5px -4px;background:radial-gradient(circle at 8% 80%,#ffe5a6 0 1.5px,transparent 2px),radial-gradient(circle at 35% 50%,#ff914e 0 1px,transparent 1.5px),radial-gradient(circle at 62% 90%,#ffcb6c 0 2px,transparent 2.5px),radial-gradient(circle at 90% 60%,#fff4be 0 1px,transparent 1.5px);animation:nickname-embers 1.8s ease-out infinite}.nickname-inferno::after{animation-delay:-.9s;transform:scaleX(-1)}
.nickname-royal{color:#f9e4a4;text-shadow:0 1px #725831,0 0 5px #c8a35d55;padding-left:17px}.nickname-royal::before{content:'♛';left:0;top:2px;color:#efca68;font-family:Georgia,serif;font-style:normal;font-size:.8em}.nickname-royal::after{inset:-2px;background:radial-gradient(circle at 18% 10%,#fff5c6 0 1px,transparent 1.7px),radial-gradient(circle at 84% 75%,#f6d588 0 1px,transparent 1.7px);animation:nickname-charge 3s ease-in-out infinite}
.nickname-supernova .nickname-letters{background-image:linear-gradient(110deg,#fff2b0,#ffba80,#f195d1,#fff2b0)}.nickname-supernova::before{left:50%;top:50%;width:2.2em;height:2.2em;margin:-1.1em;background:repeating-conic-gradient(from 0deg,#ffc78200 0 30deg,#ffc78244 31deg 33deg,#ffc78200 34deg 60deg);border-radius:50%;animation:nickname-vortex 14s linear infinite}.nickname-supernova::after{inset:-2px -6px;background:radial-gradient(circle at 9% 20%,#fff7c7 0 1px,transparent 1.8px),radial-gradient(circle at 92% 80%,#ffcaa2 0 1.5px,transparent 2px);animation:nickname-charge 2s ease-in-out infinite}
.nickname-singularity .nickname-letters{background-image:linear-gradient(110deg,#e0c7ff,#acb6ff,#ffd1ea,#e0c7ff)}.nickname-singularity::before{left:50%;top:50%;width:2.3em;height:1.8em;margin:-.9em -1.15em;border-radius:50%;background:radial-gradient(ellipse,#0d0928bb 0 35%,transparent 40%),conic-gradient(#8868e933,transparent,#ffc1eaaa,transparent,#8868e933);animation:nickname-vortex 8s linear infinite}.nickname-singularity::after{width:3px;height:3px;background:#f5d9ff;border-radius:50%;box-shadow:0 0 4px #d899fc;left:50%;top:50%;animation:nickname-orbit 3.2s linear infinite}
@keyframes nickname-scan{0%{background-position:-45% 0}100%{background-position:145% 0}}@keyframes nickname-snow{0%{opacity:0;translate:0 -5px}25%{opacity:.8}100%{opacity:0;translate:-3px 8px}}@keyframes nickname-stripes{to{background-position:28px 0}}@keyframes nickname-charge{0%,100%{opacity:.3}50%{opacity:.9}}@keyframes nickname-spectrum{to{background-position:250% 0}}@keyframes nickname-vortex{to{transform:rotate(360deg)}}