.generatedGame{position:fixed;inset:0;overflow:hidden;background:var(--game-bg);color:white;font-family:Nunito,sans-serif}.generatedGame canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.generatedGame>header{position:relative;z-index:2;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(#070a18cc,transparent)}.generatedGame header>b{font:700 18px Fredoka}.generatedGame header>b span{color:var(--game-accent)}.generatedGame header>div{display:flex;gap:9px}.generatedGame header div span{padding:8px 12px;border:1px solid #ffffff45;border-radius:20px;background:#0b1024aa;font-size:9px;letter-spacing:1px}.generatedGame header strong{margin-left:6px;color:var(--game-accent)}.gameOverlay{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--game-primary) 35%,transparent),#070a18e8 70%)}.gameOverlay>div{width:min(560px,92vw);text-align:center}.gameOverlay small{color:var(--game-accent);letter-spacing:3px;font-size:10px;font-weight:900}.gameOverlay h1{margin:18px 0;font:700 clamp(48px,7vw,82px)/.9 Fredoka}.gameOverlay p{max-width:520px;margin:auto;color:#c2c8d7;line-height:1.6}.gameIcons{display:flex;align-items:center;justify-content:center;gap:25px;margin:30px}.gameIcons i{font-style:normal;font-size:58px}.gameIcons b{font-size:10px;color:#9099ad}.gameOverlay button{display:block;width:min(310px,100%);margin:15px auto;padding:16px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--game-primary),var(--game-accent));color:white;font-weight:900;box-shadow:0 7px 0 #0005;cursor:pointer}.gameOverlay em{display:block;margin-top:20px;color:#8f98aa;font-size:10px;font-style:normal}.touchControls{position:fixed;z-index:4;left:0;right:0;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-between;padding:0 34px;pointer-events:none}.virtualJoystick{position:relative;width:128px;height:128px;border:2px solid #ffffff5c;border-radius:50%;background:#1018339c;box-shadow:inset 0 0 30px #0007;touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none}.virtualJoystick>span{position:absolute;color:#ffffff5c;font-size:12px}.virtualJoystick>span:first-child{top:9px;left:58px}.virtualJoystick>span:nth-child(2){top:55px;left:10px}.virtualJoystick>span:nth-child(3){top:55px;right:10px}.virtualJoystick>span:nth-child(4){bottom:8px;left:58px}.virtualJoystick>div{position:absolute;left:37px;top:37px;width:50px;height:50px;border:3px solid #ffffffa8;border-radius:50%;background:linear-gradient(145deg,var(--game-accent),var(--game-primary));box-shadow:0 7px 18px #0007;will-change:transform}.actionButton{width:90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #ffffff8a;border-radius:50%;background:linear-gradient(145deg,var(--game-primary),var(--game-accent));color:white;box-shadow:0 8px 0 #0005;touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none}.actionButton:active{transform:translateY(5px);box-shadow:0 3px 0 #0005}.actionButton b{font:900 30px Fredoka}.actionButton small{font-size:8px;font-weight:900;letter-spacing:1px}@media (hover:hover) and (pointer:fine){.touchControls{opacity:.38}.touchControls:hover{opacity:1}}@media (max-width:600px){.generatedGame>header{padding:0 13px}.generatedGame header div span{padding:7px 9px}.touchControls{padding:0 20px}.virtualJoystick{width:116px;height:116px}.virtualJoystick>div{left:33px;top:33px;width:46px;height:46px}.virtualJoystick>span:first-child,.virtualJoystick>span:nth-child(4){left:52px}.virtualJoystick>span:nth-child(2),.virtualJoystick>span:nth-child(3){top:49px}.actionButton{width:82px;height:82px}.gameOverlay em{max-width:270px;margin-left:auto;margin-right:auto}}