.landing-page{background:linear-gradient(145deg,#06081a 0%,#0a0e27 30%,#111638 60%,#0d1230 100%);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.starfield{pointer-events:none;position:absolute;inset:0}.star{background:#fff;border-radius:50%;animation:ease-in-out infinite alternate starTwinkle;position:absolute}@keyframes starTwinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.particles{pointer-events:none;position:absolute;inset:0}.particle{background:#e67e2266;border-radius:50%;width:6px;height:6px;animation:8s ease-in-out infinite particleRise;position:absolute;bottom:-20px}@keyframes particleRise{0%{opacity:0;transform:translateY(0)scale(0)}10%{opacity:.6;transform:translateY(-10vh)scale(1)}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(.3)}}.landing-content{z-index:10;text-align:center;max-width:500px;padding:20px;position:relative}.title-section{margin-bottom:36px}.title-icon{width:80px;height:80px;margin:0 auto 20px;position:relative}.station-ring{border:2px solid;border-radius:50%;animation:linear infinite rotate;position:absolute}.ring-outer{border-color:#e67e22;animation-duration:8s;inset:0}.ring-inner{border-color:#3498db;animation-duration:5s;animation-direction:reverse;inset:12px}.station-core{background:radial-gradient(circle,#4cf 0%,#06a 100%);border-radius:50%;animation:2s ease-in-out infinite alternate corePulse;position:absolute;inset:28px;box-shadow:0 0 20px #44ccff80}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes corePulse{0%{box-shadow:0 0 15px #4cf6}to{box-shadow:0 0 30px #4cfc}}.game-title{flex-direction:column;gap:2px;margin:0;line-height:1.1;display:flex}.title-space{color:#fff;letter-spacing:12px;text-shadow:0 0 20px #ffffff4d;font-size:2.8rem;font-weight:900}.title-station{color:#e67e22;letter-spacing:16px;text-shadow:0 0 15px #e67e2266;font-size:1.6rem;font-weight:700}.title-maze{color:#8bf;letter-spacing:20px;text-shadow:0 0 10px #88bbff4d;font-size:1.2rem;font-weight:600}.game-subtitle{color:#6678aa;letter-spacing:4px;text-transform:uppercase;margin-top:10px;font-size:.85rem}.button-group{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px 24px;font-family:Outfit,sans-serif;transition:all .3s;display:flex;position:relative;overflow:hidden}.btn:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff26,#0000);border-radius:14px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-offline{background:linear-gradient(135deg,#1a2644 0%,#1c2d4d 100%);border:1px solid #48f3}.btn-offline:hover{background:linear-gradient(135deg,#213055 0%,#253a5e 100%);border-color:#4488ff80;transform:translateY(-2px);box-shadow:0 8px 25px #4488ff26}.btn-online{background:linear-gradient(135deg,#2a1a0a 0%,#3d2a15 100%);border:1px solid #e67e224d}.btn-online:hover{background:linear-gradient(135deg,#3a2510 0%,#4d351d 100%);border-color:#e67e2299;transform:translateY(-2px);box-shadow:0 8px 25px #e67e2226}.btn-online:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{flex-shrink:0;font-size:1.6rem}.btn-text{text-align:left;flex-direction:column;gap:2px;display:flex}.btn-label{color:#fff;letter-spacing:2px;font-size:1rem;font-weight:700}.btn-desc{color:#889abb;letter-spacing:1px;font-size:.72rem}.status-bar{margin-bottom:24px}.status-text{color:#568;margin:0;font-size:.78rem}.status-text.connected{color:#4c6}.status-dot{background:#4c6;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1.5s ease-in-out infinite dotPulse;display:inline-block}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.info-cards{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.info-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;display:flex}.card-icon{font-size:1rem}.card-text{color:#89b;font-size:.7rem}.controls-hint{color:#457;letter-spacing:1px;font-size:.68rem}.controls-hint span{color:#8ad;background:#88aadd14;border:1px solid #88aadd26;border-radius:4px;padding:2px 6px;font-family:Space Mono,monospace;font-weight:700}@media (width<=600px){.title-space{letter-spacing:8px;font-size:2rem}.title-station{letter-spacing:10px;font-size:1.2rem}.title-maze{letter-spacing:14px;font-size:.9rem}.info-cards{flex-direction:column;align-items:center}.btn{padding:14px 18px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;overscroll-behavior:none;background:#06081a;width:100%;height:100%;font-family:Outfit,sans-serif;overflow:hidden}#root{-webkit-user-select:none;user-select:none}.app-root{touch-action:none;width:100%;height:100%;position:relative}.game-container{background:#0a0e27;width:100%;height:100%;position:relative}.back-button{z-index:1000;color:#cdf;cursor:pointer;letter-spacing:1px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e27d9;border:1px solid #e67e224d;border-radius:8px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;transition:all .2s;position:absolute;top:12px;left:12px}.back-button:hover{color:#e67e22;background:#e67e2226;border-color:#e67e2299}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0e2780}::-webkit-scrollbar-thumb{background:#e67e224d;border-radius:4px}canvas{outline:none;display:block}@media (hover:none) and (pointer:coarse){.back-button{padding:10px 18px;font-size:.85rem}}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#phaser-game,canvas{top:env(safe-area-inset-top);left:env(safe-area-inset-left);width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:manipulation;background:#0a0e27;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%;position:fixed;top:0;left:0}#phaser-game{touch-action:none;-webkit-user-select:none;user-select:none;top:0;left:0;width:100%!important;height:100%!important;position:fixed!important}canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}