@font-face{font-family:Windlass;src:url(windlass.ttf) format('truetype');font-display:swap}
@font-face{font-family:Pirate;src:url(pragroman.ttf) format('truetype');font-display:swap}
*{box-sizing:border-box}
html{min-height:100%;background:#10201f}
body{margin:0;min-height:100vh;color:#f1f1f1;font:18px/24px Pirate,Georgia,serif;text-align:center;text-transform:uppercase;background:linear-gradient(#000b,#000b),url(background.jpg) center top/cover no-repeat}
main{width:80%;margin:0 auto;padding:5vw 0 55px}
header{margin-bottom:40px}
.avatar{width:201px;height:201px;object-fit:cover;clip-path:polygon(1% 2%,28% 3%,30% 5%,33% 2%,68% 2%,70% 5%,72% 2%,98% 1%,99% 46%,97% 49%,99% 52%,98% 98%,71% 97%,69% 99%,47% 98%,45% 96%,43% 99%,2% 98%,3% 62%,1% 60%)}
h1{margin:0 0 16px;font:800 48px/96px Windlass,Georgia,serif;letter-spacing:6px}
h2{margin:0 0 20px;font-size:27px;line-height:1.3;font-weight:700}
section{margin:0 0 26px}
.gold-rush{width:400px;max-width:100%;margin:0 auto 30px;padding:14px 12px;border:1px solid #b89b5266;border-radius:8px;background:#10201fcc}
.gold-rush h2{margin:0 0 6px;font-size:23px;color:#f5d38a}
.gold-rush-countdown{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 10px;margin:0 0 7px;font:13px/1.5 system-ui,sans-serif;text-transform:none}
#gold-rush-timer{font:700 22px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#f5d38a}
.gold-rush-description{margin:0;font:12px/1.6 system-ui,sans-serif;text-transform:none;color:#ded7c4}
.gold-rush.is-active{border-color:#f5d38a;background:#383014dd}
ul{list-style:none;padding:0;margin:0}
li{margin:0 0 10px}
.link-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:400px;max-width:100%;min-height:60px;padding:10px 23px;background:url(button.svg#off) center/100% 100% no-repeat;color:#fff;text-decoration:none;font-size:14px;line-height:20px;transition:transform .1s,filter .1s}
.link-button:hover{transform:scale(1.02);filter:contrast(115%);text-shadow:0 0 20px #49ff18}
.icon{flex-shrink:0;object-fit:contain;width:20px;height:20px}
.fallback-icon{font:20px/20px Georgia,serif}
.share-area{position:absolute;right:20px;top:18px;display:flex;align-items:flex-end;flex-direction:column;gap:6px}
#share{width:150px;height:48px;border:0;background:url(share.svg#off) center/100% 100% no-repeat;color:#fff;font:14px Pirate,Georgia,serif;text-transform:uppercase;cursor:pointer}
#share>span:first-child{font:22px Georgia,serif;margin-right:8px;color:#081c0d}
#share-feedback{font:13px/1.5 system-ui,sans-serif;text-transform:none;max-width:240px}
a:focus-visible,button:focus-visible{outline:3px solid #f5d38a;outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:550px){main{width:85%;padding-top:80px}h1{font-size:24px;line-height:64px;letter-spacing:4px}.link-button{width:80%;min-height:48px;padding:9px 16px}h2{font-size:25px}.share-area{right:15px;top:12px}#share{width:48px}.share-label{display:none}#share>span:first-child{margin:0}.avatar{width:180px;height:180px}}
@media(max-width:400px){main{width:92%}.link-button{width:100%}}
@media(prefers-reduced-motion:reduce){.link-button{transition:none}.link-button:hover{transform:none}}
