:root{--bg-dark: #0A0B14;--bg-card: #151828;--bg-card-hover: #1E2238;--bg-card-inner: #0F111E;--border-dark: #05060A;--border-light: #2A3052;--border-glow: #00F0FF;--text-main: #F0F4FF;--text-muted: #8E9AB8;--text-gold: #FFD700;--accent-gold: #FFD700;--accent-gold-dark: #C69200;--accent-cyan: #00F0FF;--accent-cyan-dark: #0099A8;--accent-purple: #A855F7;--accent-purple-dark: #7E22CE;--accent-green: #22C55E;--accent-green-dark: #15803D;--accent-red: #EF4444;--font-pixel: "Press Start 2P", monospace;--font-subhead: "Silkscreen", cursive;--font-retro: "VT323", monospace;--font-body: "Outfit", sans-serif;--pixel-shadow: 4px 4px 0px #000000;--pixel-shadow-gold: 4px 4px 0px #826100;--pixel-shadow-cyan: 4px 4px 0px #006066;--pixel-shadow-purple: 4px 4px 0px #4C1D95}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 50% 20%,rgba(168,85,247,.15),transparent 40%),radial-gradient(circle at 80% 80%,rgba(0,240,255,.1),transparent 40%),linear-gradient(#0a0b14f2,#0a0b14fa),repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(255,255,255,.02) 4px,rgba(255,255,255,.02) 8px)}.font-pixel{font-family:var(--font-pixel);letter-spacing:-.5px}.font-subhead{font-family:var(--font-subhead)}.font-retro{font-family:var(--font-retro)}.pixel-box{background:var(--bg-card);border:4px solid var(--border-dark);box-shadow:inset -4px -4px #0006,inset 4px 4px #ffffff14,6px 6px #000;padding:20px;position:relative;transition:transform .1s ease,box-shadow .1s ease}.pixel-box-glow-gold{border-color:var(--accent-gold);box-shadow:0 0 15px #ffd7004d,6px 6px #000}.pixel-box-glow-cyan{border-color:var(--accent-cyan);box-shadow:0 0 15px #00f0ff4d,6px 6px #000}.pixel-box-glow-purple{border-color:var(--accent-purple);box-shadow:0 0 15px #a855f74d,6px 6px #000}.pixel-btn{font-family:var(--font-pixel);font-size:.85rem;padding:14px 24px;background:#3b82f6;color:#fff;border:4px solid #000000;box-shadow:var(--pixel-shadow);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;text-decoration:none;transition:all .08s ease;position:relative}.pixel-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000;filter:brightness(1.1)}.pixel-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.pixel-btn-gold{background:var(--accent-gold);color:#000;box-shadow:var(--pixel-shadow-gold)}.pixel-btn-cyan{background:var(--accent-cyan);color:#000;box-shadow:var(--pixel-shadow-cyan)}.pixel-btn-purple{background:var(--accent-purple);color:#fff;box-shadow:var(--pixel-shadow-purple)}.pixel-btn-green{background:var(--accent-green);color:#000;box-shadow:4px 4px #0d5c2c}.pixel-btn-red{background:var(--accent-red);color:#fff;box-shadow:4px 4px #7f1d1d}.pixel-btn:disabled{background:#4b5563!important;color:#9ca3af!important;cursor:not-allowed;transform:none!important;box-shadow:4px 4px #000!important;opacity:.6}.xp-container{background:#0d0e17;border:3px solid #000000;padding:3px;position:relative;overflow:hidden;height:24px;width:100%}.xp-fill{background:linear-gradient(90deg,#eab308,gold,#facc15);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px #fff6}.pet-xp-fill{background:linear-gradient(90deg,#a855f7,#00f0ff,#38ef7d);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.pixel-badge{font-family:var(--font-pixel);font-size:.65rem;padding:4px 8px;border:2px solid #000000;display:inline-block;text-transform:uppercase}.badge-test{background:#ef4444;color:#fff}.badge-homework{background:#3b82f6;color:#fff}.badge-project{background:#eab308;color:#000}.badge-deadline{background:#a855f7;color:#fff}.pixel-input,.pixel-select,.pixel-textarea{width:100%;background:#0b0d17;border:3px solid #1E2442;color:#f0f4ff;padding:12px 14px;font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .2s ease}.pixel-input:focus,.pixel-select:focus,.pixel-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff33}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 10px rgba(0,240,255,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:pulse-glow 2.5s infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#05060cd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}@media(max-width:768px){.pixel-btn{padding:10px 16px;font-size:.75rem}.font-pixel-lg{font-size:1.2rem!important}}