@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Space Mono", JetBrains Mono, monospace;--bg-app:#06060c;--bg-g1:#090915;--bg-g2:#020205;--glass-bg:#0a0b16a6;--glass-bg-hover:#121426bf;--glass-border:#ffffff14;--glass-border-focus:#fff3;--text-primary:#fff;--text-secondary:#8e94b2;--text-muted:#4e526a;--color-purple:#9d4edd;--color-purple-rgb:157, 78, 221;--color-cyan:#00f5d4;--color-cyan-rgb:0, 245, 212;--color-crimson:#ff0054;--color-crimson-rgb:255, 0, 84;--color-gold:#ffbe0b;--accent-glow:0 0 25px #9d4edd66;--accent-glow-cyan:0 0 25px #00f5d466;--card-shadow:0 20px 50px 0 #000000b3;--cell-bg:#12142666;--cell-bg-given:#ffffff05;--cell-bg-highlight:#00f5d40a;--cell-bg-highlight-selected:#9d4edd33;--cell-border:#ffffff0d;--cell-text-user:#00f5d4;--cell-text-given:#e2e5f5;--transition-speed:.25s;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);background-image:linear-gradient(135deg, var(--bg-g1) 0%, var(--bg-g2) 100%);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}.ambient-blobs{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(140px);opacity:.4;mix-blend-mode:screen;border-radius:50%;animation:20s ease-in-out infinite alternate morph;position:absolute}.blob-purple{background:radial-gradient(circle, var(--color-purple) 0%, #9d4edd00 70%);width:500px;height:500px;animation-duration:25s;top:-10%;left:10%}.blob-cyan{background:radial-gradient(circle, var(--color-cyan) 0%, #00f5d400 70%);width:600px;height:600px;animation-duration:28s;bottom:-10%;right:10%}@keyframes morph{0%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate(0)scale(1)}50%{border-radius:70% 30% 52% 48%/60% 40%;transform:translate(80px,50px)scale(1.1)}to{border-radius:38% 62% 40% 60%/50%;transform:translate(-50px,-20px)scale(.9)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)saturate(210%);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);transition:border-color var(--transition-speed), background var(--transition-speed);border-radius:20px}.glass-panel:hover{background:var(--glass-bg-hover);border-color:#ffffff1f}.btn{font-family:var(--font-sans);cursor:pointer;transition:all .2s var(--ease-out);border:1px solid #0000;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-purple) 0%, #7b2cbf 100%);color:#fff;border-color:#ffffff1a}.btn-primary:hover{box-shadow:var(--accent-glow);transform:translateY(-2px)}.btn-glowing{box-shadow:0 0 15px #9d4edd4d}.btn-danger{background:linear-gradient(135deg, var(--color-crimson) 0%, #c1121f 100%)!important;box-shadow:0 0 15px #ff00544d!important}.btn-danger:hover{box-shadow:0 0 25px #ff005480!important}.w-full{width:100%}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.text-center{text-align:center}.setup-container{background:#040409;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.setup-card{width:100%;max-width:550px;padding:40px}.setup-header{text-align:center;margin-bottom:30px}.setup-icon{color:var(--color-cyan);margin-bottom:16px}.setup-header h2{letter-spacing:.5px;font-size:26px;font-weight:700}.subtitle{color:var(--text-secondary);margin-top:6px;font-size:13px}.setup-form .form-group{margin-bottom:20px}.setup-form label{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.setup-form input{border:1px solid var(--glass-border);color:#fff;width:100%;font-family:var(--font-mono);background:#0000004d;border-radius:12px;outline:none;padding:14px 16px;font-size:13px;transition:all .2s}.setup-form input:focus{border-color:var(--color-cyan);background:#00000080;box-shadow:0 0 10px #00f5d426}.setup-error{color:var(--color-crimson);font-size:13px;font-family:var(--font-mono);background:#ff005414;border:1px solid #ff005433;border-radius:8px;margin-bottom:16px;padding:10px 14px}.sql-instructions-toggle{text-align:center;margin-top:24px}.btn-toggle-sql{color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:var(--font-mono);background:0 0;border:none;align-items:center;gap:6px;display:inline-flex}.btn-toggle-sql:hover{color:var(--text-primary)}.sql-box-container{border:1px solid var(--glass-border);background:#0006;border-radius:12px;margin-top:16px;overflow:hidden}.sql-box-header{border-bottom:1px solid var(--glass-border);font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff05;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.btn-copy{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;display:inline-flex}.btn-copy:hover{color:#fff}.sql-code{max-height:250px;font-family:var(--font-mono);color:#a9b2c3;text-align:left;white-space:pre-wrap;padding:14px;font-size:11px;line-height:1.5;overflow-y:auto}.setup-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:11px}.btn-reset-db-setup{border:1px solid var(--glass-border);font-size:10px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;position:fixed;bottom:16px;right:16px}.btn-reset-db-setup:hover{color:var(--text-secondary);background:#ffffff05}.auth-container{background:#040409;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card-wrapper{width:100%;max-width:450px}.auth-card{text-align:center;padding:40px}.logo-glow{background:#00f5d40d;border:1px solid #00f5d433;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;display:flex;box-shadow:0 0 20px #00f5d41a}.logo-glow .logo-icon{color:var(--color-cyan)}.auth-header h1{letter-spacing:1.5px;background:linear-gradient(90deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px;font-weight:800}.auth-tabs{border:1px solid var(--glass-border);background:#0000004d;border-radius:12px;margin:30px 0 24px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.tab-btn.active{color:#fff;border:1px solid var(--glass-border);background:#ffffff0d}.auth-form{text-align:left}.auth-form .form-group{margin-bottom:20px}.auth-form label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-family:var(--font-mono);letter-spacing:.5px;margin-bottom:8px;display:block}.input-wrapper{position:relative}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-form input{border:1px solid var(--glass-border);color:#fff;background:#00000040;border-radius:12px;outline:none;width:100%;padding:14px 16px 14px 40px;font-size:14px;transition:all .2s}.auth-form input:focus{border-color:var(--color-purple);background:#00000073;box-shadow:0 0 10px #9d4edd26}.error-message{color:var(--color-crimson);font-size:12px;font-family:var(--font-mono);background:#ff005414;border:1px solid #ff005433;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.success-message{color:var(--color-cyan);font-size:12px;font-family:var(--font-mono);background:#00f5d414;border:1px solid #00f5d433;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.hud-navbar{z-index:100;border-radius:18px;justify-content:space-between;align-items:center;margin:16px;padding:14px 28px;display:flex;position:sticky;top:16px}.hud-left{align-items:center;gap:10px;display:flex}.hud-logo{color:var(--color-cyan)}.hud-brand{letter-spacing:2px;font-size:15px;font-weight:700}.hud-center{gap:8px;display:flex}.hud-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.hud-tab-btn:hover{color:#fff}.hud-tab-btn.active{border-color:var(--glass-border);color:#fff;background:#ffffff0d}.btn-admin-tab.active{border-color:#ff005440;box-shadow:0 0 10px #ff00541a;color:var(--color-crimson)!important}.hud-right{align-items:center;gap:12px;display:flex}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-icon:hover{color:#fff;background:#ffffff0d}.btn-hud-logout{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-hud-logout:hover{color:var(--color-crimson);background:#ff00541a;border-color:#ff00544d}.hud-viewport{width:100%;max-width:1350px;margin:0 auto;padding:16px}.game-arena-grid{grid-template-columns:280px 1fr 300px;gap:24px;display:grid}.pilot-profile-card{padding:24px}.pilot-identity{align-items:center;gap:16px;display:flex}.identicon-canvas{border-radius:10px;box-shadow:0 4px 10px #0000004d}.pilot-meta h3{font-size:18px;font-weight:700}.pilot-meta .pilot-title{letter-spacing:1px;font-size:10px}.pilot-xp-bar-container .xp-text{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.xp-bar{background:#0006;border-radius:3px;height:6px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--color-purple) 0%, var(--color-cyan) 100%);border-radius:3px;height:100%}.sector-selector-card{padding:24px}.card-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;display:flex}.card-header h4{text-transform:uppercase;font-size:13px;font-family:var(--font-mono);letter-spacing:.5px}.sectors-list-grid{grid-template-columns:repeat(4,1fr);gap:8px;max-height:250px;padding-right:4px;display:grid;overflow-y:auto}.sectors-list-grid::-webkit-scrollbar{width:4px}.sectors-list-grid::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.sector-btn{border:1px solid var(--glass-border);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:8px;padding:8px 4px;font-size:11px;transition:all .2s}.sector-btn:hover{color:var(--color-cyan);background:#00f5d414;border-color:#00f5d44d}.sector-btn.active{border-color:var(--color-cyan);color:#fff;background:#00f5d426;box-shadow:0 0 10px #00f5d440}.game-hud-bar{border-radius:14px;justify-content:space-around;padding:12px 24px;display:flex}.hud-item{flex-direction:column;align-items:center;display:flex}.hud-label{color:var(--text-muted);letter-spacing:1px;margin-bottom:2px;font-size:9px}.hud-value{font-size:16px;font-weight:700}.text-cyan{color:var(--color-cyan)}.text-purple{color:var(--color-purple)}.text-crimson{color:var(--color-crimson)}.board-outer-container{width:100%;max-width:550px;margin:0 auto;padding:16px}.sudoku-board{aspect-ratio:1;border:1px solid var(--glass-border);background:#0003;border-radius:12px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden}.sudoku-cell{background:var(--cell-bg);border:.5px solid var(--cell-border);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;justify-content:center;align-items:center;font-size:min(5.5vw,24px);font-weight:700;transition:background-color .15s,color .15s,box-shadow .15s;display:flex;position:relative}.border-top-thick{border-top:2.5px solid #9d4edd66!important}.border-left-thick{border-left:2.5px solid #9d4edd66!important}.cell-given{background:var(--cell-bg-given);color:var(--cell-text-given)}.cell-user{color:var(--cell-text-user);text-shadow:0 0 6px #00f5d459}.cell-selected{box-shadow:inset 0 0 0 2px var(--color-purple);z-index:5;background:var(--cell-bg-highlight-selected)!important}.cell-highlight-area{background:var(--cell-bg-highlight)}.cell-highlight-match{text-shadow:0 0 8px var(--color-cyan);background:#00f5d41f;color:#fff!important}.cell-error{text-shadow:0 0 10px #ff005499;animation:.3s shake;color:var(--color-crimson)!important;background:#ff00542e!important}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.pencil-notes-grid{pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:3px}.pencil-note-cell{font-size:min(2vw,9px);font-family:var(--font-mono);color:var(--text-muted);justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex}.game-end-panel{width:100%;max-width:550px;margin:0 auto;padding:40px}.game-end-panel h2{font-size:24px;font-weight:700}.numpad-container{padding:20px}.utility-buttons{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.util-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.util-btn:hover{color:#fff;border-color:var(--glass-border-focus);background:#ffffff0d}.util-btn.active{box-shadow:0 0 10px #9d4edd40;border-color:var(--color-purple)!important;color:#fff!important;background:#9d4edd26!important}.util-btn:disabled{opacity:.3;cursor:not-allowed}.digits-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.digit-btn{aspect-ratio:1;border:1px solid var(--glass-border);font-family:var(--font-sans);color:#fff;cursor:pointer;transition:all .15s var(--ease-out);background:#14162966;border-radius:14px;font-size:22px;font-weight:700;box-shadow:0 4px 6px #0003}.digit-btn:hover{color:var(--color-cyan);background:#00f5d414;border-color:#00f5d466;box-shadow:0 0 15px #00f5d433}.digit-btn:active{transform:scale(.92)}.leaderboard-card{max-width:800px;margin:0 auto;padding:30px}.leaderboard-card h2{font-size:20px;font-weight:700}.level-select-row{align-items:center;gap:12px;margin-top:20px;margin-bottom:24px;display:flex}.level-select-row label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary);font-size:12px}.level-select{border:1px solid var(--glass-border);color:#fff;font-family:var(--font-mono);cursor:pointer;background:#0000004d;border-radius:10px;outline:none;padding:8px 16px;font-size:13px}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%}.leaderboard-table th{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--glass-border);padding:12px;font-size:11px}.leaderboard-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:14px 12px}.rank-row{transition:background-color .2s}.rank-row:hover{background:#ffffff05}.badge{font-size:10px;font-weight:800;font-family:var(--font-mono);border-radius:6px;padding:4px 8px;display:inline-flex}.badge-gold{background:var(--color-gold);color:#000;box-shadow:0 0 10px #ffbe0b66}.badge-silver{color:#000;background:#e5e5e5;box-shadow:0 0 10px #e5e5e566}.badge-bronze{color:#fff;background:#e76f51;box-shadow:0 0 10px #e76f5166}.rank-num{font-family:var(--font-mono);color:var(--text-secondary);padding-left:8px}.pilot-cell{align-items:center;gap:12px;display:flex}.pilot-name{font-weight:600}.time-cell,.xp-cell{font-family:var(--font-mono);color:var(--color-cyan);font-size:13px}.time-cell svg,.xp-cell svg{vertical-align:middle;margin-right:6px;display:inline}.xp-cell{color:var(--color-purple)}.loading-spinner{text-align:center;font-family:var(--font-mono);color:var(--text-muted);padding:40px}.empty-leaderboard{text-align:center;font-family:var(--font-mono);color:var(--text-muted);border:1px dashed var(--glass-border);border-radius:12px;padding:40px}.terminal-container{max-width:1000px;margin:0 auto}.terminal-crt{position:relative;overflow:hidden;color:#3f6!important;font-family:var(--font-mono)!important;background:#060a08!important;border-color:#00f56426!important;box-shadow:0 0 30px #00ff6426!important}.terminal-crt:before{content:" ";z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;display:block;position:absolute;inset:0}.terminal-header{background:#00ff640d;border-bottom:1px solid #00ff6426;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.terminal-title{letter-spacing:1px;font-weight:700}.terminal-status-badge{background:#00ff6426;border:1px solid #00ff644d;border-radius:4px;padding:3px 8px;font-size:10px}.diagnostic-panel,.milestone-panel{background:#00ff6405;border:1px solid #00ff641a;border-radius:12px;padding:20px}.diagnostic-panel h3,.milestone-panel h3{text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.diag-stats{flex-direction:column;gap:8px;display:flex}.diag-row{justify-content:space-between;font-size:13px;display:flex}.text-green{text-shadow:0 0 5px #00ff6480;color:#3f6!important}.blink{animation:1s infinite alternate blink-anim}@keyframes blink-anim{0%{opacity:1}to{opacity:0}}.btn-terminal{color:#3f6;font-family:var(--font-mono);cursor:pointer;background:#00ff6414;border:1px solid #00ff644d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;transition:all .2s;display:flex}.btn-terminal:hover{background:#00ff6426;box-shadow:0 0 10px #00ff6433}.btn-terminal-danger{color:#ff0054;font-family:var(--font-mono);cursor:pointer;background:#ff005414;border:1px solid #ff00544d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;transition:all .2s;display:flex}.btn-terminal-danger:hover{background:#ff005426;box-shadow:0 0 10px #ff005433}.terminal-select{color:#3f6;font-family:var(--font-mono);background:#020403;border:1px solid #00ff6440;border-radius:6px;outline:none;padding:6px 12px}.terminal-leader-list{flex-direction:column;gap:6px;display:flex}.terminal-leader-row{border-bottom:1px solid #00ff6414;align-items:center;gap:10px;padding:8px;font-size:12px;display:flex}.terminal-callsign{font-weight:600}.terminal-console-log{background:#020403;border:1px solid #00ff6426;border-radius:8px;margin:16px;padding:12px}.log-scroll{flex-direction:column;gap:4px;height:120px;display:flex;overflow-y:auto}.log-scroll::-webkit-scrollbar{width:4px}.log-scroll::-webkit-scrollbar-thumb{background:#00ff6433;border-radius:2px}.log-line{color:#24b247;font-size:11px;line-height:1.4}.neon-glow-cyan-svg{filter:drop-shadow(0 0 4px var(--color-cyan))}@media (width<=1024px){.game-arena-grid{grid-template-columns:1fr;gap:20px}.arena-left-pane{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sectors-list-grid{max-height:140px}.board-outer-container{max-width:460px}.numpad-container{max-width:460px;margin:0 auto}}@media (width<=768px){.hud-navbar{border-radius:12px;margin:8px;padding:10px 16px}.hud-brand{font-size:12px}.hud-tab-btn{padding:6px 10px;font-size:11px}.btn-hud-logout span{display:none}.arena-left-pane{grid-template-columns:1fr}}@media (width<=500px){.board-outer-container{padding:8px}.sudoku-cell{font-size:18px}.utility-buttons{grid-template-columns:repeat(4,1fr)}.util-btn span{display:none}.digits-grid{grid-template-columns:repeat(9,1fr);gap:4px}.digit-btn{border-radius:8px;padding:4px 0;font-size:16px}}