/* Fit the earned frame to the raised number without covering its rank or XP. */
.home .rank-crest:not([data-tier="0"]) canvas.oath-frame{inset:auto;left:50%;top:calc(44.792% - 9px);height:calc(100% - 24px);width:calc((100% - 24px) * .875);transform:translate(-50%,-44.792%)}
.home .last-call-side .last-call-mark{animation-name:call-menu-mug-subtle}
@keyframes call-menu-mug-subtle{0%,71%,100%{transform:rotate(0)}76%,84%{transform:rotate(-2.5deg)}80%,88%{transform:rotate(2.5deg)}92%{transform:rotate(-1deg)}}
.stage-combat .combat .combat-foot:before{background:linear-gradient(90deg,#09140bb3,#09140b7a 48%,#09140bb3)}

/* Reserve the action's final position while the timer smoothly makes room. */
.stage-combat .combat .bonus-word-controls{justify-content:flex-start}
.stage-combat .combat .bonus-word-controls>.turn-clock{flex:0 0 min(155px,calc(100% - 186px))}
.stage-combat .combat .bonus-word-controls .combat-word-skip{position:absolute;right:0}

/* Keep the same title, controls and panel footprint before and after a strike. */
.critical-focus:not(.icebreak-focus):not(.ice-focus) .critical-window #timing-title{box-sizing:border-box;display:grid;place-content:center;height:64px;min-height:64px;line-height:1.15}
.critical-focus.timing-locked.grade-perfect #timing-title{translate:none;font-size:clamp(25px,7vw,30px);animation:temper-title-lift .45s ease-out both,perfect-spectrum 1.15s linear infinite}
.critical-focus .timing-strike.strike-surface{box-sizing:border-box;width:min(230px,100%);min-width:0;height:58px;min-height:58px}
@keyframes temper-title-lift{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@media(orientation:landscape) and (max-height:500px){
 .critical-focus:not(.icebreak-focus):not(.ice-focus) .critical-window #timing-title{height:35px;min-height:35px}
 .critical-focus .timing-strike.strike-surface{height:40px;min-height:40px}
 .critical-focus.timing-locked.grade-perfect #timing-title{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.critical-focus.timing-locked.grade-perfect #timing-title{animation:none;transform:none}}
