*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{width:100%;min-height:100vh}.page{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}.login-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center}.login-card{text-align:center;background:#16213e;border:1px solid #0f3460;border-radius:12px;width:100%;max-width:400px;padding:48px 40px}.login-card h1{color:#e94560;margin-bottom:8px;font-size:32px}.login-card .subtitle{color:#8892a8;margin-bottom:32px}.form-group{text-align:left;margin-bottom:16px}.form-group label{color:#8892a8;margin-bottom:6px;font-size:14px;display:block}.form-group input{color:#e0e0e0;background:#1a1a2e;border:1px solid #0f3460;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s}.form-group input:focus{border-color:#e94560}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;transition:opacity .2s}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){opacity:.85}.btn-primary,#login-btn{color:#fff;background:#e94560;width:100%;font-weight:700}.btn-secondary{color:#8892a8;background:0 0;border:1px solid #0f3460;padding:8px 16px;font-size:14px}.btn-secondary:hover:not(:disabled){color:#e94560;border-color:#e94560}.error{color:#e94560;margin-bottom:12px;font-size:14px}.level-select-page{padding:0 24px 40px}.topbar{justify-content:space-between;align-items:center;width:100%;max-width:900px;padding:20px 0;display:flex}.welcome{color:#8892a8;font-size:14px}.level-select-page h1{color:#e94560;margin-bottom:32px;font-size:28px}.levels-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;max-width:900px;display:grid}.level-card{background:#16213e;border:1px solid #0f3460;border-radius:12px;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}.level-card:hover{border-color:#e94560}.level-card-image{object-fit:cover;width:100%;height:160px;display:block}.level-card-image-placeholder{color:#8892a8;background:#0f3460;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.level-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.level-card-header{margin-bottom:4px}.level-card h2{color:#fff;font-size:20px}.level-card-author{color:#8892a8;margin-bottom:16px;font-size:13px}.level-card-stats{border-top:1px solid #0f3460;border-bottom:1px solid #0f3460;gap:16px;margin-bottom:16px;padding:12px 0;display:flex}.stat{flex-direction:column;flex:1;align-items:center;display:flex}.stat-value{color:#fff;font-size:16px;font-weight:700}.stat-label{color:#8892a8;text-transform:uppercase;margin-top:2px;font-size:11px}.level-card .btn-primary{margin-top:auto;padding:10px 20px}.loading{color:#8892a8;text-align:center}.game-page{position:relative}.game-topbar{z-index:20;position:absolute;top:12px;left:12px}#game-container{width:100vw;height:100vh;position:relative}