.tier-emblem{flex-shrink:0;display:inline-block;position:relative}.tier-emblem__small{width:100%;height:100%;display:block;overflow:visible}.tier-emblem__glow{border-radius:50%}.tier-emblem[data-tier=dragon] .tier-emblem__glow{opacity:.9;background:radial-gradient(closest-side,#ff6a3cb3 35%,#ff6a3c00)}.tier-emblem[data-tier=royale] .tier-emblem__glow{background:radial-gradient(closest-side,#ffd76abf,#ffd76a00)}.tier-emblem__band{transform:translate(-300%)skew(-20deg)}.tier-emblem__burst{opacity:0}.tier-emblem__ember{background:radial-gradient(closest-side,#fff6d6,#ffc24a 35%,#ff7a2c00 100%);border-radius:50%;transform:scale(0)}.tier-emblem:not([data-still]) .tier-emblem__move{will-change:transform}.tier-emblem[data-playing] .tier-emblem__pop,.tier-emblem[data-pulse] .tier-emblem__pop{animation:.7s ease-out backwards tier-emblem-pop}.tier-emblem[data-playing] .tier-emblem__glow{animation:2.4s ease-in-out backwards tier-emblem-breathe}.tier-emblem[data-bold][data-playing] .tier-emblem__glow{animation-name:tier-emblem-breathe-bold}.tier-emblem[data-playing] .tier-emblem__rays{animation:4s cubic-bezier(.45,0,.55,1) backwards tier-emblem-turn}.tier-emblem[data-playing] .tier-emblem__burst{animation:.9s cubic-bezier(.2,.6,.4,1) .15s backwards tier-emblem-burst}.tier-emblem[data-playing] .tier-emblem__band,.tier-emblem[data-pulse] .tier-emblem__band{animation:tier-emblem-sweep var(--ms) cubic-bezier(.45, 0, .25, 1) var(--delay) backwards}.tier-emblem[data-playing] .tier-emblem__star{animation:tier-emblem-twinkle .9s ease-in-out var(--delay) backwards}.tier-emblem[data-playing] .tier-emblem__ember{animation-duration:1.6s;animation-timing-function:linear;animation-delay:var(--delay);animation-fill-mode:backwards}.tier-emblem[data-playing] .tier-emblem__ember[data-ember="1"]{animation-name:tier-emblem-ember-1}.tier-emblem[data-playing] .tier-emblem__ember[data-ember="2"]{animation-name:tier-emblem-ember-2}.tier-emblem[data-playing] .tier-emblem__ember[data-ember="3"]{animation-name:tier-emblem-ember-3}.tier-emblem[data-playing] .tier-emblem__ember[data-ember="4"]{animation-name:tier-emblem-ember-4}.tier-emblem[data-playing] .tier-emblem__ember[data-ember="5"]{animation-name:tier-emblem-ember-5}.tier-emblem[data-playing] .tier-emblem__ember[data-ember="6"]{animation-name:tier-emblem-ember-6}.tier-emblem[data-playing] .tier-emblem__ember[data-ember="7"]{animation-name:tier-emblem-ember-7}@keyframes tier-emblem-pop{0%{transform:scale(1)}35%{transform:scale(1.14)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes tier-emblem-breathe-bold{0%{transform:scale(1)}50%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes tier-emblem-breathe{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes tier-emblem-turn{0%{transform:rotate(0)}to{transform:rotate(22.5deg)}}@keyframes tier-emblem-burst{0%{opacity:.95;transform:scale(.45)}to{opacity:0;transform:scale(1.7)}}@keyframes tier-emblem-sweep{0%{transform:translate(-300%)skew(-20deg)}to{transform:translate(750%)skew(-20deg)}}@keyframes tier-emblem-twinkle{0%{transform:scale(1)}50%{transform:scale(2)}to{transform:scale(1)}}@keyframes tier-emblem-ember-1{0%{transform:translate(0)scale(0)}30%{transform:translate(-21%,-143%)scale(1.15)}70%{transform:translate(-50%,-333%)scale(.8)}to{transform:translate(-71%,-476%)scale(0)}}@keyframes tier-emblem-ember-2{0%{transform:translate(0)scale(0)}30%{transform:translate(21%,-150%)scale(1.15)}70%{transform:translate(50%,-350%)scale(.8)}to{transform:translate(71%,-500%)scale(0)}}@keyframes tier-emblem-ember-3{0%{transform:translate(0)scale(0)}30%{transform:translate(-38%,-150%)scale(1.15)}70%{transform:translate(-88%,-350%)scale(.8)}to{transform:translate(-125%,-500%)scale(0)}}@keyframes tier-emblem-ember-4{0%{transform:translate(0)scale(0)}30%{transform:translate(38%,-158%)scale(1.15)}70%{transform:translate(88%,-369%)scale(.8)}to{transform:translate(125%,-528%)scale(0)}}@keyframes tier-emblem-ember-5{0%{transform:translate(0)scale(0)}30%{transform:translate(-20%,-150%)scale(1.15)}70%{transform:translate(-47%,-350%)scale(.8)}to{transform:translate(-67%,-500%)scale(0)}}@keyframes tier-emblem-ember-6{0%{transform:translate(0)scale(0)}30%{transform:translate(20%,-160%)scale(1.15)}70%{transform:translate(47%,-373%)scale(.8)}to{transform:translate(67%,-533%)scale(0)}}@keyframes tier-emblem-ember-7{0%{transform:translate(0)scale(0)}30%{transform:translateY(-50%)scale(1.15)}70%{transform:translateY(-117%)scale(.8)}to{transform:translateY(-167%)scale(0)}}:where(.tier-badge){z-index:2;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.tier-badge:after{content:"";position:absolute;inset:-11px}.tier-badge[aria-expanded=true]{filter:drop-shadow(0 0 3px var(--color-gold))}.tier-badge:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.tier-peek{z-index:40;background:linear-gradient(180deg, #34231a, var(--color-lacquer-deep));max-width:calc(100vw - 16px);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-brass) 55%, transparent), 0 14px 30px -10px #000000d9;border-radius:14px;align-items:center;gap:12px;padding:10px 16px 10px 10px;animation:.16s cubic-bezier(.2,.9,.3,1.2) tier-peek-in;display:flex;position:fixed}.tier-peek__text{flex-direction:column;gap:4px;min-width:0;display:flex}.tier-peek__title{color:color-mix(in oklab, var(--color-parchment) 85%, transparent);white-space:nowrap;margin:0;font-size:12px;font-weight:600;line-height:1.2}.tier-peek__name{color:var(--color-tile-face);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px #00000073;margin:0;font-size:24px;font-weight:400;line-height:1}.tier-peek__spoken{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes tier-peek-in{0%{opacity:0;transform:scale(.92)}}
