/* The numeral and bezel use the same center, including double-digit ranks. */
.home .rank-crest:not([data-tier="0"]){--rank-center-y:calc(44.792% - 9px)}
.home .rank-crest:not([data-tier="0"]) canvas.oath-frame{top:var(--rank-center-y)}
.home .rank-crest:not([data-tier="0"]) canvas[data-rank-number]{top:var(--rank-center-y);transform:translate(-50%,-50%) scale(.9)}

/* A wet, slow-moving seam, contained between the two three-letter boards. */
.combat .slime-seam.slime-ooze{width:24px;filter:drop-shadow(0 0 3px #315f7555)}
.slime-ooze svg{overflow:visible}.slime-ooze-body{transform-box:fill-box;transform-origin:50% 50%;animation:gel-breathe130 4.8s ease-in-out infinite}
.slime-ooze .ooze-drop{transform-box:fill-box;transform-origin:center;fill:#75bfce;opacity:0;animation:gel-drip130 3.6s ease-in-out infinite}.slime-ooze .ooze-drop:nth-child(2){animation-delay:-1.3s}.slime-ooze .ooze-drop:nth-child(3){animation-delay:-2.5s}
@keyframes gel-breathe130{0%,100%{transform:scaleX(.94) skewX(-.4deg)}50%{transform:scaleX(1.08) skewX(.5deg)}}
@keyframes gel-drip130{0%{opacity:0;transform:translateY(-3px) scaleY(.65)}18%{opacity:.5}65%{opacity:.4}100%{opacity:0;transform:translateY(30px) scaleY(1.3)}}
@media(prefers-reduced-motion:reduce){.slime-ooze-body,.slime-ooze .ooze-drop{animation:none}.slime-ooze .ooze-drop{opacity:.25}}

/* Centered benefits with breathing room around the FREE callouts. */
.deed-compact .deed-daily{width:max-content;max-width:100%;margin:10px auto 7px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.deed-compact .deed-daily>span,.deed-compact .deed-token-row>span{display:flex;align-items:baseline;justify-content:center;gap:9px}
.deed-compact .deed-daily b{display:inline-block;width:auto;min-width:0;margin:0;font:700 15px/1 'Knightle Herald';color:#f4d994}
.deed-compact .deed-daily .deed-token-row{gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.deed-compact .deed-ruby{justify-content:center;text-align:center;gap:7px;margin:7px auto 8px}
.deed-checkout{min-height:63px;padding:11px 13px;border:1px solid #d6bb7c;border-bottom-color:#9c763f;border-radius:4px;background:linear-gradient(112deg,#253a2e,#3b5440 62%,#253b30);box-shadow:inset 0 1px #fff2c066,inset 0 -2px #14261d,0 3px 0 #0b160f,0 0 0 2px #75613b55;gap:9px}
.deed-sale-price{gap:8px}.deed-sale-price .deed-was{font-size:13px;min-width:35px;padding-top:12px;color:#b5b8a0}.deed-sale-price>strong{font-size:31px;text-shadow:0 2px #142519}
.deed-fake-ribbon{left:-6px;top:-7px;padding:3px 5px;transform:rotate(-10deg);font-size:6px;border-color:#dba25e;background:#843b2e;box-shadow:0 1px 2px #0c170e99}
.deed-discount{font:700 10px/1 Georgia;padding:6px 5px;border:1px solid #b7c97b77;border-radius:2px;background:#789348;color:#101e0e;box-shadow:inset 0 1px #deeca444}
.deed-buy-label{font-size:12px;line-height:1.25;max-width:100px;letter-spacing:.2px;color:#f7e7bc}.deed-buy-label b{font-size:24px}.deed-checkout-status{letter-spacing:.25px;line-height:1.6}
@media(max-width:360px){.deed-checkout{padding:10px;gap:6px}.deed-sale-price{gap:6px}.deed-sale-price>strong{font-size:28px}.deed-buy-label{font-size:11px}.deed-discount{font-size:9px;padding:5px 4px}}

/* Reuse the actual game wordmark, not the browser icon or a new illustration. */
.account-panel .account-logo{width:min(100%,310px);height:auto;aspect-ratio:22/7;display:block;margin:-6px auto 6px;image-rendering:pixelated;filter:drop-shadow(0 4px 3px #0008)}
.account-panel .account-intro{margin-bottom:14px}.account-panel .account-google{margin:0 0 10px}.account-panel .account-local{margin:15px 0 0;padding:11px 8px;font-size:11px}
.account-panel .account-footer{margin-top:12px;padding-top:12px}.account-panel .account-provider-status{margin:6px 0 10px;font:11px/1.45 Georgia;color:#d1b98b}.account-warning p{font:15px/1.6 Georgia;color:#d8d4c2}.account-warning h1{margin-top:10px}.account-warning .account-local{margin-top:8px}.account-warning .account-text-button{margin-top:7px}
@media(max-height:700px){.account-panel .account-logo{max-width:245px;margin-top:-6px;margin-bottom:0}.account-panel .account-local{margin-top:10px}.account-panel .account-footer{margin-top:9px;padding-top:9px}}

/* Larger boon symbols, with the same compact three-column rhythm. */
.deed-compact .deed-boons .coin-icon,.deed-compact .deed-boons i{width:30px;height:30px;min-height:30px;font-size:32px;line-height:30px;margin:0 auto 3px}
.deed-compact .deed-boons>div{gap:5px}

/* Painted augment-style medallions carry their own gold setting. */
.crimson-hall .castle-door-emblem{width:70px;height:70px;flex-shrink:0;margin:0 auto -9px;background:none;box-shadow:none;border-radius:0}
.castle-door-emblem img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 3px 3px #0008)}
@media(max-width:350px){.crimson-hall .castle-door-emblem{width:61px;height:61px}}

/* Short, centered forge count-in. The ring starts on the GO! frame. */
.forge-table .forge-countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:5;pointer-events:none}
.forge-countdown>span{display:block;font:700 clamp(68px,19vw,105px)/1 'Knightle Herald',Georgia;color:#ffeac2;text-shadow:0 4px 0 #3a2013,0 0 8px #6b280f,0 0 30px #ff992377;animation:forge-count130 .38s cubic-bezier(.16,.8,.25,1) both}
.forge-countdown.forge-count-go>span{color:#fff1ad;font-size:clamp(64px,18vw,98px);text-shadow:0 4px 0 #49331c,0 0 16px #ffca6688,0 0 34px #ff843d66}
@keyframes forge-count130{0%{opacity:0;transform:scale(1.22)}20%{opacity:1;transform:scale(.97)}38%,78%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.96)}}

/* A quick fade into combat timing; locking never moves the panel or meter. */
.critical-focus:not(.icebreak-focus):not(.ice-focus){animation:temper-fade130 .14s ease-out both}
.critical-focus:not(.icebreak-focus):not(.ice-focus) .critical-window{animation:none;transform:none;translate:none}
.critical-focus:not(.icebreak-focus):not(.ice-focus) .timing-strike.strike-surface{width:min(280px,100%);height:66px;min-height:66px;font-size:17px;letter-spacing:.7px}
.critical-focus:not(.icebreak-focus):not(.ice-focus).timing-locked .strike-gauge{animation:temper-lock130 .26s ease-out both}
.critical-focus:not(.icebreak-focus):not(.ice-focus).timing-locked .gauge-cursor{background:#fff9d9;box-shadow:0 0 5px #fff4b6,0 0 17px #ffdb68;animation:temper-cursor130 .24s ease-out both}
.critical-focus:not(.icebreak-focus):not(.ice-focus).grade-perfect{--lock-glow:#a2e96ecc}
.critical-focus:not(.icebreak-focus):not(.ice-focus).timing-locked .critical-number{animation:temper-number130 .48s cubic-bezier(.12,.75,.22,1) both;transform-origin:50% 50%}
.stage-combat .combat .tile.crit:not(.execution-rune) .rune-damage:not(.repeated-damage){animation:temper-damage130 1.7s ease-out both;animation-delay:var(--impact-delay);transform-origin:50% 50%}
@keyframes temper-fade130{from{opacity:0}to{opacity:1}}
@keyframes temper-lock130{0%{box-shadow:inset 0 0 0 2px #fff2c6,0 0 22px var(--lock-glow,#e3bf63b0)}100%{box-shadow:inset 0 0 0 1px #dec88966,0 0 5px var(--lock-glow,#e3bf6340)}}
@keyframes temper-cursor130{0%{transform:translateX(-50%) scaleY(1.4)}100%{transform:translateX(-50%) scaleY(1)}}
@keyframes temper-number130{0%{opacity:0;transform:scale(.72)}35%{opacity:1;transform:scale(1.12)}65%,100%{opacity:1;transform:scale(1)}}
@keyframes temper-damage130{0%{opacity:0;transform:translate(-50%,-22px) scale(.72)}14%{opacity:1;transform:translate(-50%,-38px) scale(1.12)}27%,78%{opacity:1;transform:translate(-50%,-38px) scale(1)}100%{opacity:0;transform:translate(-50%,-38px) scale(1)}}
@media(orientation:landscape) and (max-height:500px){.critical-focus:not(.icebreak-focus):not(.ice-focus) .timing-strike.strike-surface{height:48px;min-height:48px;font-size:14px}.forge-countdown>span{font-size:65px}}

/* Allow the longest Armory tab to fit inside its own border on phones. */
.armory-screen .dragon-subtabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.55fr);height:38px;min-height:38px}
.armory-screen .dragon-subtabs button{display:grid;place-items:center;min-width:0;max-width:100%;padding:4px 6px;box-sizing:border-box;font:11px/1.15 Georgia,serif;letter-spacing:.1px;white-space:normal}
.dragon-tab-label{display:block;min-width:0;max-width:100%;white-space:normal}
@media(prefers-reduced-motion:reduce){.forge-countdown>span,.critical-focus:not(.icebreak-focus):not(.ice-focus),.critical-focus:not(.icebreak-focus):not(.ice-focus).timing-locked .strike-gauge,.critical-focus:not(.icebreak-focus):not(.ice-focus).timing-locked .critical-number{animation:none;transform:none}.critical-focus:not(.icebreak-focus):not(.ice-focus).timing-locked .gauge-cursor{animation:none;transform:translateX(-50%)}.stage-combat .combat .tile.crit:not(.execution-rune) .rune-damage:not(.repeated-damage){animation:repeat-stays128 1.1s both;transform:translate(-50%,-38px)}}

.embark-rankings .world-coming-soon{flex:1;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px 12px;color:#d8c699;background:radial-gradient(ellipse at 50% 40%,#ae885012,transparent 68%)}
.world-coming-soon>span svg{width:66px;height:72px;filter:drop-shadow(0 4px 8px #0006)}
.world-coming-soon h3{font:26px/1.2 'Knightle Herald',Georgia;letter-spacing:2px;margin:16px 0 8px;color:#ead7a5}
.world-coming-soon p{font:14px/1.5 Georgia;color:#acaf96;max-width:230px;margin:0}
.embark-rankings .world-footer{justify-content:space-between;gap:10px}.embark-rankings .world-footer>button{width:auto;min-width:64px;padding:9px 12px;font-size:10px}.embark-rankings .world-modes{margin-bottom:10px}.embark-rankings .world-your-rank{box-sizing:border-box}
