:root{--gold: #d4a520;--gold-light: #f0d060;--gold-dark: #a07d10;--bg-dark: #0a0a1a;--bg-panel: #12122a;--bg-card: #1a1a3e;--text-primary: #e8e8f0;--text-secondary: #8888aa;--accent-green: #22cc44;--accent-red: #ee3344;--accent-blue: #4488ff;--accent-purple: #aa44ff;--pixel-border: #d4a520;--pixel: 4px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh}.pixel-border{border:var(--pixel) solid var(--pixel-border);box-shadow:inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #0000004d,inset var(--pixel) var(--pixel) 0 0 #ffffff1a}.pixel-border-subtle{border:2px solid rgba(212,165,32,.3)}.font-pixel{font-family:"Press Start 2P",monospace}.font-display{font-family:Oswald,sans-serif}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-panel);border-right:var(--pixel) solid var(--pixel-border);padding:1.5rem 0;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100}.sidebar-logo{padding:0 1.5rem 1.5rem;border-bottom:2px solid rgba(212,165,32,.2);margin-bottom:1rem}.sidebar-logo h1{font-family:"Press Start 2P",monospace;font-size:.85rem;color:var(--gold);line-height:1.6}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:4px;transition:all .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{color:var(--text-primary);background:#d4a5201a}.nav-item.active{color:var(--gold);background:#d4a52026;border-left:3px solid var(--gold)}.nav-icon{font-size:1.1rem;width:1.5rem;text-align:center}.main-content{flex:1;margin-left:260px;padding:2rem;max-width:1200px}.page-header{margin-bottom:2rem}.page-header h2{font-family:Oswald,sans-serif;font-size:1.75rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.05em}.page-header p{color:var(--text-secondary);margin-top:.25rem}.card{background:var(--bg-card);border:2px solid rgba(212,165,32,.2);border-radius:4px;padding:1.5rem;margin-bottom:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--gold);text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:2px solid rgba(212,165,32,.2);border-radius:4px;padding:1.25rem;text-align:center}.stat-value{font-family:"Press Start 2P",monospace;font-size:1.5rem;color:var(--gold);margin-bottom:.5rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.xp-bar-container{background:#0006;border:2px solid rgba(212,165,32,.3);border-radius:2px;height:24px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light));transition:width .5s ease;position:relative}.xp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#ffffff26}.xp-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Press Start 2P",monospace;font-size:.5rem;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5);z-index:1}.btn{font-family:Oswald,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.5rem;border:none;border-radius:2px;cursor:pointer;transition:all .15s;font-size:.9rem}.btn-primary{background:var(--gold);color:var(--bg-dark);border:2px solid var(--gold-light)}.btn-primary:hover{background:var(--gold-light);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--gold);border:2px solid var(--gold)}.btn-secondary:hover{background:#d4a5201a}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;background:#0000004d;border:2px solid rgba(212,165,32,.2);border-radius:2px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--gold)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;font-family:"Press Start 2P",monospace;font-size:.5rem;border-radius:2px;text-transform:uppercase}.badge-common{background:#555;color:#ccc}.badge-uncommon{background:#262;color:#6e6}.badge-rare{background:#248;color:#6af}.badge-epic{background:#628;color:#c6f}.badge-legendary{background:#860;color:var(--gold-light);border:1px solid var(--gold)}.avatar-stage{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:.25rem .5rem;border-radius:2px}.stage-noob{color:#888;border:1px solid #555}.stage-rookie{color:#6c6;border:1px solid #44aa44}.stage-warrior{color:#68f;border:1px solid #4466dd}.stage-champion{color:#c6f;border:1px solid #aa44dd}.stage-legend{color:var(--gold);border:1px solid var(--gold-dark)}.stage-mythic{color:#f64;border:1px solid #dd4422;text-shadow:0 0 8px rgba(255,100,50,.5)}.streak-display{display:flex;align-items:center;gap:.5rem}.streak-flame{font-size:1.5rem}.quest-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid rgba(212,165,32,.1)}.quest-icon{font-size:1.5rem;width:2.5rem;text-align:center}.quest-info{flex:1}.quest-name{font-weight:600;margin-bottom:.25rem}.quest-xp{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--gold)}.leaderboard-row{display:grid;grid-template-columns:3rem 1fr 6rem 5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid rgba(212,165,32,.08)}.leaderboard-rank{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--text-secondary);text-align:center}.leaderboard-rank.top-3{color:var(--gold)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:var(--bg-panel);border:var(--pixel) solid var(--pixel-border);padding:2.5rem;width:100%;max-width:420px;box-shadow:inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #0000004d,inset var(--pixel) var(--pixel) 0 0 #ffffff0d}.auth-card h1{font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--gold);text-align:center;margin-bottom:.5rem;line-height:1.6}.auth-card .subtitle{text-align:center;color:var(--text-secondary);font-size:.85rem;margin-bottom:2rem}.auth-toggle{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.85rem}.auth-toggle a{color:var(--gold);text-decoration:none;cursor:pointer}.auth-toggle a:hover{text-decoration:underline}.error-message{background:#ee33441a;border:1px solid rgba(238,51,68,.3);color:var(--accent-red);padding:.75rem 1rem;border-radius:2px;font-size:.85rem;margin-bottom:1rem}@media(max-width:768px){.sidebar{width:100%;height:auto;position:fixed;inset:auto 0 0;flex-direction:row;padding:0;border-right:none;border-top:var(--pixel) solid var(--pixel-border)}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;padding:.5rem;gap:0}.nav-item{flex-direction:column;gap:.25rem;padding:.5rem;font-size:.65rem;align-items:center}.nav-item.active{border-left:none;border-bottom:2px solid var(--gold)}.main-content{margin-left:0;margin-bottom:80px;padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}