/* A readable arcade flash: one full on/off cycle every two seconds. */
.call-record .call-record-title{animation-duration:2s}
@keyframes record-arcade-blink{0%,64.99%{opacity:1}65%,100%{opacity:0}}
.call-reward-burst .call-tip,.call-reward-burst .call-tip-coin,.call-reward-burst .call-tip canvas{width:12px;height:12px}
.call-reward-burst .call-tip-coin{filter:drop-shadow(1px 1px #654821)}
.call-reward-burst .call-tip canvas{filter:none}
.call-reward-burst .call-tip i{top:8px;left:-3px;width:1px;height:1px;box-shadow:none}
.call-reward-burst .call-tip i:nth-last-child(2){top:11px;left:-6px}.call-reward-burst .call-tip i:last-child{top:14px;left:-9px}
.call-tip-credit{font-size:16px}
/* A raised warm metal face, a deep socket and a quick expanding impact edge. */
.last-call-controls .call-drink-well{background:#251b10;box-shadow:0 12px #5d4225,0 15px #070c09,inset 0 0 0 2px #b88a45;isolation:isolate}
.last-call-controls .call-drink-well .call-drink{background:linear-gradient(#bc9b59,#a58142 45%,#81602f);color:#fff1b9;text-shadow:1px 2px #4e351b;will-change:transform,filter;transition:none;overflow:visible;box-shadow:inset 0 2px #f9dfa1,inset 3px 0 #e3be76,inset -3px 0 #7c552c,inset 0 -9px #674020,0 3px #261b0e}
.call-drink-well .call-drink-label{position:relative;z-index:2;display:block;pointer-events:none;font-size:1.08em;letter-spacing:2px}
.call-drink-well .call-click-ring{position:absolute;inset:0;z-index:3;border:2px solid #ffe4a0;pointer-events:none;animation:call-click-wave .36s ease-out both}
@keyframes call-click-wave{0%{opacity:0;transform:translateY(9px) scale(.94,.75)}18%{opacity:1}100%{opacity:0;transform:translateY(2px) scale(1.09,1.65)}}
.call-drink .call-press-sparks,.call-drink .key-press-glint{animation-duration:.36s}
.last-call-controls .call-drink:active{filter:brightness(1.25) saturate(1.2)}
.royal-deed-active{--ad-space:0px!important}.royal-deed-active #advertisement-space{display:none!important}
.royal-deed-dialog{width:min(510px,100%);max-height:calc(100dvh - var(--ad-space) - 24px);overflow-y:auto;padding:20px 25px 17px!important;scrollbar-width:thin;scrollbar-color:#a68b55 #15251e}
.royal-deed-dialog .deed-crest{width:40px;height:44px;margin:4px auto}
.royal-deed-dialog h2{margin:5px 0;font-size:32px}.royal-deed-dialog .eyebrow{font-size:5px;margin:0 0 5px}
.royal-deed-dialog .deed-vow{font-size:12px;line-height:1.4;margin:6px 0 13px}
.royal-deed-dialog .deed-boons{margin:0 0 12px;gap:8px;padding:11px 0}.royal-deed-dialog .deed-boons strong{font-size:22px}.royal-deed-dialog .deed-boons span{font-size:4px;white-space:nowrap;letter-spacing:.4px}
.deed-daily{display:grid;grid-template-columns:1fr;gap:7px;margin:12px 0 15px;font:13px Georgia;color:#d2ccb1;text-align:left;width:max-content;max-width:100%;margin-inline:auto}
.deed-daily b{display:inline-block;width:44px;color:#e9c982;font:16px 'Knightle Herald',Georgia;text-align:center;margin-right:9px}
.deed-exclusive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:end;margin-top:14px}
.deed-exclusive>div{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.deed-exclusive canvas{display:block;width:100%;height:68px;object-fit:contain;image-rendering:pixelated}
.deed-exclusive .deed-frame-preview canvas{width:57px;height:68px;object-fit:cover}
.deed-exclusive .deed-frame-preview [data-portrait-frame]{position:absolute;top:0;object-fit:fill}
.deed-exclusive small{font:4px/1.7 'Knightle Quill',Georgia;color:#dfc58c;margin:7px -5px 0;white-space:nowrap;letter-spacing:0}
.deed-exclusive-copy{font:10px Georgia;color:#b7bba6;margin:10px 0 14px}
.royal-deed-dialog .deed-price{font-size:25px;margin:7px 0 0}.royal-deed-dialog .deed-price small{font-size:4px}.royal-deed-dialog .deed-coming{font-size:6px;margin:6px 0}
.royal-deed-dialog .deed-disclosure{font:10px/1.4 Georgia;margin:10px 0;color:#aeb4a2}
.royal-deed-dialog>.btn{min-height:37px;margin:0 auto;font-size:6px;max-width:100%}.deed-token-note{display:block;font:10px Georgia;margin:9px 0;color:#aeb4a2}
.deed-test{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;border-top:1px solid #a38a4a44;padding-top:10px;margin-top:12px}
.deed-test>small{flex-basis:100%;font:4px 'Knightle Quill';color:#aab5a0;margin-bottom:3px}
.deed-test button{font:4px/1.6 'Knightle Quill';color:#dbcd99;background:#1d302a;border:1px solid #8f8551;padding:7px;cursor:pointer}
.cap-deed-link{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:0;color:#cbb783;font:11px Georgia;margin:5px auto 10px;cursor:pointer}.cap-deed-link .provision-icon{width:20px;height:23px}
.notes-tabs:not(:has([data-action="guide-page:loot"])){display:none}
/* New materials still yield to gray, yellow, green and burned key states. */
.keyboard[data-keyboard-skin=regalia]{--skin-text:#fff0c5;--key-face:linear-gradient(145deg,#325c76,#142b44 65%,#0e2035);--key-etch:linear-gradient(130deg,transparent 0 35%,#bdedff33 40%,transparent 46%);--key-edge:#d3b46c;--key-pin:#90cee4}
.keyboard[data-keyboard-skin=dread]{--skin-text:#f1dec4;--key-face:linear-gradient(140deg,#435062,#1d2631 50%,#382820);--key-etch:linear-gradient(0deg,#da7a414d,transparent 18%);--key-edge:#8c7561;--key-pin:#ffc173}
.keyboard[data-keyboard-skin=regalia] .key:not(.strike-surface):not(.hit):not(.crit):not(.miss):not(.key-charred):not(.key-restoring):before{background-size:230% 100%,100% 100%;animation:royal-key-glint 3.7s ease-in-out infinite;animation-delay:calc(var(--key-index,0)*-.13s)}
.keyboard[data-keyboard-skin=dread] .key:not(.strike-surface):not(.hit):not(.crit):not(.miss):not(.key-charred):not(.key-restoring):after{width:28%;height:2px;right:36%;bottom:7px;background:#e8a568;box-shadow:0 -1px #d7692f,0 0 5px #ce5728;animation:key-ember-breathe 2.8s ease-in-out infinite;animation-delay:calc(var(--key-index,0)*-.17s)}
@keyframes royal-key-glint{0%,15%{background-position:120% 0,0 0}70%,100%{background-position:-100% 0,0 0}}
@media(max-width:360px){.royal-deed-dialog{padding:16px!important}.deed-exclusive{gap:7px}.deed-exclusive small{font-size:3.3px}.royal-deed-dialog h2{font-size:28px}.deed-daily{font-size:12px}}
@media(prefers-reduced-motion:reduce){.call-record .call-record-title{animation:none!important}.call-click-ring{display:none}.keyboard[data-keyboard-skin] .key:before,.keyboard[data-keyboard-skin] .key:after{animation:none!important}}
