@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500;700;900&display=swap');
:root{color-scheme:dark;font-family:Unbounded,Arial,sans-serif;background:#09070d;color:#fff}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ff8dd8;outline-offset:8px}[hidden]{display:none!important}#gate{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;gap:30px;background:radial-gradient(ellipse at 50% 60%,#231426 0,transparent 65%)}h1{font-size:clamp(19px,3.3vw,43px);line-height:1.5;text-align:center;margin:0;font-weight:900;max-width:1000px;text-shadow:0 0 35px #ff8dd83b}#enter{background:#ff8dd8;color:#140c17;border:0;border-radius:100px;padding:20px 47px;font-size:16px;font-weight:700;box-shadow:0 0 50px #ff8dd824;transition:transform .2s}#enter:hover{transform:scale(1.06)}#scene{height:100svh;min-height:600px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#321637 0,#140d20 40%,#09070d 80%);animation:reveal .7s ease-out}.cloud{position:absolute;inset:0}.gif{position:absolute;display:block;overflow:hidden;border:2px solid #ffffff30;border-radius:8px;box-shadow:0 20px 60px #0008;animation:float 7s ease-in-out infinite}.gif:hover{border-color:#ff8dd8;z-index:5}.gif img{width:100%;height:100%;display:block;object-fit:cover}.money-one{width:27%;height:24%;left:4%;top:8%;--angle:-10deg}.anime-one{width:23%;height:24%;right:6%;top:8%;--angle:9deg;animation-delay:-2s}.astolfo-one{width:18%;height:31%;left:0%;top:44%;--angle:8deg;animation-delay:-3s}.money-two{width:24%;height:25%;right:1%;top:43%;--angle:-7deg;animation-delay:-1s}.anime-two{width:24%;height:23%;left:24%;bottom:5%;--angle:6deg;animation-delay:-4s}.astolfo-two{width:17%;height:29%;right:20%;bottom:2%;--angle:-8deg;animation-delay:-5s}.card{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center;white-space:nowrap}.tiny{font-size:14px;letter-spacing:6px;color:#ffb4e5}.discord{font-size:clamp(25px,4.7vw,75px);font-weight:900;text-decoration:none;letter-spacing:-2px;text-shadow:0 4px 30px #000,0 0 50px #ff85d958;line-height:1.25;transition:color .2s}.discord:hover{color:#ff8dd8}.hint{color:#e1c8e5;font-size:14px;letter-spacing:4px}.sound{position:absolute;bottom:22px;left:25px;z-index:10;display:flex;align-items:center;gap:15px;background:#09070dc9;padding:11px 15px;border:1px solid #ffffff20;border-radius:30px}.sound button{border:0;background:none;color:#ffd7f2;font-size:12px;padding:5px 0}.sound input{width:70px;accent-color:#ff8dd8}.credit{position:absolute;bottom:30px;right:25px;font-size:10px;letter-spacing:2px;color:#a693af}#status{position:absolute;bottom:75px;left:25px;z-index:10;color:#ffd7f2;font-size:12px;max-width:calc(100% - 50px)}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-13px) rotate(var(--angle))}}@keyframes reveal{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@media(max-width:650px){#scene{min-height:720px}#gate{gap:25px;padding:25px}h1{font-size:23px}.card{top:46%;gap:20px;width:100%;padding:10px}.discord{font-size:clamp(23px,6.2vw,40px);letter-spacing:-1px}.tiny{font-size:12px}.money-one{width:51%;height:18%;left:-5%;top:8%}.anime-one{width:49%;height:19%;right:-4%;top:10%}.astolfo-one{width:30%;height:19%;top:30%;left:-12%;opacity:.65}.money-two{width:33%;height:17%;right:-14%;top:35%;opacity:.65}.anime-two{width:57%;height:19%;bottom:16%;left:-7%}.astolfo-two{width:45%;height:26%;right:-3%;bottom:12%}.sound{left:16px;bottom:20px;gap:10px}.credit{right:16px;font-size:8px;bottom:37px}.hint{font-size:12px}#status{left:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.gif{transform:rotate(var(--angle))}}