:root{--kred:#ff234b;--kcyan:#39e7ff;--kviolet:#9a63ff;--kgold:#ffc857;--kgreen:#53f6a3}
.command-deck{position:relative;overflow:hidden;padding-top:40px}.command-deck:before{content:"";position:absolute;inset:5% 10%;background:radial-gradient(circle,rgba(154,99,255,.14),transparent 42%),radial-gradient(circle at 75% 35%,rgba(57,231,255,.11),transparent 32%);filter:blur(18px);pointer-events:none}.command-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.command-screen,.assessment-core,.systems-map,.access-panel{border:1px solid rgba(116,219,255,.2);background:linear-gradient(145deg,rgba(8,20,34,.92),rgba(4,8,16,.96));box-shadow:0 24px 80px rgba(0,0,0,.35),inset 0 0 60px rgba(57,231,255,.025);border-radius:24px;position:relative;overflow:hidden}.command-screen{min-height:420px;padding:28px}.command-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(57,231,255,.025) 50%);background-size:100% 5px;pointer-events:none}.hud-top{display:flex;justify-content:space-between;gap:12px;color:#86a8bf;font:700 11px/1.3 monospace;letter-spacing:.13em}.hud-live{color:var(--kgreen)}.career-radar{position:relative;height:290px;margin-top:24px}.career-core{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);border:1px solid rgba(255,35,75,.55);border-radius:50%;display:grid;place-items:center;text-align:center;box-shadow:0 0 50px rgba(255,35,75,.25),inset 0 0 35px rgba(255,35,75,.13);font:800 12px monospace;z-index:2}.career-core:before,.career-core:after{content:"";position:absolute;border:1px solid rgba(57,231,255,.18);border-radius:50%;inset:-28px}.career-core:after{inset:-62px;border-style:dashed;animation:spin 24s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.career-node{position:absolute;width:150px;padding:11px 12px;border:1px solid rgba(57,231,255,.24);border-radius:14px;background:rgba(7,18,30,.9);font-size:12px;color:#cce9f5;box-shadow:0 0 22px rgba(57,231,255,.07);transition:.25s;cursor:pointer}.career-node:hover{transform:scale(1.04);border-color:var(--kcyan);box-shadow:0 0 28px rgba(57,231,255,.2)}.career-node b{display:block;color:white;margin-bottom:3px}.n1{left:2%;top:5%}.n2{right:1%;top:4%}.n3{left:0;bottom:5%}.n4{right:0;bottom:4%}.n5{left:50%;top:0;transform:translateX(-50%)}.n6{left:50%;bottom:0;transform:translateX(-50%)}.assessment-core{padding:28px}.assessment-core h3{font-size:1.55rem;margin:10px 0}.assessment-core p{color:#9eb5c6}.quick-assess{display:grid;gap:11px;margin-top:20px}.quick-assess select,.quick-assess input{width:100%;background:#07111d;border:1px solid rgba(116,219,255,.18);color:#eefaff;border-radius:12px;padding:13px}.readout{margin-top:15px;padding:15px;border-left:2px solid var(--kcyan);background:rgba(57,231,255,.045);color:#cfe9f3;font-size:13px}.masterclass-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.masterclass{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025);min-height:180px;position:relative;overflow:hidden}.masterclass:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-20px;top:-25px;background:radial-gradient(circle,rgba(57,231,255,.16),transparent 65%)}.masterclass small{color:var(--kcyan);font:700 10px monospace;letter-spacing:.12em}.masterclass h3{margin:12px 0 8px}.masterclass p{color:#93aabb;font-size:13px}.systems-map{margin-top:22px;padding:28px}.systems-layers{display:flex;align-items:center;gap:8px;overflow:auto;padding:20px 0 8px}.layer{min-width:126px;padding:15px 12px;text-align:center;border-radius:13px;border:1px solid rgba(154,99,255,.28);background:rgba(154,99,255,.05);font-size:12px}.arrow{color:#5c7a91}.access-panel{margin-top:22px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.access-path{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.access-path span{padding:8px 10px;border-radius:999px;border:1px solid rgba(83,246,163,.22);color:#bdf9da;background:rgba(83,246,163,.04);font-size:12px}.proof-badge{display:inline-flex;gap:8px;align-items:center;padding:8px 11px;border-radius:999px;background:rgba(83,246,163,.07);border:1px solid rgba(83,246,163,.18);color:#baf7d8;font-size:12px}.curriculum-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.curriculum-wall span{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;text-align:center;font:700 11px monospace;color:#a8c4d5;background:rgba(255,255,255,.02)}
@media(max-width:980px){.command-grid,.access-panel{grid-template-columns:1fr}.masterclass-strip{grid-template-columns:1fr 1fr}.curriculum-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.masterclass-strip{grid-template-columns:1fr}.career-radar{height:520px}.career-core{top:50%}.career-node{width:44%;font-size:11px}.n1{left:0;top:2%}.n2{right:0;top:2%}.n5{top:22%;left:0;transform:none}.n3{left:0;bottom:3%}.n4{right:0;bottom:3%}.n6{right:0;left:auto;bottom:22%;transform:none}.curriculum-wall{grid-template-columns:1fr 1fr}}
/* v5.0.2 interaction QA */
.masterclass{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.masterclass:hover,.masterclass:focus-visible{transform:translateY(-4px);border-color:rgba(58,215,255,.55);box-shadow:0 18px 48px rgba(0,0,0,.28);outline:none}.systems-layers .layer{font:inherit;color:inherit;cursor:pointer;text-align:center}.systems-layers button.layer{appearance:none;-webkit-appearance:none}.systems-layers .layer:hover,.systems-layers .layer:focus-visible{border-color:rgba(58,215,255,.65);box-shadow:0 0 28px rgba(58,215,255,.12);outline:none}.kitt-modal[hidden]{display:none}.kitt-modal{position:fixed;inset:0;z-index:9999;background:rgba(2,7,14,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:22px}.kitt-modal-card{position:relative;width:min(720px,96vw);background:linear-gradient(180deg,#0c1a29,#07111c);border:1px solid rgba(78,213,255,.35);border-radius:24px;padding:32px;box-shadow:0 30px 100px rgba(0,0,0,.6),0 0 60px rgba(55,166,255,.08)}.kitt-modal-card h2{font-size:clamp(28px,5vw,48px);margin:.3em 0}.kitt-modal-card p{font-size:1.08rem;line-height:1.7;color:#b9c9dc}.kitt-modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#dff7ff;font-size:34px;cursor:pointer}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.aha-box{margin-top:18px;padding:14px 16px;border-left:3px solid #36d9ff;background:rgba(54,217,255,.07);border-radius:8px;color:#dff7ff}.modal-open{overflow:hidden}

/* v5.0.3 Systems Ladder visibility + neon orange interaction fix */
.systems-layers{overflow-x:auto;overflow-y:visible;padding:24px 4px 18px;scrollbar-width:thin;scrollbar-color:rgba(255,111,32,.72) rgba(255,255,255,.05)}
.systems-layers::-webkit-scrollbar{height:7px}.systems-layers::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:10px}.systems-layers::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ff4d8d,#ff7a18);border-radius:10px}
.systems-layers button.layer{color:#ff8a2a !important;background:linear-gradient(145deg,rgba(255,77,141,.075),rgba(255,122,24,.10)) !important;border:1px solid rgba(255,112,35,.58) !important;font-weight:850 !important;line-height:1.45;text-shadow:0 0 7px rgba(255,88,116,.78),0 0 15px rgba(255,122,24,.42);box-shadow:inset 0 0 22px rgba(255,92,72,.055),0 0 13px rgba(255,122,24,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,background .18s ease}
.systems-layers button.layer:hover,.systems-layers button.layer:focus-visible{color:#ffd2aa !important;background:linear-gradient(145deg,rgba(255,50,128,.16),rgba(255,112,18,.20)) !important;border-color:#ff6a1a !important;transform:translateY(-3px) scale(1.025);box-shadow:0 0 12px rgba(255,56,132,.28),0 0 30px rgba(255,111,24,.30),inset 0 0 24px rgba(255,122,24,.09);text-shadow:0 0 8px rgba(255,255,255,.32),0 0 16px rgba(255,88,116,.72),0 0 26px rgba(255,122,24,.55);outline:none}
.systems-layers .arrow{color:#ff9b52 !important;text-shadow:0 0 9px rgba(255,96,32,.72);font-size:20px;flex:0 0 auto}
@media(max-width:760px){.systems-layers button.layer{min-width:138px}.systems-layers{scroll-snap-type:x proximity}.systems-layers button.layer{scroll-snap-align:start}}
