/* One old-school blink in the game's original carved pixel lettering. */
.call-record .call-record-title{font:700 clamp(20px,5.6cqw,30px)/1.35 'Knightle Mark',Georgia;letter-spacing:1px;background:none;background-clip:border-box;-webkit-text-fill-color:currentColor;color:#ffe4a0;text-shadow:2px 2px #47331d,0 3px #0b1512;animation:record-arcade-blink .8s steps(1,end) infinite both paused;animation-delay:var(--record-age,0ms);transform:none;filter:none}
@keyframes record-arcade-blink{0%,49.99%{opacity:1}50%,100%{opacity:0}}
.call-record .record-radiance,.call-record .record-sparks{display:none}
/* The wooden face plunges into a stationary dark socket, without moving the layout. */
.call-drink-well{position:relative;margin:17px 0 20px;background:#302719;box-shadow:0 10px #302719,0 13px #040a07,inset 0 0 0 2px #76603d}
.last-call-controls .call-drink-well .call-drink{margin:0!important;transform-origin:50% 100%;box-shadow:inset 0 2px #f5dfa2,inset 3px 0 #d0b77b,inset -3px 0 #6d5734,inset 0 -9px #594025,0 3px #181b0f}
.last-call-controls .call-drink:active{transform:translateY(10px) scale(.97,.86);filter:brightness(1.2)}
.call-drink .call-press-sparks{animation-duration:.22s}.call-drink .key-press-glint{animation-duration:.22s}
/* Flight is painted from the presentation clock. The +1 has its own short pop. */
.call-reward-burst .call-tip{display:block;width:30px;height:30px;animation:none!important;transform-origin:center;will-change:transform;opacity:0}
.call-reward-burst .call-tip-coin{display:block;width:30px;height:30px;animation:none!important;transform-origin:center;filter:drop-shadow(1px 2px #8c5c22)}
.call-reward-burst .call-tip canvas{width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 0 4px #ffc85980)}
.call-tip-credit{position:absolute;font:700 24px/1 'Knightle Mark',Georgia;color:#fff1ad;text-shadow:2px 2px #302213,0 0 6px #b3883d;animation:tip-credit-pop .85s ease-out both paused;animation-delay:var(--call-age,0ms);z-index:7;pointer-events:none;white-space:nowrap}
@keyframes tip-credit-pop{0%{opacity:0;transform:translate(-50%,-4px) scale(.5)}15%{opacity:1;transform:translate(-50%,-28px) scale(1.25)}35%,70%{opacity:1;transform:translate(-50%,-33px) scale(1)}100%{opacity:0;transform:translate(-50%,-42px) scale(1)}}
.call-reward-burst .call-tip i{width:2px;height:2px;left:-5px;top:24px;box-shadow:-5px 4px #cb8f3c;opacity:.65}.call-reward-burst .call-tip i:nth-last-child(2){left:-12px;top:31px;opacity:.4}.call-reward-burst .call-tip i:last-child{left:-18px;top:37px;opacity:.2}
/* A compact ward acknowledgment leaves the dragon's head and breath unobstructed. */
.helmet-trigger.flameproof-trigger{top:auto;bottom:6px;left:50%;translate:-50% 0;width:max-content;max-width:90%;display:flex;gap:7px;align-items:center;padding:5px 10px;border:1px solid #98cdb3;background:#112e29ed;box-shadow:0 2px #071812,0 0 9px #83c6aa40;animation:flameproof-seal-in .35s .65s ease-out both}
.helmet-trigger.flameproof-trigger b{font:700 15px/1.1 'Knightle Mark',Georgia;letter-spacing:.7px;margin:0;color:#d5f0c5}.flameproof-seal{font-style:normal;font-size:18px;color:#f4d88b;text-shadow:0 0 7px #c0eed5}
@keyframes flameproof-seal-in{from{opacity:0;transform:translateY(7px) scale(.85)}to{opacity:1;transform:none}}
.keyboard[data-keyboard-skin=fortune]:not([data-keyboard-skin=default]) .key:not(.strike-surface):not(.hit):not(.crit):not(.miss):not(.key-charred):not(.key-restoring):before{animation-duration:6.65s}
@container game-stage (max-height:560px){.call-drink-well{margin:9px 0 17px}}
@media(orientation:landscape) and (max-height:500px){.call-drink-well{margin:7px 0 15px}.call-record .call-record-title{font-size:21px}.helmet-trigger.flameproof-trigger{bottom:3px;padding:3px 7px}.helmet-trigger.flameproof-trigger b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.call-record .call-record-title,.call-tip-credit,.helmet-trigger.flameproof-trigger{animation:none!important;opacity:1;transform:none}.call-tip-credit{transform:translate(-50%,-25px)}.keyboard[data-keyboard-skin=fortune] .key:before{animation:none!important}}
/* A small announcement sits above the existing toast; combat stays visible. */
#achievement-toast:has(.notice-feat-banner){overflow:visible;clip-path:none}
#achievement-toast .notice-feat-banner{position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);font:700 14px/1.2 'Knightle Mark',Georgia;letter-spacing:1px;white-space:nowrap;pointer-events:none;background:linear-gradient(90deg,#ffc47e,#edb9ff,#a5d9ff,#bdeea0,#ffe6a0,#ffc47e);background-size:220% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px #11231c);animation:new-feat-spectrum 2.4s linear infinite}
@keyframes new-feat-spectrum{to{background-position:220% 0}}
.feat-purse{display:flex;justify-content:center;align-items:center;gap:6px;margin:7px 0 0;height:22px;color:#f1d28e;font:18px 'Knightle Herald',Georgia}.feat-purse canvas{width:20px;height:20px}.feat-purse b{font-weight:normal;min-width:45px}
.feat-seal.reward-ready{background:#e5c3660c;border-color:#ad934b66}.feat-seal.reward-ready canvas{filter:drop-shadow(0 0 5px #ebc97588)}
.feat-reward-dot{position:absolute;top:2px;right:3px;width:12px;height:12px;background:#e8c579;color:#232a20;font:bold 10px/12px Georgia;font-style:normal;box-shadow:0 1px #0c1713}
.feat-inscription .feat-gold-detail{display:block;color:#e6c57f;font:10px/1.4 Georgia;margin-top:6px;letter-spacing:.5px}
.feat-gold-flight{position:fixed;inset:0;z-index:160;pointer-events:none;overflow:hidden}.feat-gold-flight canvas{position:absolute;width:22px;height:22px;image-rendering:pixelated;filter:drop-shadow(0 0 4px #e7c579);opacity:0}.feat-gold-flight>b{position:absolute;font:22px 'Knightle Herald',Georgia;color:#fff0a5;text-shadow:0 2px #1f271b;animation:feat-claim-number 1.3s ease-out both}
@keyframes feat-claim-number{0%{opacity:0;transform:translate(-50%,0) scale(.6)}15%,65%{opacity:1;transform:translate(-50%,-24px) scale(1)}100%{opacity:0;transform:translate(-50%,-40px)}}
.notes-tabs:not(:has([data-action="guide-page:loot"])){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(orientation:landscape) and (max-height:500px){.feat-purse{position:absolute;right:3px;top:0;margin:0}.feats-room .screen-title{position:relative}}
@media(prefers-reduced-motion:reduce){#achievement-toast .notice-feat-banner{animation:none}.feat-gold-flight>b{animation-duration:.25s}}
