/* UCI / Cyber division and instruction system */
.cyber-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 30px}.cyber-card{position:relative;display:flex;align-items:center;gap:17px;min-height:142px;padding:23px;border:1px solid #2c3437;border-radius:22px;background:linear-gradient(135deg,#141b1d,#101215);color:#edf2ef;box-shadow:0 10px 28px #0004;text-decoration:none;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.cyber-card:before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#8ac6a9;opacity:.5}.cyber-card:hover{transform:translateY(-4px);border-color:#759f89;box-shadow:0 18px 35px #0006}.cyber-card h3{font-size:18px;margin:0 0 8px}.cyber-card p{font-size:13px;line-height:1.6;color:#9cacaa;margin:0}.cyber-tag{font:600 12px monospace;color:#b8d8c8;border:1px solid #344940;border-radius:50%;width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;background:#192923}.cyber-arrow{margin-left:auto;color:#b0cdbb}.cyber-console{position:relative;overflow:hidden}.cyber-console:after{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 4px,#b7f7cf02 5px);opacity:.7}.cyber-status{min-height:58px;font-family:monospace;line-height:1.7;color:#c3dfcd}.cyber-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.cyber-matrix button{min-height:66px;background:#111c19;border:1px solid #30493c;color:#c6e6d1;font:600 19px monospace;border-radius:15px;box-shadow:inset 0 1px #ffffff08,0 6px 14px #0003;transition:background .2s,transform .2s,box-shadow .2s}.cyber-matrix button:hover{transform:translateY(-2px);border-color:#a0cdb1}.cyber-matrix button.lit{background:#284d3c;color:#e1ffed;box-shadow:0 0 18px #8bcf9b25}.cyber-matrix button.matched{background:#294737;color:#c0ebcd;opacity:1}.cyber-matrix button.revealed{background:#374139}.cyber-matrix.memory{grid-template-columns:repeat(4,minmax(0,1fr))}.cyber-matrix.packets{grid-template-columns:repeat(5,minmax(0,1fr))}.cyber-matrix .blocked{background:#281b20;color:#835b64}.cyber-matrix .packet{background:#35664e;box-shadow:0 0 20px #a0e8bd33;animation:packet-pulse 2s ease-in-out infinite}.cyber-matrix .destination{border:2px solid #b8dfc5}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.command-grid button{text-align:left;padding:19px;background:#16221c;border:1px solid #34503f;color:#c4e5ce;font:16px monospace;border-radius:16px}.command-grid button span{display:block;font-size:11px;color:#899f8e;margin-bottom:8px}.command-steps{display:flex;flex-wrap:wrap;gap:8px;font:11px monospace}.command-steps span{padding:9px;border:1px solid #333e36;border-radius:9px;color:#82918a}.command-steps .complete{color:#d0eed8;background:#233d2c}.tutorial-access{position:relative!important;flex:0 0 auto;margin:0 12px;padding:11px 16px!important;font-size:12px!important;background:#842331!important;border:1px solid #d16073!important;box-shadow:0 5px 15px #0004;border-radius:20px!important;z-index:2}.tutorial-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}.tutorial-index{position:sticky;top:150px;max-height:calc(100vh - 180px);overflow:auto}.tutorial-index a{display:block;color:#bcc3c8;font-size:12px;padding:12px 0;line-height:1.5;border-bottom:1px solid #ffffff0b;text-decoration:none}.tutorial-index a:hover{color:#fff}.tutorial-intro{position:relative;overflow:hidden}.tutorial-intro>img{width:70px;float:right;margin:0 0 16px 20px;animation:briefing-orbit 18s linear infinite}.tutorial-chapter{margin-top:18px;scroll-margin-top:155px}.tutorial-chapter p,.tutorial-intro p{line-height:1.9;color:#bfc5ce}.tutorial-dialog{width:min(650px,calc(100% - 28px));max-height:85vh;overflow:auto;padding:32px;border-radius:26px;border:1px solid #60404c;background:linear-gradient(145deg,#191c23,#101218);color:#eef0f5;box-shadow:0 30px 90px #0009}.tutorial-dialog::backdrop{background:#04070bd9;backdrop-filter:blur(8px)}.tutorial-dialog[open]{animation:briefing-in .25s ease-out}.tutorial-dialog p{line-height:1.9;color:#c2c8d3}.tutorial-progress{display:flex;align-items:center;justify-content:space-between}.tutorial-dialog progress{width:100%;height:5px;accent-color:#c64055;margin:14px 0 24px}.terminal-writing{position:relative;color:transparent!important}.terminal-copy{position:absolute;inset:0;color:#b6a3ae;white-space:nowrap;pointer-events:none}.terminal-copy:after{content:'▌';color:#db6f82;animation:cursor-flash .8s steps(2,end) infinite}.ambient{animation:ambient-drift 24s ease-in-out infinite alternate}.hack-emblem:before{animation:briefing-orbit 20s linear infinite}.reduce-motion *, .reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion .nav-track{transform:none!important}@keyframes ambient-drift{from{transform:translate3d(-1%,0,0)}to{transform:translate3d(1%,1%,0)}}@keyframes packet-pulse{50%{box-shadow:0 0 24px #a0e8bd66}}@keyframes briefing-orbit{to{transform:rotate(360deg)}}@keyframes briefing-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes cursor-flash{50%{opacity:0}}@media(max-width:760px){.cyber-catalog{grid-template-columns:1fr}.cyber-card{min-height:120px;padding:18px;gap:12px}.tutorial-layout{grid-template-columns:1fr}.tutorial-index{position:static;max-height:220px}.tutorial-dialog{padding:22px}.cyber-matrix button{min-height:54px;font-size:16px}.cyber-matrix{gap:7px}.tutorial-access{padding:10px 12px!important;margin:0 6px}.tutorial-chapter{scroll-margin-top:130px}.terminal-copy{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.reduce-motion .nav-marquee{overflow-x:auto}.reduce-motion .nav-track{width:max-content}.tutorial-access:focus-visible,.cyber-card:focus-visible,.cyber-matrix button:focus-visible{outline:3px solid #edafbd;outline-offset:4px}
