@font-face{font-family:'Coronation Hand';src:url('/fonts/boogaloo-400.woff2') format('woff2');font-weight:400;font-display:swap}
.dark-coronation{box-sizing:border-box;inset:0;margin:auto;padding:0 0 24px;border:0;width:min(100vw,calc(100dvh * .58),560px);max-width:100vw;max-height:100dvh;overflow:auto;background:radial-gradient(ellipse at 50% 65%,#9f254a 0,#46182f 60%,#211329 100%);color:#ffe08a;text-align:center;box-shadow:0 20px 100px #000a;font-family:'Coronation Hand',sans-serif}
.dark-coronation::backdrop{background:#130f22ed}
.dark-coronation canvas{display:block;width:100%;height:auto}
.coronation-tools{position:absolute;z-index:2;right:12px;top:12px}
.dark-coronation button{font:inherit;cursor:pointer}
.coronation-tools button{color:#ffe6a8;background:#201626db;border:2px solid #ffd35b;border-radius:20px;padding:5px 16px}
.dark-coronation button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.coronation-actions{padding:0 8% 8px}
.coronation-actions [data-claim]{position:relative;width:100%;background:linear-gradient(165deg,#fff18c 0%,#ffda4f 24%,#ffc13f 80%);color:#17121c;border:5px solid #19131e;border-radius:28px;padding:13px 9px 16px;font-family:'Coronation Hand',sans-serif;font-size:clamp(18px,3.3vh,32px);line-height:1.1;box-shadow:inset 0 4px #fff4a4,inset 0 -7px #c77729,0 5px 0 #140f1c;text-transform:uppercase;transition:filter .15s,transform .15s}
.coronation-actions [data-claim]::before{content:'♛';display:inline-block;font-size:1.25em;margin-right:10px;transform:rotate(-12deg)}
.coronation-actions [data-claim]:hover{filter:brightness(1.08);transform:translateY(-2px)}
.coronation-actions [data-claim]:active{transform:translateY(2px)}
.coronation-status{font-size:clamp(12px,1.9vh,18px);line-height:1.3;min-height:1.3em;margin:6px 6% 16px;color:#ffe17c}
.dark-coronation [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.coronation-actions [data-claim]{transition:none}}