/* Glyph glows scale with the type, with room inside compact ellipsis clips. */
html body .nickname-style{filter:none!important;box-shadow:none!important;background-color:transparent;background-clip:text;-webkit-background-clip:text;overflow:visible}
html body .nickname-violet{--nick-glow:#aa75ed70;text-shadow:0 0 .12em #e2c8ff55,0 0 .36em var(--nick-glow)}
html body .nickname-cyan{--nick-glow:#42cde96b;text-shadow:0 0 .12em #c3f8ff55,0 0 .36em var(--nick-glow)}
html body .nickname-rose{--nick-glow:#ed69ad66;text-shadow:0 0 .12em #ffd3ec55,0 0 .36em var(--nick-glow)}
html body .nickname-fire{--nick-glow:#f576356b;text-shadow:0 0 .12em #ffd38b44,0 0 .38em var(--nick-glow)}
html body .nickname-frost{--nick-glow:#62bff06b;text-shadow:0 0 .12em #defaff55,0 0 .38em var(--nick-glow)}
html body .nickname-neon{--nick-glow:#a776ef70;text-shadow:0 0 .1em #e8e3ff88,0 0 .38em var(--nick-glow)}
/* Animate the lettering, not a repeatedly rasterized large shadow surface. */
html body :is(.nickname-fire,.nickname-frost,.nickname-neon){animation-name:nick-flow;animation-duration:4.5s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}
html body .topbar .profile-shortcut-text b,html body .review-author-name{box-sizing:content-box;padding:.5em .6em;margin:-.5em -.6em;overflow:hidden;line-height:1.35}
html body .hall-list .hall-player .nickname-style{box-sizing:content-box;padding:.5em .6em;margin:-.5em -.6em;max-width:100%;overflow:hidden}
html body .nickname-preview .nickname-style{padding:.5em .6em;margin:-.5em -.6em}
@media(prefers-reduced-motion:reduce){html body .nickname-style{animation:none!important}}
html body .review-author-name .nickname-style{box-sizing:border-box;max-width:calc(100% + 1.2em);padding:.5em .6em;margin:-.5em -.6em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}