*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#16131d;color:#111;font-family:Arial,Helvetica,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100svh;padding:12px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,img,.phone{-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none}button:focus-visible{outline:4px solid #00eaff;outline-offset:4px}.phone{position:relative;isolation:isolate;width:min(100%,430px);height:min(940px,calc(100svh - 24px));min-height:660px;overflow:hidden;background:#ff00ad;box-shadow:0 16px 80px #0008;container-type:inline-size}.backdrop{position:absolute;inset:-12px;background:url('assets/background.png') center/cover;z-index:-2;animation:backdrop 18s ease-in-out infinite alternate}.brand{position:absolute;top:1%;left:4%;width:92%;height:26%;animation:float 6s ease-in-out infinite}.brand img{width:100%;height:100%;object-fit:contain}.hero{position:absolute;left:-3%;top:25%;width:106%;height:33%;animation:hero 4.8s ease-in-out infinite}.hero img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 0 white) drop-shadow(0 -2px 0 white)}.utility{display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#0c0b11;box-shadow:0 0 0 2px #111;width:40px;height:40px;padding:7px;z-index:5}.utility img{width:100%;height:100%;filter:invert(1)}.sound{position:absolute;right:12px;top:12px}.actions{position:absolute;top:57%;left:7%;width:86%;height:36%;display:flex;flex-direction:column;gap:1.1cqw;z-index:2}.arcade{position:relative;flex:1;min-height:42px;border:0;padding:3px;background:#101015;clip-path:polygon(5% 0,94% 0,100% 48%,94% 100%,5% 100%,0 51%);transform:rotate(-1deg);animation:button-breathe 5s ease-in-out infinite;--accent:#05ddf4}.arcade:nth-child(2){animation-delay:-1s;transform:rotate(.7deg)}.arcade:nth-child(3){animation-delay:-2s}.arcade:nth-child(4){animation-delay:-3s;transform:rotate(.6deg)}.arcade:nth-child(5){animation-delay:-4s}.arcade:before{content:'';position:absolute;inset:3px;background:var(--accent);clip-path:inherit}.arcade span{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:6%;height:100%;padding:0 8%;margin:2px;background:#fff;clip-path:inherit}.arcade img{height:70%;width:14%;stroke-width:3}.arcade b{font-size:7.3cqw;line-height:1;font-weight:1000;font-style:italic;letter-spacing:-1px;white-space:nowrap}.arcade.primary{flex:1.16;--accent:#ff08ab}.arcade.primary span{background:#fff000}.arcade.primary b{font-size:10cqw;letter-spacing:1px}.pink{--accent:#ff00ae}.purple{--accent:#9d0aff}.arcade:hover span{background:var(--accent)}.arcade.primary:hover span{background:#ffe43b}.arcade:active{scale:.96}.ad{position:absolute;left:3%;right:3%;bottom:1%;height:5.3%;min-height:36px;background:#fffffff2;border:2px solid #18151e;border-radius:7px;outline:2px solid white;display:grid;place-items:center;font-size:9px;letter-spacing:3px;color:#777;z-index:3}.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}.particle{position:absolute;width:8px;height:8px;background:var(--color);opacity:0;animation:particle 3s linear infinite;rotate:35deg;pointer-events:none}.particle.burst{animation:burst 650ms ease-out forwards}dialog{width:90%;max-width:390px;border:4px solid #101015;padding:30px 22px 22px;background:#fff;box-shadow:8px 8px 0 #ff00a8;transform:rotate(-1deg)}dialog::backdrop{background:#15121f99}dialog h1{font-style:italic;font-size:30px;margin:20px 0 12px;text-transform:uppercase}dialog p{font-size:15px;line-height:1.5}.close{position:absolute;right:10px;top:10px;width:32px;height:32px;padding:5px}.dismiss{width:100%;padding:14px;background:#fff000;border:3px solid #111;font-weight:900;margin-top:12px}.preview-settings label{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #ddd;font-weight:bold}.preview-settings input{width:24px;height:24px;accent-color:#ed00ae}.preview-settings p{font-size:12px;color:#666}.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}.paused *,.still *{animation-play-state:paused!important}.still .particle{display:none}
@keyframes float{50%{transform:translateY(3px) rotate(.6deg)}}@keyframes hero{50%{transform:translateY(-5px) rotate(-.5deg)}}@keyframes backdrop{to{transform:translate(4px,-5px) scale(1.025)}}@keyframes button-breathe{50%{translate:0 -1.5px}}@keyframes particle{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),-65px) scale(.7)}}@keyframes burst{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
@media(prefers-reduced-motion:reduce){.phone *{animation:none!important}.particle{display:none}}
@media(max-width:500px){body{padding:0;align-items:flex-start}.phone{height:100svh;width:100%;max-width:430px;min-height:620px}.sound{top:max(12px,env(safe-area-inset-top))}.ad{bottom:max(1%,env(safe-area-inset-bottom))}}
@media(max-height:700px){.phone{min-height:580px}.brand{height:24%}.hero{top:23%;height:33%}.actions{top:55%;height:37%}.arcade b{font-size:6.8cqw}}
.decorations{position:absolute;inset:0;pointer-events:none;z-index:3}.sticker{position:absolute;width:12%;aspect-ratio:1;background-image:url('assets/decor.png');background-size:200% 200%;background-repeat:no-repeat;animation:sticker-sway 4s ease-in-out infinite}.bottle{background-position:0 0;right:-1%;top:75%;width:12%;animation-duration:3.8s}.bolt{background-position:100% 0;left:-1%;top:78%;width:10%;animation:zap 2.8s ease-in-out infinite}.star{background-position:0 100%;width:10%;animation:star-turn 6s ease-in-out infinite}.top-star{right:12%;top:-1%}.low-star{left:0;top:71%;animation-delay:-3s}.rays{background-position:100% 100%;left:1%;top:21%;width:10%;animation:zap 2.4s ease-in-out infinite}.phone.still .sticker,.phone.paused .sticker{animation-play-state:paused!important}@keyframes sticker-sway{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(10deg) translateY(-5px)}}@keyframes star-turn{50%{transform:rotate(22deg) scale(1.1)}}@keyframes zap{50%{transform:translateY(-4px) rotate(-8deg) scale(1.12)}}

.actions [aria-busy="true"]{position:relative;cursor:wait}.menu-start-feedback{position:absolute;inset:8% 5%;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#171323ed;color:#fff;font:bold clamp(12px,3.4vw,20px)/1.2 system-ui,sans-serif;z-index:2;pointer-events:none;text-align:center;padding:4px;text-shadow:none}.menu-start-message{position:absolute;bottom:4%;left:7%;right:7%;z-index:30;margin:0;padding:12px;border:2px solid #fff;border-radius:9px;background:#26172e;color:#fff;font:600 14px/1.4 system-ui,sans-serif;text-align:center}.menu-start-message[hidden]{display:none}

.phone>.utility:is(.sound,.settings,.user,.fullscreen){box-shadow:0 0 0 2px #fff,0 0 0 3px #111}
.menu-start-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#000b;padding:24px}.menu-start-overlay[hidden]{display:none}.menu-start-card{position:relative;box-sizing:border-box;width:min(340px,100%);padding:52px 22px 24px;border:3px solid #fff;border-radius:14px;box-shadow:4px 4px 0 #00dfef,8px 8px 0 #ff00a8;background:#08080bd9;color:#fff;text-align:center}.menu-start-card p{font:bold 18px/1.4 Arial,sans-serif;margin:16px 0 0;color:#fff}.menu-start-cancel{position:absolute;top:10px;right:10px;width:36px;height:36px;min-height:36px;padding:0;border:2px solid #fff;border-radius:50%;background:#111;color:#fff;font:30px/1 Arial,sans-serif}.menu-start-spinner{display:block;width:32px;height:32px;margin:auto;border:4px solid #ffffff50;border-top-color:#fff000;border-right-color:#00dfef;border-radius:50%;animation:menu-prepare-spin .8s linear infinite}@keyframes menu-prepare-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.menu-start-spinner{animation:none}}