@font-face{font-family:Luckiest Guy;src:url(/LuckiestGuy-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Special Gothic Expanded One;src:url(/Special_Gothic_Expanded_One/SpecialGothicExpandedOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/Fredoka/static/Fredoka-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/Fredoka/static/Fredoka-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #050507;--bg-deep: #03050d;--text: #f7f7f7;--muted: #b9bcc5}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Fredoka,Trebuchet MS,sans-serif;background-color:#050505;background-image:url(/bg.png);background-repeat:no-repeat;background-size:cover;background-position:center -40px;color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}#root{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column;width:100%;position:relative}.topbar{background:#0b0b0b;border-bottom:1px solid #141414;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:3}.brand{display:grid;gap:6px}.logo{width:clamp(90px,13vw,140px);height:auto}.wallet-btn{position:relative;width:clamp(150px,22vw,183px);aspect-ratio:183 / 46;border:none;background:url(/Vector%2097.png) center/100% 100% no-repeat;cursor:pointer;transition:transform .2s ease,filter .2s ease;display:inline-flex;align-items:center;justify-content:center;padding:0 12px 0 16px;gap:8px}.wallet-btn:after{content:"";width:22px;height:16px;background:url(/Vector%20120.png) center/100% 100% no-repeat;margin-left:4px}.wallet-btn__text{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);font-family:Fredoka,sans-serif;font-weight:600}.wallet-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.wallet-btn:disabled{cursor:progress;opacity:.75}.wallet-btn:focus-visible,.social:focus-visible{outline:2px dashed #ffffff;outline-offset:4px}.hero{position:relative;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 24px 48px;overflow:hidden;z-index:2}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;--content-width: 818px;--content-height: 478.74px;--middle-gap: 22px;width:min(var(--content-width),calc(100vw - 48px));height:var(--content-height);margin-top:180px}h1{margin:0;font-size:clamp(24px,4.2vw,48px);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 12px 30px rgba(0,0,0,.45);font-family:Special Gothic Expanded One,Luckiest Guy,sans-serif}.middle-group{display:flex;flex-direction:column;align-items:center;gap:var(--middle-gap);margin-top:6px}.subhead{margin:0;font-size:clamp(14px,2.1vw,20px);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:Fredoka,sans-serif;font-weight:600}.countdown-shell{width:342px;height:108px;position:relative;background:none;display:grid;grid-template-columns:repeat(4,65.47px);gap:7.17px;align-items:start;justify-content:start;padding:18.13px 29.3px;margin:0;overflow:visible}.countdown-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/Vector%2096.png) center/100% 100% no-repeat;transform:translate(6px,6px);z-index:0;pointer-events:none}.countdown-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/Vector%2071.png) center/100% 100% no-repeat;z-index:1;pointer-events:none}.time-unit{display:flex;flex-direction:column;align-items:center;width:65.47px;height:71.74px;gap:0;position:relative;z-index:2}.time-box{width:65.47px;height:49.8px;background:url(/numberpanel.png) center/100% 100% no-repeat;position:relative}.value{position:absolute;top:7px;left:12px;width:42px;height:40px;display:flex;align-items:center;justify-content:center;font-size:34px;letter-spacing:0;text-shadow:0 6px 14px rgba(0,0,0,.35);line-height:1;font-family:Special Gothic Expanded One,Luckiest Guy,sans-serif}.label{margin-top:12.94px;font-size:9px;letter-spacing:.12em;line-height:1;text-transform:uppercase;color:#c5c8d2;font-family:Fredoka,sans-serif;font-weight:600}.socials{display:flex;gap:45px;align-items:center;margin-top:0;width:168.42px;height:46.61px}.social{width:61.71px;height:46.61px;display:inline-flex;align-items:center;justify-content:center;background-position:center;background-size:100% 100%;background-repeat:no-repeat;transition:transform .2s ease}.social:hover{transform:translateY(-2px)}.social-x{background-image:url(/x.png)}.social-discord{background-image:url(/discord.png)}.volume-control{position:fixed;right:28px;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:4}.volume-bar{width:33px;height:213px;background:url(/volumebg.png) center/100% 100% no-repeat;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.volume-fill{position:absolute;left:50%;bottom:6px;width:21px;height:calc(201px * var(--volume-display));transform:translate(-50%);background:url(/volumefill.png) bottom/100% auto no-repeat;pointer-events:none;clip-path:polygon(0 var(--volume-angle),100% 0,100% 100%,0 100%)}.volume-toggle{width:64px;height:64px;padding:0;border:none;background:transparent;cursor:pointer;display:grid;place-items:center;z-index:4}.volume-toggle img{height:100%;width:auto;display:block}.volume-toggle:focus-visible{outline:2px dashed #ffffff;outline-offset:4px}.legal{padding:0 24px 24px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#ffffff59;font-family:Fredoka,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 720px){.topbar{flex-wrap:wrap}.wallet-btn{margin-left:auto}.countdown-shell{gap:8px;padding:16px 18px}}@media (max-width: 540px){.topbar{flex-direction:column;align-items:flex-start}.wallet-btn{margin-left:0}.socials{gap:12px}}
