.app-container{width:100vw;height:100vh;background:#0f172a;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:Inter,sans-serif}.cloud-sync{margin-bottom:10px;font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:5px}.game-viewport{position:relative;background:#1e293b;border-radius:20px;box-shadow:0 0 40px #00000080;overflow:hidden;border:4px solid #334155}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ae6;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glow-text{font-size:64px;font-weight:900;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));margin-bottom:30px}.preview-box{padding:30px;background:#ffffff0d;border-radius:50%;margin-bottom:40px;border:2px dashed #475569}.menu-buttons{display:flex;gap:20px}.btn-main{padding:15px 30px;border-radius:12px;border:2px solid #334155;background:transparent;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.btn-main.primary{background:#3b82f6;border-color:#60a5fa}.btn-main:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.customize-panel h2{margin-bottom:30px;color:#3b82f6}.customize-layout{display:flex;gap:50px;align-items:center}.preview-large{display:flex;flex-direction:column;align-items:center;gap:20px}.options-grid{display:flex;flex-direction:column;gap:20px}.options-grid section{display:flex;flex-direction:column;gap:10px}.options-grid label{font-size:14px;color:#94a3b8;text-transform:uppercase}.color-picker{display:flex;gap:10px}.color-swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent}.color-swatch.active{border-color:#fff;transform:scale(1.2)}.shape-picker,.weapon-picker{display:flex;gap:10px}.shape-picker button,.weapon-picker button{padding:8px 15px;border-radius:8px;background:#334155;border:none;color:#fff;cursor:pointer}.shape-picker button.active,.weapon-picker button.active{background:#3b82f6}.btn-save{margin-top:40px;padding:15px 60px;border-radius:30px;background:#10b981;color:#fff;border:none;font-weight:700;cursor:pointer;font-size:18px}.game-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-top{padding:20px;display:flex;justify-content:space-between;font-weight:700;font-size:20px}.hud-stat{display:flex;align-items:center;gap:8px;background:#0000004d;padding:5px 15px;border-radius:10px}.exp-bar{position:absolute;top:0;left:0;width:100%;height:6px;background:#ffffff1a}.exp-fill{height:100%;background:#3b82f6;transition:width .3s;box-shadow:0 0 10px #3b82f6}.entities{position:relative;width:100%;height:100%}.player-entity{position:absolute;transform:translate(-50%,-50%);transition:left .1s,top .1s}.enemy-entity{position:absolute;transform:translate(-50%,-50%)}.particle{position:absolute;width:4px;height:4px;background:#ef4444;border-radius:50%}.attack-slash{position:absolute;top:50%;left:50%;width:120px;height:120px;border:4px solid rgba(255,255,255,.5);border-radius:50%;border-right-color:transparent;transform:translate(-50%,-50%);animation:slash-anim .2s ease-out forwards}@keyframes slash-anim{0%{transform:translate(-50%,-50%) rotate(0) scale(.5);opacity:1}to{transform:translate(-50%,-50%) rotate(180deg) scale(1.2);opacity:0}}.hint-text{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#64748b;font-size:14px}.levelup-modal{background:#0f172af2}.skill-options{display:flex;flex-direction:column;gap:15px;margin-top:30px;width:300px}.skill-options button{padding:15px;border-radius:10px;background:#334155;border:1px solid #475569;color:#fff;font-weight:700;cursor:pointer;pointer-events:auto}.skill-options button:hover{background:#3b82f6}