/* One center for the numeral, its corona and its permanent oath border. */
.ascension-emblem{box-sizing:border-box;flex-shrink:0}
.ascension-emblem canvas.rank-number,.ascension-emblem canvas.rank-echo{position:absolute;inset:0!important;box-sizing:border-box;padding:0;border:0;display:block;transform-origin:50% 50%}
.ascension-emblem>small{position:absolute;bottom:12px;left:0;right:0;text-align:center;margin:0;padding-left:5px}
.ascension-emblem .ascension-halo{inset:-32px;left:-32px;top:-32px;width:calc(100% + 64px);height:calc(100% + 64px);translate:none;transform-origin:center;opacity:.55;background:conic-gradient(#f1ca7e,#a6d59d,#8fc9e9,#c1a8e3,#e5afc4,#f1ca7e);mask-image:radial-gradient(circle at 50% 50%,transparent 40%,#000 46%,#000 48%,transparent 60%);animation:oath-corona 14s linear infinite}
.rank-up .ascension-halo{animation:oath-corona-burst 1s ease-out both}
@keyframes oath-corona{to{transform:rotate(360deg)}}
@keyframes oath-corona-burst{0%{opacity:.15;transform:scale(.75)}32%{opacity:.95;transform:scale(1.24)}100%{opacity:.55;transform:scale(1)}}
[data-tier]{--oath-metal:#bd8b56;--oath-shadow:#664b30}
[data-tier="2"]{--oath-metal:#cbd5d5;--oath-shadow:#6b7d82}
[data-tier="3"]{--oath-metal:#f5cd70;--oath-shadow:#9c7334}
[data-tier="4"]{--oath-metal:#b7b6ef;--oath-shadow:#626a9f}
[data-tier="5"]{--oath-metal:#e8d7b2;--oath-shadow:#b68b5c}
.rank-crest{position:relative;display:inline-grid;place-items:center;vertical-align:middle}
.rank-crest:not([data-tier="0"]){min-width:35px;min-height:32px;padding:1px 7px 3px;margin:4px 2px 8px;border:2px solid var(--oath-metal);outline:1px solid var(--oath-shadow);outline-offset:2px;background:linear-gradient(135deg,#4b453555,#141e16aa);box-shadow:inset 0 0 0 2px #171d14,0 0 14px #c2a96922;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}
 .rank-crest[data-tier="2"]{border:3px double var(--oath-metal)}
.rank-crest[data-tier="3"]{border-width:3px;box-shadow:inset 0 0 0 2px #332716,inset 0 0 0 3px #b99a56,0 0 14px #dcb76533}
.rank-crest[data-tier="4"]{border:3px double var(--oath-metal);box-shadow:inset 0 0 9px #9f92ca55,0 0 12px #adb7ee44}
.rank-crest[data-tier="5"]{border:3px double #e9d7aa;background:linear-gradient(145deg,#59432a,#222a36 45%,#39344b);box-shadow:inset 0 0 0 2px #8dafa2,inset 0 0 0 3px #101b17,0 0 14px #f0cb7866}
.rank-crest i{font:7px 'Knightle Quill';letter-spacing:2px;padding-left:2px;line-height:1.1;color:var(--oath-metal);display:block}
.ascension-emblem:not([data-tier="0"]):after{content:'';position:absolute;inset:22px;border:2px double var(--oath-metal);border-radius:50%;box-shadow:0 0 0 4px #101911,0 0 0 5px var(--oath-shadow);opacity:.8;pointer-events:none}
.ascension-emblem[data-tier="5"]:after{border-width:4px;border-color:#e3ca8a;box-shadow:0 0 0 4px #101911,0 0 0 6px #aecacc,0 0 25px #e3bb6555}
.ascension-line{font:italic 11px Georgia;color:#c9b984;text-align:center;text-transform:capitalize;margin:2px 0}
.ascend-entry{border:0;border-top:1px solid #bda26188;border-bottom:1px solid #bda26155;background:linear-gradient(90deg,transparent,#d7bd6422,transparent);font:16px 'Knightle Herald';letter-spacing:2px;color:#f0dab0;padding:9px 7px;min-height:44px;cursor:pointer}
.ascend-entry small{display:block;font:6px 'Knightle Quill';letter-spacing:1px;margin-top:5px;color:#b3a382}
.ascension-dialog{max-width:440px;text-align:center}.ascension-dialog h2{font:28px 'Knightle Herald';color:#e9d7ac;margin:17px 0 10px}
.oath-medallion{margin:16px auto 4px;display:grid;place-items:center;width:77px;height:77px;border:3px double var(--oath-metal);outline:1px solid var(--oath-shadow);outline-offset:5px;color:var(--oath-metal);font:34px 'Knightle Herald';background:radial-gradient(#53514155,#151b15);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}
.ascend-vow{font:italic 16px/1.6 Georgia;color:#d8ccb2;margin:10px 0 20px}.ascend-boons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 0;border-block:1px solid #99815b55}.ascend-boons span{font:6px 'Knightle Quill';letter-spacing:.8px;color:#bfb68c}.ascend-boons b{display:block;font:27px 'Knightle Herald';color:#edd496;margin-bottom:8px}.ascend-keep{font:italic 12px/1.7 Georgia;color:#b8b5a1;margin:18px 0 23px}.ascension-dialog .btn{font-size:10px;width:100%}
/* The inscription stays centered; provisions occupy the outer edge. */
.rune-board-controls .tile{width:46px;height:29px;font-size:17px}
.rune-board-controls .guess-row{gap:6px;height:29px}
.rune-board-controls .guess-row.current,.rune-board-controls .guess-row.last-attack,.rune-board-controls .guess-row.current .tile,.rune-board-controls .guess-row.last-attack .tile{height:47px}
.rune-board-controls .guess-row.current .tile,.rune-board-controls .guess-row.last-attack .tile{font-size:25px}
.rune-board-controls .seven-runes .tile{width:42px}
.rune-board-controls .consumable-belt{left:calc(50% + 232px)}
.hoard-sky{position:fixed;inset:0 0 var(--ad-space);width:100%;height:calc(100% - var(--ad-space));z-index:3;pointer-events:none;image-rendering:pixelated}
.hoard-finale header,.hoard-receipt,.hoard-continue{position:relative;z-index:4}
.hoard-opening header{opacity:.8;transition:opacity .7s}.hoard-theater{z-index:2}
.death-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;z-index:0}
.death-screen .death-scene{z-index:1;animation:last-kneel 7.5s ease both}
.death-veil{animation:chamber-extinguish 2.5s 3.1s ease forwards}
@media(max-width:850px){.rune-board-controls .consumable-belt{left:calc(50% + 198px)}}
@media(max-width:700px){
 .rune-board-controls .tile{width:40px;height:26px;font-size:16px}
 .rune-board-controls .guess-row{height:26px;gap:4px}
 .rune-board-controls .guess-row.current,.rune-board-controls .guess-row.last-attack,.rune-board-controls .guess-row.current .tile,.rune-board-controls .guess-row.last-attack .tile{height:43px}
 .rune-board-controls .guess-row.current .tile,.rune-board-controls .guess-row.last-attack .tile{font-size:23px}
 .rune-board-controls .seven-runes .tile{width:34px}
 .rune-board-controls .seven-runes .guess-row{gap:3px}
 .rune-board-controls .consumable-belt{left:calc(50% + min(50vw - 52px,202px));top:0;width:44px}
 .ascension-dialog{padding:22px 18px}.ascension-dialog h2{font-size:25px}.ascend-boons b{font-size:25px}
}
@media(max-width:375px){.rune-board-controls .seven-runes .tile{width:32px}.rune-board-controls .seven-runes .guess-row{gap:3px}.rune-board-controls .row-damage{right:calc(100% + 5px);font-size:5px;width:39px}}
@media(min-width:701px) and (max-height:900px){.rune-board-controls .tile,.rune-board-controls .guess-row{height:26px}.rune-board-controls .guess-row.current,.rune-board-controls .guess-row.last-attack,.rune-board-controls .guess-row.current .tile,.rune-board-controls .guess-row.last-attack .tile{height:45px}.combat-controls .key{height:40px;min-height:40px}}
@media(max-height:760px) and (max-width:700px){.rune-board-controls .tile,.rune-board-controls .guess-row{height:24px}.rune-board-controls .guess-row.current,.rune-board-controls .guess-row.last-attack,.rune-board-controls .guess-row.current .tile,.rune-board-controls .guess-row.last-attack .tile{height:40px}.battle-wrap{min-height:88px}}
@media(prefers-reduced-motion:reduce){.ascension-emblem .ascension-halo{animation:none;opacity:.4;display:block}.rank-up .ascension-halo{transform:none}.hoard-opening header{opacity:1}.death-screen .death-scene{animation:none}}
