:root{--bg-primary:#0a0c10;--bg-surface:rgba(18,22,31,.75);--bg-surface-border:hsla(0,0%,100%,.08);--bg-surface-hover:rgba(26,32,44,.85);--text-main:#f0f4f8;--text-muted:#8a99ad;--accent-cyan:#00e5ff;--accent-cyan-glow:rgba(0,229,255,.25);--accent-violet:#7c3aed;--accent-danger:#ff4757;--font-stack:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app-background{position:fixed;inset:0;background-image:radial-gradient(circle at 50% 20%,rgba(124,58,237,.12) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,229,255,.08) 0,transparent 40%),linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:100% 100%,100% 100%,40px 40px,40px 40px;pointer-events:none;z-index:0}.login-container{position:relative;z-index:1;display:flex;min-height:100vh;width:100%;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:400px;background:var(--bg-surface);border:1px solid var(--bg-surface-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:40px 32px;box-shadow:0 20px 40px rgba(0,0,0,.6),0 0 1px 1px hsla(0,0%,100%,.05);animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:32px}.login-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent-cyan);background:rgba(0,229,255,.1);padding:4px 12px;border-radius:999px;border:1px solid rgba(0,229,255,.2);margin-bottom:12px}.login-title{font-size:28px;font-weight:700;letter-spacing:-.5px;color:#fff;margin-bottom:8px}.login-subtitle{font-size:14px;color:var(--text-muted)}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:13px;font-weight:500;color:var(--text-muted)}.input-wrapper{position:relative;display:flex;align-items:center}.password-input{width:100%;height:48px;padding:0 16px;font-size:15px;color:#fff;background:rgba(10,14,20,.6);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;outline:none;transition:all .2s ease}.password-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-glow);background:rgba(10,14,20,.9)}.password-input::placeholder{color:hsla(0,0%,100%,.25)}.error-message{font-size:13px;color:var(--accent-danger);background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.25);border-radius:8px;padding:10px 14px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.submit-btn{display:flex;align-items:center;justify-content:center;height:48px;background:linear-gradient(135deg,#00d2ff,#0072ff);color:#fff;font-size:15px;font-weight:600;letter-spacing:.3px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px rgba(0,114,255,.3)}.submit-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,114,255,.45)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.world-container{position:relative;width:100vw;height:100vh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#07090e}.world-character{position:absolute;width:32px;height:32px;background:linear-gradient(135deg,#00f2fe,#4facfe);border-radius:8px;box-shadow:0 0 16px rgba(0,242,254,.6),0 0 32px rgba(79,172,254,.3);will-change:transform;display:flex;align-items:center;justify-content:center;z-index:10;transition:box-shadow .15s ease}.world-character-core{width:12px;height:12px;background:#fff;border-radius:3px;box-shadow:0 0 8px #fff}.world-hud{position:absolute;top:16px;left:16px;right:16px;justify-content:space-between;z-index:20;pointer-events:none}.world-hud,.world-hud-left{display:flex;align-items:center}.world-hud-left{gap:12px;pointer-events:auto}.hud-pill{font-size:12px;font-weight:600;color:var(--text-muted);background:rgba(18,22,31,.7);border:1px solid var(--bg-surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:999px;letter-spacing:.5px}.hud-title{color:#fff;font-weight:700}.logout-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(18,22,31,.75);border:1px solid var(--bg-surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ff5252;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:rgba(255,71,87,.15);border-color:rgba(255,71,87,.4);transform:translateY(-1px)}.controls-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 18px;background:rgba(18,22,31,.65);border:1px solid var(--bg-surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;font-size:12px;color:var(--text-muted);z-index:20;pointer-events:none;white-space:nowrap}.key-badge{display:inline-block;padding:2px 6px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:4px;color:#fff;font-family:monospace;font-size:11px}