@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Share+Tech+Mono:wght@400;700&display=swap');
:root{--bg:#040810;--panel:#091725;--panel2:#0d2031;--line:#244c67;--cyan:#35d9ff;--green:#78ff76;--yellow:#ffd34f;--orange:#ff9f43;--pink:#ff5bbd;--purple:#aa72ff;--text:#e9f7ff;--muted:#7f9fb2;--danger:#ff6c69;--pixel:'Press Start 2P',monospace;--mono:'Share Tech Mono',Consolas,monospace}
*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--mono);background:radial-gradient(circle at 14% 8%,rgba(53,217,255,.12),transparent 28%),radial-gradient(circle at 90% 18%,rgba(170,114,255,.08),transparent 28%),linear-gradient(180deg,#07111c,#03070c 62%,#020509);overflow-x:hidden}.scanlines,.grid-bg{position:fixed;inset:0;pointer-events:none}.scanlines{z-index:99;opacity:.12;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay}.grid-bg{z-index:-1;opacity:.24;background-image:linear-gradient(rgba(53,217,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(53,217,255,.1) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 82%)}button,input{font:inherit}.topbar{max-width:1580px;margin:auto;padding:26px 28px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-kicker,.micro,.eyebrow,.overview-stat>span,.nav-btn,.btn,.dialog-icon,.game-icon,.game-index,.game-status,.rank-chip{font-family:var(--pixel)}.brand-kicker{font-family:var(--pixel);font-size:8px;color:var(--green);letter-spacing:1px}.brand h1{margin:8px 0 0;font-family:var(--pixel);font-size:clamp(22px,3vw,42px);line-height:1.25;color:var(--yellow);text-shadow:0 4px 0 #815100,0 7px 0 #342100,0 0 22px rgba(255,211,79,.18)}.brand h1 span{color:var(--cyan);text-shadow:0 4px 0 #045c78,0 7px 0 #062c39,0 0 22px rgba(53,217,255,.2)}.brand p{margin:9px 0 0;letter-spacing:3px;color:#789bb0;font-size:17px}.top-status{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #2c5e7b;background:rgba(6,19,31,.84);font-family:var(--pixel);font-size:7px}.status-dot{width:9px;height:9px;background:var(--green);box-shadow:0 0 12px var(--green);animation:blink 1.4s steps(1) infinite}.shell{width:min(1580px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(14,31,49,.96),rgba(6,16,28,.97));box-shadow:inset 0 0 0 2px #06101a,0 10px 28px rgba(0,0,0,.28)}.sidebar{display:flex;flex-direction:column;gap:12px}.operator-card{display:grid;grid-template-columns:80px 1fr;gap:13px;align-items:center;padding:12px}.operator-card img{width:80px;height:80px;object-fit:cover;image-rendering:pixelated;border:1px solid #387490;background:#071623}.operator-card strong,.student-card strong{display:block;margin:6px 0 4px;color:#dff7ff;font-size:17px}.operator-card small,.student-card span{color:var(--muted)}.micro{font-size:7px;color:var(--green);letter-spacing:.8px}.student-card{padding:14px}.student-head{display:flex;justify-content:space-between;align-items:center}.tiny-action{border:1px solid #315b73;background:#07131f;color:var(--cyan);cursor:pointer;padding:5px 7px;font-size:11px}.profile-warning{margin-top:10px;padding:8px;border:1px solid rgba(255,211,79,.4);background:rgba(255,211,79,.05);color:#f5d77a;font-size:12px;line-height:1.4}.nav-panel{padding:7px}.nav-btn{width:100%;border:0;border-bottom:1px solid rgba(75,125,155,.18);background:transparent;color:#a2c0d1;text-align:left;padding:14px 11px;display:flex;gap:11px;align-items:center;font-size:8px;cursor:pointer}.nav-btn:last-child{border-bottom:0}.nav-btn:hover,.nav-btn.active{background:rgba(53,217,255,.07);color:#fff;box-shadow:inset 3px 0 0 var(--cyan)}.nav-btn.active{color:var(--green);box-shadow:inset 3px 0 0 var(--green)}.nav-btn span{width:22px;text-align:center;color:var(--cyan)}.terminal-panel{min-height:122px;padding:16px;position:relative;overflow:hidden}.terminal-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(90deg,var(--yellow) 0 8px,#2b1d00 8px 16px)}.terminal-label{display:block;margin-top:6px}.terminal-panel p{color:#c9f6c8;line-height:1.4}.cursor{color:var(--green);animation:blink .9s steps(1) infinite}.content{min-width:0}.hero{min-height:202px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:28px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 52%,rgba(53,217,255,.025) 52%)}.hero-copy{position:relative;z-index:2;max-width:850px}.eyebrow{font-size:8px;color:var(--cyan)}.hero h2{font-family:var(--pixel);font-size:clamp(17px,2.2vw,29px);line-height:1.55;margin:12px 0;color:#f4fbff}.hero p{margin:0;max-width:790px;font-size:18px;color:var(--muted);line-height:1.5}.hero-actions,.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.btn{border:1px solid #2e607c;background:#071622;color:#bfe7f7;padding:12px 14px;cursor:pointer;font-size:7px;letter-spacing:.5px}.btn:hover{filter:brightness(1.16);transform:translateY(-1px)}.btn.primary{color:var(--green);border-color:#45965d;background:rgba(120,255,118,.07);box-shadow:inset 3px 0 0 var(--green)}.btn.small{padding:10px 11px}.hero-radar{width:160px;height:160px;min-width:160px;border:1px solid #2a5b77;border-radius:50%;position:relative;background:radial-gradient(circle,rgba(53,217,255,.11),rgba(2,11,18,.3) 60%);box-shadow:inset 0 0 35px rgba(53,217,255,.08)}.radar-ring{position:absolute;border:1px solid rgba(53,217,255,.22);border-radius:50%;inset:18px}.radar-ring.r2{inset:40px}.radar-ring.r3{inset:63px}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(53,217,255,.35),transparent 17%,transparent 100%);animation:spin 5s linear infinite}.radar-core{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--pixel);font-size:15px;color:var(--yellow);text-shadow:0 0 12px rgba(255,211,79,.45)}.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.overview-stat{padding:16px 17px;min-height:108px}.overview-stat>span{font-size:7px;color:#6f9cb5}.overview-stat strong{display:block;margin:11px 0 7px;font-family:var(--pixel);font-size:18px;color:var(--cyan)}.overview-stat small{color:var(--muted)}.view{display:none;padding-top:24px}.view.active-view{display:block}.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 2px 14px}.section-title h3{margin:6px 0 0;font-family:var(--pixel);font-size:14px}.section-note{color:var(--muted);font-size:13px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.game-card{--accent:#35d9ff;--accent-rgb:53,217,255;position:relative;min-height:292px;border:1px solid color-mix(in srgb,var(--accent),#19384d 52%);background:radial-gradient(circle at 80% 12%,rgba(var(--accent-rgb),.12),transparent 35%),linear-gradient(180deg,rgba(13,31,49,.97),rgba(6,15,25,.98));overflow:hidden;cursor:pointer;transition:.16s ease;display:flex;flex-direction:column}.game-card:hover,.game-card:focus-visible{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 26px rgba(var(--accent-rgb),.1);outline:none}.game-card:before,.game-card:after{content:"";position:absolute;width:23px;height:23px;border-color:var(--accent);z-index:3}.game-card:before{left:7px;top:7px;border-left:2px solid var(--accent);border-top:2px solid var(--accent)}.game-card:after{right:7px;bottom:7px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent)}.game-visual{height:120px;display:grid;place-items:center;position:relative;border-bottom:1px solid rgba(88,143,177,.2);background:linear-gradient(rgba(var(--accent-rgb),.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.055) 1px,transparent 1px);background-size:16px 16px}.game-icon{width:90px;height:68px;display:grid;place-items:center;border:2px solid var(--accent);background:#06121d;color:var(--accent);font-size:20px;box-shadow:7px 7px 0 rgba(0,0,0,.27),inset 0 0 20px rgba(var(--accent-rgb),.12)}.game-index{position:absolute;left:13px;top:13px;font-size:7px;color:var(--accent);border:1px solid var(--accent);padding:7px;background:#06121d}.game-status{position:absolute;right:13px;top:15px;font-size:6px;color:var(--green)}.game-body{padding:17px 17px 13px;flex:1}.game-body h4{font-family:var(--pixel);font-size:10px;line-height:1.5;margin:0 0 7px}.game-body p{color:var(--muted);line-height:1.45;margin:0;font-size:14px}.game-progress{margin-top:14px}.progress-label{display:flex;justify-content:space-between;gap:8px;color:#9cc1d5;font-size:12px}.progress-track,.level-track{height:15px;margin-top:6px;border:1px solid #28536d;background:#030a10;padding:3px}.progress-track>div,.level-track>div{height:100%;background:repeating-linear-gradient(90deg,var(--accent) 0 12px,rgba(var(--accent-rgb),.48) 12px 15px)}.game-footer{padding:0 17px 16px;display:flex;justify-content:space-between;align-items:center;color:#8aaabc;font-size:12px}.game-xp{color:var(--yellow);font-family:var(--pixel);font-size:7px}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.command-card,.dashboard-list-card,.activity-card{padding:20px}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#6f99b0;font-family:var(--pixel);font-size:7px}.panel-heading strong{color:var(--cyan);font-size:8px}.level-track{height:21px;margin-top:18px}.level-track>div{--accent:var(--green);--accent-rgb:120,255,118;width:0;background:repeating-linear-gradient(90deg,var(--green) 0 14px,#3a9e59 14px 17px);transition:width .25s ease}.level-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:8px}.network-dots{display:flex;gap:8px;margin-top:18px}.network-dot{width:20px;height:20px;border:1px solid #315a70;background:#07131f;position:relative}.network-dot.active:after{content:"";position:absolute;inset:5px;background:var(--green);box-shadow:0 0 9px rgba(120,255,118,.75)}.command-card p{color:var(--muted);margin:14px 0 0}.dashboard-columns{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;margin-top:14px}.game-progress-list{display:grid;gap:10px;margin-top:16px}.progress-row{display:grid;grid-template-columns:160px 1fr 84px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(75,126,155,.15)}.progress-row:last-child{border-bottom:0}.progress-row strong{font-size:14px}.progress-row .row-bar{height:11px;border:1px solid #284e65;background:#040b11;padding:2px}.progress-row .row-bar div{height:100%;background:var(--cyan)}.progress-row span:last-child{text-align:right;color:var(--yellow)}.activity-list{display:grid;gap:8px;margin-top:15px}.activity-item{padding:10px;border-left:2px solid var(--cyan);background:rgba(53,217,255,.035)}.activity-item strong{display:block}.activity-item small{color:var(--muted)}.activity-empty{color:var(--muted);line-height:1.5}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-badge{padding:20px;min-height:190px;position:relative;overflow:hidden}.hub-badge.locked{filter:grayscale(.7);opacity:.5}.badge-symbol{width:58px;height:58px;display:grid;place-items:center;border:2px solid var(--yellow);color:var(--yellow);background:#06111c;font-family:var(--pixel);font-size:10px;box-shadow:6px 6px 0 rgba(0,0,0,.3)}.hub-badge h4{font-family:var(--pixel);font-size:9px;line-height:1.5;margin:17px 0 8px}.hub-badge p{color:var(--muted);margin:0;line-height:1.5}.badge-state{position:absolute;right:14px;top:14px;font-family:var(--pixel);font-size:6px;color:var(--green)}.locked .badge-state{color:var(--muted)}.global-report{padding:24px}.report-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #29536b;padding-bottom:20px}.report-title span{font-family:var(--pixel);font-size:7px;color:var(--green)}.report-title h2{font-family:var(--pixel);font-size:17px;line-height:1.5;margin:8px 0}.report-id{text-align:right;color:var(--muted);font-size:13px}.report-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.report-kpi{padding:13px;border:1px solid #284f68;background:#06121d}.report-kpi span{display:block;color:#6d98b0;font-size:11px}.report-kpi strong{display:block;margin-top:8px;font-family:var(--pixel);font-size:11px;color:var(--cyan)}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table th,.report-table td{padding:11px 9px;border-bottom:1px solid rgba(80,134,165,.22);text-align:left;vertical-align:top}.report-table th{font-family:var(--pixel);font-size:6px;color:#7fabc0}.report-table td strong{display:block}.report-table td small{color:var(--muted)}.report-bar{width:120px;height:8px;background:#04101a;border:1px solid #284f68;padding:1px}.report-bar div{height:100%;background:var(--green)}.report-section{margin-top:22px}.report-section h4{font-family:var(--pixel);font-size:9px;color:var(--yellow)}.report-badges{display:flex;flex-wrap:wrap;gap:7px}.report-badges span{border:1px solid #31566c;background:#06121d;padding:7px 9px;color:#bdd7e4}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.data-card{padding:22px}.data-icon{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--cyan);color:var(--cyan);font-family:var(--pixel);font-size:15px}.data-card h4,.info-card h4{font-family:var(--pixel);font-size:9px;line-height:1.5;margin:18px 0 8px}.data-card p,.info-card p{color:var(--muted);line-height:1.6}.warning-card{border-color:#6e5924}.warning-card .data-icon{border-color:var(--yellow);color:var(--yellow)}.info-card{padding:24px}.info-card code{color:var(--green)}footer{width:min(1580px,calc(100% - 32px));margin:22px auto 0;padding:16px 2px 30px;display:flex;justify-content:space-between;gap:16px;color:#55798d;font-size:12px}.dialog-shell{border:0;padding:0;background:transparent;color:inherit;max-width:none}.dialog-shell::backdrop{background:rgba(1,5,9,.84);backdrop-filter:blur(5px)}.dialog-card{position:relative;width:min(620px,calc(100vw - 28px));padding:26px}.dialog-close{position:absolute;right:13px;top:12px;width:36px;height:36px;border:1px solid #315971;background:#07131f;color:#add9ed;font-size:24px;cursor:pointer}.dialog-game-head{display:flex;align-items:center;gap:15px}.dialog-icon{width:74px;height:60px;display:grid;place-items:center;border:2px solid var(--cyan);color:var(--cyan);background:#06121d;font-size:15px}.dialog-card h3{font-family:var(--pixel);font-size:13px;line-height:1.5;margin:7px 0}.dialog-card>p,.muted{color:var(--muted);line-height:1.6}.dialog-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.dialog-stat{border:1px solid #284f67;background:#06121d;padding:11px}.dialog-stat span{display:block;color:var(--muted);font-size:11px}.dialog-stat strong{display:block;margin-top:6px;color:var(--yellow)}.dialog-tags{display:flex;gap:7px;flex-wrap:wrap}.dialog-tags span{border:1px solid #2c536a;padding:6px 8px;color:#a9c8d6;background:#06111c}.dialog-card label{display:block;margin-top:13px;color:#9fc0d1}.dialog-card input{width:100%;margin-top:5px;padding:11px 12px;border:1px solid #31576d;background:#040d15;color:#fff;outline:none}.dialog-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(53,217,255,.08)}.toast{position:fixed;right:20px;bottom:20px;z-index:500;max-width:390px;padding:12px 14px;border:1px solid #3b7254;background:#071711;color:#caffc9;box-shadow:0 12px 32px rgba(0,0,0,.4);transform:translateY(20px);opacity:0;pointer-events:none;transition:.18s}.toast.show{transform:none;opacity:1}@keyframes blink{50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.shell{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1.1fr 1fr 2fr}.terminal-panel{display:none}.nav-panel{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}.nav-btn{justify-content:center;border-bottom:0;border-right:1px solid rgba(75,125,155,.18)}.game-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar{padding:19px 13px 13px}.top-status{display:none}.brand p{font-size:13px}.shell,footer{width:calc(100% - 18px)}.sidebar{display:block}.operator-card,.student-card,.nav-panel{margin-bottom:9px}.nav-panel{grid-template-columns:repeat(2,1fr)}.hero{padding:22px 18px;display:block}.hero-radar{display:none}.overview-strip,.game-grid,.dashboard-grid,.badge-grid,.data-grid{grid-template-columns:1fr}.overview-stat{min-height:86px}.section-title{display:block}.section-note{display:block;margin-top:9px}.progress-row{grid-template-columns:1fr}.progress-row span:last-child{text-align:left}.report-header{display:block}.report-id{text-align:left;margin-top:10px}.report-kpis{grid-template-columns:repeat(2,1fr)}.report-table{font-size:11px}.report-table th:nth-child(4),.report-table td:nth-child(4){display:none}.dialog-stats{grid-template-columns:1fr}.brand h1{font-size:20px}footer{display:block}footer span:last-child{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body{background:#fff;color:#111}.scanlines,.grid-bg,.topbar,.sidebar,.hero,.overview-strip,.section-title,.view:not(#reportView),footer,.toast{display:none!important}.shell{display:block;width:100%;margin:0}.content{width:100%}#reportView{display:block!important;padding:0}.global-report{border:0;box-shadow:none;background:#fff;color:#111;padding:0}.report-header{border-bottom:2px solid #111}.report-title span,.report-kpi span,.report-table th{color:#444}.report-title h2,.report-kpi strong{color:#111}.report-kpi{background:#fff;border:1px solid #aaa}.report-table th,.report-table td{border-bottom:1px solid #aaa}.report-bar{border:1px solid #666;background:#fff}.report-bar div{background:#333}.report-badges span{background:#fff;color:#111;border-color:#888}.report-section h4{color:#111}@page{size:A4 landscape;margin:10mm}}