:root{color:#d6f7ff;background-color:#03040a;font-family:Consolas,JetBrains Mono,monospace}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#0a1030 0%,#03040a 50%,#000 100%);min-height:100vh;margin:0;overflow:hidden}#root,.app{width:100vw;height:100vh}canvas{width:100%;height:100%}.hud-layout{grid-template-columns:minmax(280px,420px) minmax(220px,320px);gap:.8rem;width:min(760px,100vw - 3rem);display:grid;position:fixed;inset:1.5rem auto auto 1.5rem}.hud-panel{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020814c7;border:1px solid #163e57;border-radius:10px;padding:.9rem;box-shadow:0 0 26px #00f6ff2e}.panel-info h1{color:#00f6ff;letter-spacing:1px;margin:0;font-size:1.1rem}.panel-info p{color:#80b6da;margin:.2rem 0}.tutorial-text{color:#8fe7d5;font-size:.8rem}.panel-progress span{color:#95e8ff;font-size:.85rem}.stats-row{color:#88c9ea;justify-content:space-between;margin-top:.45rem;font-size:.8rem;display:flex}.bar{border:1px solid #29516d;border-radius:999px;height:10px;margin-top:.45rem;overflow:hidden}.fill{background:linear-gradient(90deg,#22e4ff,#45ffb0);height:100%;transition:width .25s}.panel-actions{flex-wrap:wrap;align-content:flex-start;gap:.5rem;display:flex}.panel-error{color:#ff5f87;grid-column:1/span 2;font-size:.82rem}button{color:#cbf7ff;cursor:pointer;background:#0c192cbd;border:1px solid #2f5e84;border-radius:8px;padding:.5rem .75rem;font-family:inherit}button:hover:not(:disabled){border-color:#00f6ff;box-shadow:0 0 14px #00f6ff59}button:disabled{opacity:.4;cursor:not-allowed}.settings-panel{border:1px solid #274a6e;grid-column:2/span 1;align-content:start;gap:.4rem;display:grid}.settings-panel h3{color:#9cefff;margin:0;font-size:.9rem}.settings-panel label{color:#96d8ef;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.overlay{background:#02040ab3;place-items:center;display:grid;position:fixed;inset:0}.network-map-overlay{align-content:start;gap:1rem;padding-top:1rem}.network-map-header{background:#020814c7;border:1px solid #1a4660;border-radius:12px;width:min(960px,100vw - 2rem);padding:.8rem 1rem}.network-map-header h2{color:#84faff;margin:0}.network-map-header p{color:#8bc7df;margin:.35rem 0 .7rem}.network-map-canvas{border:1px solid #1a4660;border-radius:12px;width:min(960px,100vw - 2rem);height:min(560px,100vh - 180px);overflow:hidden;box-shadow:0 0 24px #00f6ff29}.overlay.boot{color:#93f4ff;align-content:center;justify-items:start;padding-left:min(5vw,3rem)}.overlay.boot p{opacity:0;margin:.35rem 0;font-size:1.15rem;animation:.6s forwards revealLine}.card-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:.8rem;width:min(760px,100vw - 3rem);display:grid}.level-card{text-align:left;flex-direction:column;gap:.45rem;min-height:140px;display:flex}.level-card span{color:#6bf5ff}.level-card.ready{border-color:#2dc491}.level-card.locked{border-color:#4f335f}.overlay.success{text-align:center}.overlay.success h2{color:#45ffb0;margin-bottom:.2rem}.success-actions{justify-content:center;gap:.6rem;margin-top:1rem;display:flex}@keyframes revealLine{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}