/* Bedrock-matched name-frame rendering with web-only low-alpha guide strokes removed. */
.nameFrame{--primary:#fff;--accent:#aaa;display:inline-flex!important;grid-template-columns:none!important;align-items:center;max-width:100%;min-height:34px;padding:4px 7px;background:#0009;border-radius:3px;color:#fff!important;font-family:Monocraft,"Noto Sans TC",sans-serif;font-size:16px;line-height:1;white-space:nowrap;text-shadow:2px 2px 0 #000;filter:none!important;image-rendering:pixelated;width:auto!important}
.frameGameText{display:inline-flex;align-items:center;min-width:0}.frameBracket{color:var(--primary)}.frameAffix{color:var(--accent)}.framePlayer{color:#fff}.frameGap{width:.55em;flex:0 0 auto}
.gameGlyph{display:inline-block;flex:0 0 32px;width:32px;height:32px;background-color:#fff;-webkit-mask-image:url('/name-frame-glyphs-game.png');mask-image:url('/name-frame-glyphs-game.png');-webkit-mask-size:512px 512px;mask-size:512px 512px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;image-rendering:pixelated}
.glyphAccent{color:var(--accent)}.glyphPrimary{color:var(--primary)}
.glyph-t1-left{-webkit-mask-position:0 0;mask-position:0 0}.glyph-t1-right{-webkit-mask-position:-32px 0;mask-position:-32px 0}
.glyph-t2-inner-left{-webkit-mask-position:-192px -32px;mask-position:-192px -32px}.glyph-t2-inner-right{-webkit-mask-position:-224px -32px;mask-position:-224px -32px}
.glyph-t3-inner-left{-webkit-mask-position:-256px -32px;mask-position:-256px -32px}.glyph-t3-inner-right{-webkit-mask-position:-288px -32px;mask-position:-288px -32px}
.glyph-t2-left{animation:glyphT2Left 4s steps(1,end) infinite}.glyph-t2-right{animation:glyphT2Right 4s steps(1,end) infinite}.glyph-t3-left{animation:glyphT3Left 3s steps(1,end) infinite}.glyph-t3-right{animation:glyphT3Right 3s steps(1,end) infinite}
@keyframes glyphT2Left{0%{-webkit-mask-position:-64px 0;mask-position:-64px 0}25%{-webkit-mask-position:-96px 0;mask-position:-96px 0}50%{-webkit-mask-position:-128px 0;mask-position:-128px 0}75%{-webkit-mask-position:-160px 0;mask-position:-160px 0}}
@keyframes glyphT2Right{0%{-webkit-mask-position:-192px 0;mask-position:-192px 0}25%{-webkit-mask-position:-224px 0;mask-position:-224px 0}50%{-webkit-mask-position:-256px 0;mask-position:-256px 0}75%{-webkit-mask-position:-288px 0;mask-position:-288px 0}}
@keyframes glyphT3Left{0%{-webkit-mask-position:-320px 0;mask-position:-320px 0}16.666%{-webkit-mask-position:-352px 0;mask-position:-352px 0}33.333%{-webkit-mask-position:-384px 0;mask-position:-384px 0}50%{-webkit-mask-position:-416px 0;mask-position:-416px 0}66.666%{-webkit-mask-position:-448px 0;mask-position:-448px 0}83.333%{-webkit-mask-position:-480px 0;mask-position:-480px 0}}
@keyframes glyphT3Right{0%{-webkit-mask-position:0 -32px;mask-position:0 -32px}16.666%{-webkit-mask-position:-32px -32px;mask-position:-32px -32px}33.333%{-webkit-mask-position:-64px -32px;mask-position:-64px -32px}50%{-webkit-mask-position:-96px -32px;mask-position:-96px -32px}66.666%{-webkit-mask-position:-128px -32px;mask-position:-128px -32px}83.333%{-webkit-mask-position:-160px -32px;mask-position:-160px -32px}}
.frameOptions{transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1),opacity .18s ease!important}.frameTier.closing .frameOptions{grid-template-rows:1fr;opacity:1}.frameOption{opacity:0;transform:translateY(-10px)}.frameTier.open .frameOption{animation:optionFadeIn .28s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--option-enter-delay)}.frameTier.closing .frameOption{animation:optionFadeOut .2s ease both;animation-delay:var(--option-exit-delay)}
@keyframes optionFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes optionFadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}
.frameTierMain>.frame-tier-2,.frameTierMain>.frame-tier-3{display:flex!important;width:max-content!important;margin-inline:auto}.frameOption>.frame-tier-2,.frameOption>.frame-tier-3{justify-self:center}
@media(min-width:761px){.frameTierHead{position:relative;grid-template-columns:1fr!important}.frameTierHead>.frameExpand{position:absolute;right:18px;top:50%;transform:translateY(-50%)}.frameOption{grid-template-columns:140px minmax(0,1fr) 140px!important}.frameOption>.frameAdd{justify-self:end}}
@media(prefers-reduced-motion:reduce){.glyph-t2-left,.glyph-t2-right,.glyph-t3-left,.glyph-t3-right{animation-play-state:paused}.frameTier.open .frameOption{opacity:1;transform:none;animation:none}.frameTier.closing .frameOption{opacity:0;transform:none;animation:none}.frameOptions{transition:none!important}}
@media(max-width:600px){.nameFrame{font-size:12px}.gameGlyph{zoom:.75}.frameGap{width:.42em}}