.splash-screen,.level-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#17265d 0,#070b22 45%,#02030b 85%);transition:opacity .65s ease,visibility .65s}.splash-screen:before,.level-screen:before{content:"";position:absolute;width:70vmin;height:70vmin;border-radius:50%;background:conic-gradient(from 90deg,#ff19ee22,#0dbfff35,#ff19ee22);filter:blur(60px);animation:haloSpin 8s linear infinite}.splash-inner{position:relative;z-index:1;width:min(560px,88vw);text-align:center}.taipei-splash-logo{display:block;width:min(440px,78vw);margin:auto;filter:drop-shadow(0 0 28px #c51aff77);animation:splashIn 1s cubic-bezier(.2,.8,.2,1) both}.cloudix-splash-logo{display:block;width:170px;height:85px;margin:-10px auto 13px;object-fit:contain;animation:splashIn 1s .25s both}.loading-copy{display:flex;align-items:center;justify-content:center;gap:5px;color:#90b8e6;font:700 9px Orbitron;letter-spacing:.26em}.loading-copy i{width:4px;height:4px;border-radius:50%;background:#36dfff;animation:loadDot 1s infinite}.loading-copy i:nth-child(3){animation-delay:.15s}.loading-copy i:nth-child(4){animation-delay:.3s}.loading-track{width:220px;height:3px;margin:12px auto;background:#142348;border-radius:4px;overflow:hidden}.loading-track b{display:block;height:100%;background:linear-gradient(90deg,#236dff,#25deff,#eb26ff);box-shadow:0 0 12px #35dfff;animation:loadBar 2.8s ease-in-out forwards}.splash-screen.exit,.level-screen.exit{opacity:0;visibility:hidden;pointer-events:none}.level-screen{z-index:90;opacity:0;visibility:hidden}.level-screen.show{opacity:1;visibility:visible}.level-panel{position:relative;z-index:1;width:min(820px,92vw);padding:22px 28px 25px;text-align:center;border:1px solid #254d9b;border-radius:30px;background:linear-gradient(145deg,#0e1839ee,#050817f5);box-shadow:0 30px 90px #000b,0 0 50px #116bff22}.level-logo{width:145px;height:120px;object-fit:contain;filter:drop-shadow(0 0 18px #ba26ff66)}.level-panel h2{margin:8px 0 20px;font:800 clamp(25px,4vw,38px) Orbitron;letter-spacing:.08em}.difficulty-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.difficulty-card{min-height:135px;padding:20px 12px;border:1px solid #203b72;border-radius:18px;color:#8da4cc;background:linear-gradient(145deg,#0d1735,#070b1d);cursor:pointer;transition:.25s}.difficulty-card b,.difficulty-card span,.difficulty-card small{display:block}.difficulty-card b{font:700 13px Orbitron;color:#d9e9ff}.difficulty-card span{margin:10px 0 5px;font-size:12px}.difficulty-card small{font-size:10px;color:#6178a4}.difficulty-card:hover,.difficulty-card.active{transform:translateY(-5px);border-color:#2fd9ff;background:linear-gradient(145deg,#123b82,#351366);box-shadow:0 12px 30px #0008,0 0 24px #1bbdff44}.launch-sublevels{display:flex;align-items:center;justify-content:center;gap:9px;margin:19px 0 14px;color:#7790bd;font:700 9px Orbitron}.launch-sublevels button{width:38px;height:32px;border:1px solid #28457b;border-radius:9px;color:#88a1cc;background:#080e25;cursor:pointer}.launch-sublevels button.active{color:#fff;border-color:#31dcff;background:#174c9a;box-shadow:0 0 14px #31dcff55}.start-game-btn{padding:14px 25px;border:0;border-radius:12px;color:#fff;background:linear-gradient(90deg,#126aff,#a520ed);font:700 11px Orbitron;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 25px #126aff66}.start-game-btn span{margin-left:12px;font-size:20px;vertical-align:-2px}.menu-cloudix-logo{display:block;width:105px;height:45px;margin:9px auto -10px;object-fit:contain;opacity:.75}.game-hidden{display:none}.menu-return{position:absolute;right:78px;top:34px;padding:8px 10px;border:1px solid #224f99;border-radius:9px;color:#8db7e9;background:#080e25;font:700 8px Orbitron;cursor:pointer}@keyframes splashIn{from{opacity:0;transform:scale(.72);filter:blur(12px)}to{opacity:1;transform:scale(1)}}@keyframes loadBar{from{width:0}to{width:100%}}@keyframes loadDot{50%{transform:translateY(-3px);background:#f337ff}}@keyframes haloSpin{to{transform:rotate(360deg)}}@media(max-width:700px){.level-panel{padding:16px}.level-logo{width:110px;height:92px}.difficulty-cards{grid-template-columns:1fr;gap:7px}.difficulty-card{min-height:0;padding:13px}.difficulty-card span{margin:5px}.menu-return{right:58px;top:23px}.cloudix-splash-logo{width:130px;height:65px}}