*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;color:#fff9d9;background:#073c2b}a{color:inherit}main{position:relative;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 65% 35%,#19864c 0%,#094d35 48%,#032b25 100%);isolation:isolate}main::before{content:"";position:absolute;width:74vw;height:74vw;left:34%;top:50%;transform:translateY(-50%) rotate(45deg);border:1px solid #f5d65b20;background:#f5d65b08;z-index:-1}.orb{position:absolute;width:62vh;height:62vh;right:9%;top:16%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#2c729a,#082e58 75%);box-shadow:0 0 0 22px #f5d65b06,0 0 0 23px #f5d65b18;z-index:-1}.orb::after{content:"";position:absolute;inset:22%;border:1px solid #ffffff15;border-radius:50%}
header{position:absolute;top:max(24px,env(safe-area-inset-top));left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:3}.dex{display:flex;align-items:center;gap:11px;text-decoration:none;border:1px solid #f5d65b40;border-radius:16px;padding:11px 16px;background:#063626a8;transition:transform .2s,background .2s}.dex:hover{transform:translateY(-2px);background:#0c5035}.dex img{width:26px;height:31px}.dex span{font-size:10px;letter-spacing:2px;font-weight:700}.wordmark{font-size:19px;font-weight:900;letter-spacing:-1px}.wordmark small{margin-left:14px;font-size:9px;letter-spacing:3px;color:#f5d65b}
.mascot{position:absolute;width:66%;height:88%;right:-5%;bottom:0;object-fit:contain;filter:drop-shadow(0 25px 25px #001d2580);animation:float 6s ease-in-out infinite;pointer-events:none}.content{position:absolute;left:8%;top:50%;transform:translateY(-43%);width:38%;max-width:500px;z-index:2}.kicker{color:#f5d65b;font-size:10px;letter-spacing:4px;font-weight:700}.title{font-size:clamp(70px,10vw,150px);line-height:.9;letter-spacing:-.075em;margin:22px 0 24px;transform:rotate(-4deg);text-shadow:0 3px #c6bd77,0 7px #476634,0 15px 25px #001e2870}.stars{color:#f5d65b;letter-spacing:12px;font-size:13px;margin:0 0 28px}.card{background:linear-gradient(135deg,#062f2eea,#062c34eb);border:1px solid #e8d86c45;border-radius:20px;padding:25px;box-shadow:0 6px 0 #012c25,0 20px 40px #001d2540;backdrop-filter:blur(8px)}.status{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;color:#b6cfb9}.status::before{content:"";width:6px;height:6px;border-radius:50%;background:#f5d65b;box-shadow:0 0 12px #f5d65b}h2{font-size:clamp(25px,3vw,39px);letter-spacing:-1.2px;line-height:1;margin:15px 0 10px}p{color:#bed0c1;font-size:14px;line-height:1.5;margin:0}.play{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;margin-top:22px;background:#f5d65b;border-radius:9px;padding:13px 17px;color:#123d29;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 3px 0 #9c842c}.play:hover{background:#ffe780}a:focus-visible{outline:3px solid white;outline-offset:5px}footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#9cbaaa}footer span:last-child{color:#f5d65b}
@keyframes float{50%{transform:translateY(-9px) rotate(1deg)}}
@media(max-width:650px){header{top:18px}.wordmark small{display:none}.orb{width:75vw;height:75vw;right:-8%;top:15%}.mascot{width:100%;height:57%;right:-14%;bottom:31%;object-position:right center}.content{left:6%;width:88%;max-width:none;top:auto;bottom:62px;transform:none}.kicker,.stars{display:none}.title{font-size:72px;margin:0 0 14px;width:fit-content}.card{padding:20px;background:#062f2ef2}h2{font-size:28px}.play{margin-top:16px}.dex span{display:none}.dex{padding:9px 12px}footer{font-size:8px;letter-spacing:1px}}
@media(max-height:650px) and (max-width:650px){.mascot{height:51%;bottom:38%}.content{bottom:43px}.title{font-size:55px;margin-bottom:10px}.card{padding:15px}h2{font-size:24px;margin:10px 0 6px}.play{padding:10px 13px;margin-top:12px}p{font-size:12px}}
@media(max-height:450px){header{top:10px}.content{top:80px;bottom:35px;transform:none;display:flex;align-items:center;gap:22px;width:78%;max-width:none}.title{font-size:70px;margin:0}.kicker,.stars{display:none}.card{padding:15px;max-width:330px}h2{font-size:25px;margin:10px 0}.play{margin-top:10px;padding:10px}.mascot{height:90%;width:45%;right:-7%;bottom:0}footer{bottom:10px}.orb{top:10%;right:3%}}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}}
.notice{font-size:clamp(23px,2.6vw,34px);font-weight:600;line-height:1.25;letter-spacing:-.7px;margin:0 0 16px}.content{transform:translateY(-50%)}@media(max-width:650px){.content{transform:none}.notice{font-size:25px}}@media(max-height:450px){.content{transform:none}.notice{font-size:22px}}