@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 30px #00d4ff99}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neonGlow{0%,to{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}50%{text-shadow:0 0 20px currentColor,0 0 30px currentColor,0 0 40px currentColor}}@keyframes chicletEntrance{0%{transform:translateY(-30px) scale(.3) rotate(10deg);opacity:0}60%{transform:translateY(2px) scale(1.1) rotate(-3deg);opacity:.8}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.game-wrapper-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:999999;animation:fadeIn .5s ease-out}.welcome-container{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:50px;border-radius:20px;border:1px solid rgba(0,212,255,.2);text-align:center;max-width:600px;width:90%;box-shadow:0 20px 60px #00d4ff4d,0 0 40px #00d4ff1a;animation:slideUp .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.welcome-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(0,212,255,.1) 50%,transparent 70%);animation:rotate 3s linear infinite;pointer-events:none}.welcome-content{position:relative;z-index:1}.welcome-icon{font-size:48px;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.welcome-title{color:#00d4ff;font-size:36px;font-weight:700;margin-bottom:10px;text-shadow:0 0 15px #00d4ff,0 0 25px #00d4ff;animation:neonGlow 2s ease-in-out infinite;font-family:Bungee,monospace}.welcome-subtitle{color:#ccc;font-size:18px;margin-bottom:30px;line-height:1.5;text-shadow:0 0 8px #cccccc}.identity-section{background:#00d4ff1a;border:2px solid #00d4ff;border-radius:15px;padding:25px;margin-bottom:30px}.identity-section h3{color:#00d4ff;margin-bottom:15px;font-size:20px}.identity-section p{color:#fff;font-size:16px;margin-bottom:20px}.game-name-input{background:#00d4ff1a;border:2px solid #00d4ff;border-radius:12px;padding:15px;font-size:18px;color:#fff;width:100%;max-width:300px;text-align:center;outline:none;transition:all .3s ease}.game-name-input:focus{border-color:#0f0;box-shadow:0 0 15px #00ff004d}.game-name-input::placeholder{color:#666}.error-message{color:#f44;font-size:14px;margin-top:10px;display:none}.security-notice{background:#ffd7001a;border:1px solid #ffd700;border-radius:8px;padding:15px;margin-top:20px}.security-title{color:gold;font-size:16px;font-weight:700;margin-bottom:5px}.security-text{color:#ccc;font-size:14px}.player-info{background:#ffffff1a;border:1px solid #fff;border-radius:8px;padding:15px;margin-bottom:15px}.player-name{color:#fff;font-size:24px;font-weight:700;margin-bottom:5px}.player-label{color:#ccc;font-size:14px}.free-game-notice{background:#00ff001a;border:1px solid #00ff00;border-radius:8px;padding:15px;margin-bottom:15px}.free-game-title{color:#0f0;font-size:24px;font-weight:700;margin-bottom:5px}.free-game-text{color:#ccc;font-size:14px}.cross-device-notice{background:#ffd7001a;border:1px solid #ffd700;border-radius:8px;padding:15px}.cross-device-title{color:gold;font-size:18px;font-weight:700;margin-bottom:5px}.cross-device-text{color:#ccc;font-size:14px}.welcome-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.welcome-actions .btn{padding:18px 35px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.welcome-actions .btn:hover{transform:translateY(-2px)}.welcome-actions .btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;border:none;box-shadow:0 0 15px #00d4ff4d}.welcome-actions .btn-primary:hover{box-shadow:0 0 25px #00d4ff99}.welcome-actions .btn-secondary{background:transparent;color:#00d4ff;border:2px solid #00d4ff}.welcome-actions .btn-secondary:hover{background:#00d4ff1a}@media (max-width: 768px){.game-wrapper-overlay{padding:20px}.welcome-container{padding:30px 20px;margin:20px;max-width:95%;border-radius:15px}.welcome-title{font-size:28px;margin-bottom:15px}.welcome-subtitle{font-size:16px;margin-bottom:25px}.identity-section{margin-bottom:25px}.identity-section h3{font-size:20px;margin-bottom:10px}.identity-section p{font-size:14px;margin-bottom:15px}.game-name-input{width:100%;padding:15px;font-size:16px;margin-bottom:15px}.player-info{padding:15px;margin-bottom:20px}.player-name{font-size:20px;margin-bottom:8px}.player-label{font-size:12px}.free-game-notice,.cross-device-notice{padding:12px;margin-bottom:15px}.free-game-title{font-size:20px;margin-bottom:8px}.free-game-text{font-size:13px}.cross-device-title{font-size:16px;margin-bottom:8px}.cross-device-text{font-size:13px}.welcome-actions{flex-direction:column;gap:15px;width:100%}.welcome-actions .btn{width:100%;padding:18px 20px;font-size:16px;min-height:44px;display:flex;align-items:center;justify-content:center}.paywall-overlay{padding:20px}.paywall-modal{max-width:95%;margin:20px;padding:30px 20px}.paywall-title{font-size:24px;margin-bottom:15px}.paywall-description{font-size:16px;margin-bottom:25px}.payment-options{flex-direction:column;gap:15px}.payment-option{width:100%;padding:20px;margin-bottom:10px}.payment-option-title{font-size:18px;margin-bottom:8px}.payment-option-description{font-size:14px;margin-bottom:15px}.apple-pay-button{width:100%;height:50px;font-size:16px;min-height:44px}.test-mode-notice{font-size:14px;padding:15px;margin-top:20px}}@media (max-width: 480px){.welcome-container{padding:25px 15px;margin:15px;border-radius:12px}.welcome-title{font-size:24px;margin-bottom:12px}.welcome-subtitle{font-size:14px;margin-bottom:20px}.identity-section h3{font-size:18px;margin-bottom:8px}.identity-section p{font-size:13px;margin-bottom:12px}.game-name-input{padding:12px;font-size:16px;margin-bottom:12px}.player-name{font-size:18px;margin-bottom:6px}.player-label{font-size:11px}.free-game-title{font-size:18px;margin-bottom:6px}.free-game-text{font-size:12px}.cross-device-title{font-size:15px;margin-bottom:6px}.cross-device-text{font-size:12px}.welcome-actions .btn{padding:16px 18px;font-size:15px;min-height:44px}.paywall-modal{padding:25px 15px;margin:15px}.paywall-title{font-size:22px;margin-bottom:12px}.paywall-description{font-size:15px;margin-bottom:20px}.payment-option{padding:18px;margin-bottom:8px}.payment-option-title{font-size:16px;margin-bottom:6px}.payment-option-description{font-size:13px;margin-bottom:12px}.apple-pay-button{height:48px;font-size:15px}.test-mode-notice{font-size:13px;padding:12px;margin-top:15px}}@media (hover: none) and (pointer: coarse){.welcome-actions .btn:hover{transform:none;box-shadow:0 0 15px #00d4ff4d}.payment-option:hover{transform:none;box-shadow:0 0 20px #00d4ff4d}.apple-pay-button:hover{transform:none;box-shadow:0 0 15px #00d4ff4d}.welcome-actions .btn,.apple-pay-button,.payment-option{min-height:44px;min-width:44px}.welcome-actions .btn:active{transform:scale(.98);background:#00d4ff33}.payment-option:active{transform:scale(.98);background:#00d4ff1a}.apple-pay-button:active{transform:scale(.98);background:#00d4ff33}}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.game-wrapper-overlay,.paywall-overlay{-webkit-transform:translateZ(0);transform:translateZ(0)}.welcome-actions .btn,.apple-pay-button{-webkit-appearance:none;appearance:none;-webkit-border-radius:12px;border-radius:12px}}@media screen and (-webkit-min-device-pixel-ratio: 0){.welcome-actions .btn,.apple-pay-button,.payment-option{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media (max-width: 768px) and (orientation: landscape){.welcome-container{max-height:90vh;overflow-y:auto;padding:20px 15px}.welcome-actions{flex-direction:row;flex-wrap:wrap;gap:10px}.welcome-actions .btn{width:auto;flex:1;min-width:120px;padding:12px 15px;font-size:14px}.paywall-modal{max-height:90vh;overflow-y:auto}.payment-options{flex-direction:row;flex-wrap:wrap;gap:10px}.payment-option{width:auto;flex:1;min-width:150px;padding:15px}}
