:root { font-size: 18px; }

:root{
  --green:#49ff38; --green2:#16d92b; --blue:#1e90ff; --blue2:#65b7ff;
  --crimson:#dc143c; --crimson2:#ff5475; --ink:#020305; --panel:rgba(2,5,8,.82);
  --line:rgba(73,255,56,.34); --dim:#76b873; --muted:#71857a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#010204;color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:#010204 url("assets/cryptos-pro-libertate-bg-green-blue-crimson-bright.png") center center/cover fixed no-repeat;filter:saturate(.94) brightness(.58);transform:scale(1.02)}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 52% 50%,rgba(30,144,255,.07),transparent 30%),radial-gradient(circle at 50% 52%,rgba(73,255,56,.09),transparent 45%),linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.2) 52%,rgba(0,0,0,.9)),repeating-linear-gradient(0deg,transparent 0 3px,rgba(73,255,56,.028) 4px)}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
.crt{min-height:100vh;padding:10px}
.shell{width:min(1420px,calc(100vw - 20px));min-height:calc(100vh - 20px);margin:auto;border:1px solid var(--line);display:grid;grid-template-columns:202px minmax(0,1fr) 250px;background:rgba(0,3,6,.27);box-shadow:0 0 30px rgba(30,144,255,.05) inset,0 0 40px rgba(73,255,56,.04);position:relative}
.left-panel,.right-panel{background:rgba(0,4,7,.82);position:relative;z-index:4}
.left-panel{border-right:1px solid var(--line);padding:20px 12px 14px}
.right-panel{border-left:1px solid var(--line);padding:17px 18px 12px}
.main-panel{min-width:0;position:relative;z-index:2}
.brand-block{padding:3px 10px 19px}.brand-mark{font-size:26px;letter-spacing:2px;text-shadow:0 0 12px rgba(73,255,56,.45)}.brand-motto{font-size:12px;letter-spacing:2px;margin-top:10px;color:var(--blue2)}
.rule,.right-rule{height:1px;background:rgba(73,255,56,.2);margin:10px 0 18px}.nav-title,.panel-title{font-size:12px;letter-spacing:1px}.main-nav{display:grid;gap:8px;margin-top:13px}
.nav-item{position:relative;width:100%;min-height:64px;border:1px solid rgba(73,255,56,.22);background:rgba(0,0,0,.22);display:flex;align-items:center;gap:12px;padding:9px;text-align:left;transition:.18s}
.nav-item:hover,.nav-item.active{border-color:var(--blue);box-shadow:0 0 13px rgba(30,144,255,.13) inset,0 0 8px rgba(30,144,255,.08);background:rgba(30,144,255,.045)}
.nav-item.active:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--blue);box-shadow:0 0 9px var(--blue)}
.nav-icon{width:25px;font-size:21px;text-align:center;color:var(--green)}.nav-item:nth-child(2) .nav-icon,.nav-item:nth-child(4) .nav-icon{color:var(--blue)}
.nav-item:nth-child(5) .nav-icon{color:var(--crimson)}
.nav-item b{display:block;font-size:12px;letter-spacing:1px}.nav-item small{display:block;font-size:10px;color:#78978b;margin-top:4px}
.status-card,.user-card{border:1px solid rgba(73,255,56,.25);text-align:center;margin-top:25px;padding:13px 6px}.status-label{font-size:11px;margin-bottom:9px}.online{font-size:15px}.online i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);margin-left:3px}.uptime,.user-card{font-size:10px;line-height:2;color:#87a68e}.user-card{margin-top:12px}.user-card b{color:var(--blue2)}

.topbar{height:36px;border-bottom:1px solid rgba(73,255,56,.26);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:11px;letter-spacing:.4px}.top-status{font-size:10px;color:#7da08f}
.hero{min-height:600px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(73,255,56,.26)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0 98%,rgba(73,255,56,.13) 100%),radial-gradient(circle at 50% 43%,rgba(30,144,255,.07),transparent 23%);pointer-events:none}
.matrix-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.25) 65%,rgba(0,0,0,.7)),linear-gradient(90deg,rgba(0,0,0,.3),transparent 50%,rgba(0,0,0,.3))}
.hero-content{text-align:center;position:relative;z-index:2;margin-top:-95px}
.hero-symbol{width:122px;height:110px;margin:auto;border:3px solid var(--green);clip-path:polygon(50% 100%,0 0,100% 0);display:flex;align-items:center;justify-content:center;padding-top:15px;font:800 66px/1 Georgia,serif;color:#e6ffe2;text-shadow:0 0 20px var(--green);filter:drop-shadow(0 0 12px rgba(73,255,56,.3))}
.hero h1{font:700 clamp(43px,6vw,72px)/1 Georgia,serif;letter-spacing:7px;margin:14px 0 9px;color:#e8ffe5;text-shadow:0 0 18px rgba(73,255,56,.62)}
.hero-motto{font:500 17px/1.2 ui-monospace,monospace;letter-spacing:4px;color:var(--blue2)}.hero-latin{font-size:15px;letter-spacing:5px;margin-top:7px;color:var(--crimson2);text-shadow:0 0 9px rgba(220,20,60,.4)}.hero-sub{font-size:10px;letter-spacing:1px;margin-top:19px;color:#8ab093}
.terminal-window{position:absolute;z-index:5;bottom:25px;left:50%;transform:translateX(-50%);width:min(610px,82%);border:1px solid var(--green);background:rgba(0,4,6,.95);box-shadow:0 0 14px rgba(73,255,56,.2),0 0 35px rgba(30,144,255,.04);text-align:left}
.window-bar{height:30px;border-bottom:1px solid rgba(73,255,56,.3);padding:7px 10px;font-size:11px;display:flex;justify-content:space-between}.window-state{color:var(--green)}
.terminal-body{padding:14px 18px 7px;font-size:13px;line-height:1.55;min-height:160px;max-height:210px;overflow:auto;scrollbar-width:thin}.terminal-line{white-space:pre-wrap}.terminal-line.dim{color:#6f8a7d}.terminal-line.blue{color:var(--blue2)}.terminal-line.red{color:var(--crimson2)}.terminal-line.green{color:var(--green)}
.terminal-form{display:flex;gap:8px;padding:8px 12px 11px;border-top:1px solid rgba(73,255,56,.18);font-size:13px}.terminal-form span{color:var(--blue2);white-space:nowrap}.terminal-form input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#eaffea}
.cursor{animation:blink 1s steps(2,end) infinite}@keyframes blink{50%{opacity:0}}

.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid rgba(73,255,56,.28);margin:0 18px}.feature{min-height:112px;padding:17px 12px;border:0;border-right:1px solid rgba(73,255,56,.18);background:transparent;text-align:left;display:flex;gap:11px;align-items:flex-start;transition:.18s}.feature:first-child{border-left:1px solid rgba(73,255,56,.18)}.feature:hover{background:rgba(30,144,255,.04);box-shadow:inset 0 0 20px rgba(30,144,255,.035)}.feature-icon{font-size:27px;line-height:1;text-shadow:0 0 12px var(--green)}.feature-icon.blue{color:var(--blue2);text-shadow:0 0 12px rgba(30,144,255,.55)}.feature-icon.red{color:var(--crimson2);text-shadow:0 0 12px rgba(220,20,60,.5)}.feature strong{font-size:11px;letter-spacing:.5px}.feature p{font-size:10px;line-height:1.5;color:#78958a;margin:8px 0 0}
.content-stage{display:none;padding:24px 20px 10px}.content-stage.show{display:block}.panel-card{border:1px solid rgba(73,255,56,.25);background:rgba(0,4,6,.68);padding:18px;margin-bottom:12px}.panel-card h2{margin:0 0 9px;font-size:16px;letter-spacing:1px}.panel-card p{font-size:11px;line-height:1.7;color:#91aa9e}.accent-blue{color:var(--blue2)}.accent-red{color:var(--crimson2)}
.grid-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.vault-item{border:1px solid rgba(73,255,56,.2);padding:11px;background:rgba(0,0,0,.18)}.vault-item:hover{border-color:rgba(30,144,255,.6)}.vault-item strong{display:block;font-size:11px;color:#d9ffd5}.vault-item small{display:block;color:#78958a;font-size:9px;margin-top:5px;line-height:1.5}.tag{display:inline-block;border:1px solid rgba(30,144,255,.45);color:var(--blue2);padding:2px 5px;font-size:9px;margin-top:7px}.action{border:1px solid var(--blue);background:rgba(30,144,255,.06);padding:9px 12px;margin:7px 6px 0 0;color:#d8ecff}.action.danger{border-color:var(--crimson);color:#ffd7df;background:rgba(220,20,60,.05)}.action.green{border-color:var(--green);color:#ddffd9}.terminal-note{font-size:10px;color:#78958a;margin-top:8px}.compat{width:100%;border-collapse:collapse;font-size:10px}.compat th,.compat td{border:1px solid rgba(73,255,56,.17);padding:8px;text-align:left}.compat th{color:var(--blue2);font-weight:500}.serial-box{display:grid;grid-template-columns:1fr 1fr;gap:10px}.serial-readout{border:1px solid rgba(30,144,255,.3);padding:12px}.serial-readout b{color:var(--blue2);display:block;margin-top:5px}
.right-panel .panel-title{margin-bottom:14px}.right-rule{margin:13px 0 17px}.readouts{font-size:10px;line-height:2.05}.readouts b{font-weight:400}.green{color:var(--green)}.blueText{color:var(--blue2)}.mini-map{height:143px;position:relative;margin:9px 0 4px;overflow:hidden;background:radial-gradient(ellipse at center,rgba(30,144,255,.1),transparent 58%)}.world{font:29px/1.15 monospace;text-align:center;letter-spacing:5px;opacity:.5;transform:scaleX(1.35);padding-top:36px}.ping{position:absolute;width:6px;height:6px;border-radius:50%;background:#d8ffd5;box-shadow:0 0 11px 4px rgba(30,144,255,.5);animation:pulse 1.6s infinite}.p1{left:27%;top:59%}.p2{left:55%;top:45%;animation-delay:.3s}.p3{left:72%;top:65%;animation-delay:.7s}.p4{left:42%;top:70%;animation-delay:1s}@keyframes pulse{50%{opacity:.3;transform:scale(.6)}}
.activity{height:110px;display:flex;align-items:end;gap:4px;padding:5px 0}.activity i{display:block;flex:1;min-width:3px;background:var(--green);box-shadow:0 0 7px rgba(73,255,56,.3);opacity:.72}.activity i:nth-child(3n){background:var(--blue)}.activity i:nth-child(7n){background:var(--crimson)}
.hex{font-size:10px;line-height:1.8;color:#67a962;margin:0;white-space:pre-wrap}.log{font-size:9px;line-height:1.85;color:#6f9d75}.log .blue{color:var(--blue2)}.log .red{color:var(--crimson2)}.prompt{font-size:12px;margin-top:13px}
.edge-trail{position:fixed;z-index:20;right:0;top:0;width:28px;height:100vh;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.trail-char{position:absolute;top:-30px;font:13px/1 monospace;color:rgba(73,255,56,.7);text-shadow:0 0 7px rgba(73,255,56,.65);animation:fall linear forwards}.trail-char:after{content:"";position:absolute;left:50%;top:15px;width:1px;height:24px;background:linear-gradient(var(--green),transparent);opacity:.3}@keyframes fall{to{transform:translateY(110vh);opacity:0}}
@media(max-width:1080px){.shell{grid-template-columns:180px minmax(0,1fr)}.right-panel{display:none}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature:nth-child(4),.feature:nth-child(5){border-top:1px solid rgba(73,255,56,.18)}}
@media(max-width:720px){.crt{padding:5px}.shell{width:calc(100vw - 10px);display:block}.left-panel{border-right:0;border-bottom:1px solid var(--line);padding:12px}.brand-block{display:flex;align-items:end;justify-content:space-between}.brand-mark{font-size:22px}.brand-motto{margin:0}.main-nav{display:flex;overflow:auto;gap:6px}.nav-item{min-width:116px;min-height:52px}.nav-item small{display:none}.status-card,.user-card{display:none}.topbar{font-size:9px;height:42px}.top-status{display:none}.hero{min-height:600px}.hero-symbol{width:92px;height:85px;font-size:51px}.hero h1{font-size:37px;letter-spacing:4px}.hero-motto{font-size:12px;letter-spacing:3px}.hero-latin{font-size:12px}.hero-sub{font-size:9px;padding:0 18px}.terminal-window{width:92%;bottom:18px}.terminal-body{font-size:11px;min-height:180px}.terminal-form{font-size:11px}.feature-grid{grid-template-columns:1fr 1fr;margin:0 9px}.feature{min-height:98px}.content-stage{padding:18px 10px 8px}.grid-list,.serial-box{grid-template-columns:1fr}.edge-trail{width:15px}}


/* CRYPTOS terminal README / first-run hint */
.terminal-readme-btn {
  margin-left: .65rem;
  padding: .28rem .55rem;
  border: 1px solid rgba(30,144,255,.7);
  background: rgba(30,144,255,.08);
  color: #6db7ff;
  font: inherit;
  font-size: .72rem;
  letter-spacing: .08em;
  cursor: pointer;
  border-radius: 3px;
}
.terminal-readme-btn:hover {
  background: rgba(30,144,255,.18);
  color: #fff;
}
.terminal-start-hint {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  width: min(380px, calc(100vw - 32px));
  padding: 14px 16px;
  border: 1px solid rgba(30,144,255,.5);
  border-left: 3px solid #1e90ff;
  background: rgba(5,9,15,.94);
  box-shadow: 0 10px 35px rgba(0,0,0,.45);
  backdrop-filter: blur(8px);
  font-size: .84rem;
  line-height: 1.45;
  transition: opacity .2s ease, transform .2s ease;
}
.terminal-start-hint.hidden {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
}
.terminal-start-hint-title {
  color: #6db7ff;
  font-weight: 700;
  letter-spacing: .13em;
  margin-bottom: 7px;
}
.terminal-start-hint-body {
  color: rgba(255,255,255,.78);
}
.terminal-start-hint-body code {
  color: #7cff9b;
}
.terminal-start-hint-actions {
  display: flex;
  gap: 8px;
  margin-top: 11px;
}
.terminal-start-hint-actions button {
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.78);
  font: inherit;
  font-size: .7rem;
  letter-spacing: .07em;
  cursor: pointer;
  border-radius: 2px;
}
.terminal-start-hint-actions button:first-child {
  border-color: rgba(30,144,255,.55);
  color: #6db7ff;
}
.terminal-start-hint-actions button:hover {
  background: rgba(255,255,255,.09);
}


/* v3.4 readability pass: approximately +1px for dense archive text */
.terminal, .terminal-output, .terminal-input,
.firmware, .firmware-list, .firmware-card,
.catalog, .catalog-list, .file-list,
pre, code {
  font-size: calc(1em + 1px);
}


/* ============================================================
   CRYPTOS v3.5 // RESPONSIVE POLISH
   Designed for desktop, tablet, phone and narrow portrait views.
   ============================================================ */

/* Large desktop: give the central console more breathing room. */
@media (min-width: 1440px) {
  .shell { grid-template-columns: 214px minmax(0, 1fr) 274px; }
  .hero { min-height: 650px; }
  .terminal-window { width: min(700px, 78%); }
}

/* Tablet / smaller laptops: keep the important information visible. */
@media (max-width: 1100px) {
  .shell { grid-template-columns: 178px minmax(0, 1fr); }
  .right-panel { display:none; }
  .left-panel { padding:16px 10px 12px; }
  .nav-item { min-height:58px; }
  .nav-item b { font-size:11px; }
  .hero { min-height: 620px; }
  .terminal-window { width:min(680px, 88%); }
  .feature-grid { grid-template-columns:repeat(3,1fr); }
}

/* Tablet portrait / large phones: turn the sidebar into a top toolbar. */
@media (max-width: 800px) {
  .crt { padding:4px; }
  .shell {
    width:calc(100vw - 8px);
    min-height:calc(100vh - 8px);
    display:block;
  }

  .left-panel {
    border-right:0;
    border-bottom:1px solid var(--line);
    padding:10px;
  }

  .brand-block {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:2px 6px 9px;
  }

  .brand-mark { font-size:22px; }
  .brand-motto { margin:0; font-size:11px; }

  .rule { margin:7px 0 9px; }
  .nav-title { display:none; }

  .main-nav {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    margin-top:0;
  }

  .nav-item {
    min-width:0;
    min-height:48px;
    padding:7px;
    gap:7px;
    justify-content:flex-start;
  }

  .nav-icon { width:20px; font-size:17px; }
  .nav-item b { font-size:10px; letter-spacing:.5px; }
  .nav-item small { display:none; }

  .topbar {
    height:36px;
    padding:0 10px;
    font-size:10px;
  }
  .top-status { display:none; }

  .hero {
    min-height:auto;
    padding:52px 12px 18px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }

  .hero-content {
    margin:0;
    width:100%;
  }

  .hero-symbol {
    width:78px;
    height:72px;
    font-size:43px;
  }

  .hero h1 {
    font-size:clamp(32px,8vw,48px);
    letter-spacing:4px;
    margin:11px 0 7px;
  }

  .hero-motto {
    font-size:clamp(11px,2.8vw,15px);
    letter-spacing:2px;
  }

  .hero-latin {
    font-size:13px;
    letter-spacing:3px;
  }

  .hero-sub {
    max-width:600px;
    margin:14px auto 0;
    font-size:10px;
    line-height:1.6;
    padding:0 12px;
  }

  .terminal-window {
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    width:100%;
    max-width:700px;
    margin:28px auto 0;
  }

  .terminal-body {
    min-height:170px;
    max-height:260px;
    font-size:13px;
  }

  .terminal-form {
    font-size:13px;
    padding:10px;
  }

  .feature-grid {
    grid-template-columns:1fr 1fr;
    margin:0 8px;
  }

  .feature {
    min-height:105px;
    padding:14px 11px;
  }

  .feature strong { font-size:12px; }
  .feature p { font-size:11px; line-height:1.55; }

  .content-stage { padding:20px 12px 10px; }
  .panel-card { padding:15px; }
  .panel-card h2 { font-size:17px; }
  .panel-card p { font-size:13px; }

  .grid-list { grid-template-columns:1fr; }
  .vault-item strong { font-size:13px; }
  .vault-item small { font-size:11px; }
  .compat { font-size:11px; }
  .compat th,.compat td { padding:7px; }

  .edge-trail { width:13px; }
}

/* Phone portrait: prioritize readability and touch targets. */
@media (max-width: 560px) {
  body:before {
    background-position:center center;
    background-attachment:scroll;
  }

  .crt { padding:3px; }
  .shell { width:calc(100vw - 6px); }

  .brand-block {
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }

  .brand-mark { font-size:21px; }
  .brand-motto { font-size:11px; }

  .main-nav {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
  }

  .nav-item {
    min-height:52px;
    padding:8px;
  }

  .nav-item b {
    font-size:11px;
    letter-spacing:.6px;
  }

  .nav-icon { font-size:18px; }

  .topbar {
    font-size:9px;
    height:34px;
  }

  .hero {
    padding:42px 8px 14px;
  }

  .hero-symbol {
    width:68px;
    height:63px;
    font-size:38px;
  }

  .hero h1 {
    font-size:clamp(28px,10vw,40px);
    letter-spacing:2px;
  }

  .hero-motto {
    font-size:10px;
    letter-spacing:1.5px;
  }

  .hero-latin {
    font-size:12px;
    letter-spacing:2px;
  }

  .hero-sub {
    font-size:10px;
    line-height:1.65;
    padding:0 8px;
  }

  .terminal-window {
    margin-top:22px;
    width:100%;
  }

  .window-bar {
    height:34px;
    padding:8px 9px;
    font-size:10px;
  }

  .terminal-body {
    padding:12px 11px 6px;
    min-height:150px;
    max-height:240px;
    font-size:12px;
    line-height:1.55;
  }

  .terminal-form {
    gap:5px;
    padding:9px;
    font-size:12px;
  }

  .terminal-form span {
    max-width:43%;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .feature-grid {
    grid-template-columns:1fr;
    margin:0 5px;
  }

  .feature {
    min-height:80px;
    padding:13px 10px;
  }

  .feature-icon { font-size:24px; }
  .feature strong { font-size:12px; }
  .feature p { margin-top:5px; font-size:11px; }

  .content-stage { padding:15px 7px 8px; }
  .panel-card { padding:13px; }
  .panel-card h2 { font-size:16px; }
  .panel-card p { font-size:13px; line-height:1.65; }

  .action {
    min-height:42px;
    padding:9px 11px;
    margin:6px 4px 0 0;
  }

  .compat {
    display:block;
    overflow-x:auto;
    white-space:nowrap;
    font-size:11px;
  }

  .compat th,.compat td { padding:7px 9px; }

  footer {
    padding:12px 8px;
    font-size:10px;
    line-height:1.5;
  }

  .terminal-readme-btn {
    position:fixed;
    right:9px;
    bottom:9px;
    z-index:9998;
    margin:0;
  }

  .terminal-start-hint {
    right:9px;
    bottom:54px;
    width:calc(100vw - 18px);
    max-width:none;
    padding:13px 14px;
  }
}

/* Very narrow phones: prevent horizontal overflow and oversized lettering. */
@media (max-width: 380px) {
  .brand-mark { font-size:19px; }
  .brand-motto { font-size:10px; }
  .nav-item b { font-size:10px; }
  .nav-icon { width:17px; font-size:16px; }

  .hero h1 {
    font-size:28px;
    letter-spacing:1px;
  }

  .hero-motto { font-size:9px; }
  .hero-latin { font-size:11px; }

  .terminal-body {
    font-size:11px;
  }

  .terminal-form {
    font-size:11px;
  }

  .terminal-form span {
    max-width:39%;
  }
}

/* Touch devices: remove hover-dependent assumptions and enlarge controls. */
@media (hover:none) and (pointer:coarse) {
  button,
  .nav-item,
  .feature,
  .action {
    -webkit-tap-highlight-color:rgba(30,144,255,.18);
  }

  .nav-item,
  .feature,
  .action,
  .terminal-readme-btn,
  .terminal-start-hint-actions button {
    touch-action:manipulation;
  }
}


/* ============================================================
   CRYPTOS v3.6 // FASTFETCH + CMATRIX
   ============================================================ */

.cmatrix-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  display: none;
  pointer-events: none;
  background: rgba(0, 6, 2, .18);
}
.cmatrix-canvas.active {
  display: block;
}
.cmatrix-hud {
  position: fixed;
  left: 50%;
  top: 14px;
  transform: translateX(-50%);
  z-index: 10001;
  padding: 6px 10px;
  border: 1px solid rgba(73,255,56,.4);
  background: rgba(0,5,2,.82);
  color: var(--green);
  font-size: 11px;
  letter-spacing: 1px;
  pointer-events: none;
  box-shadow: 0 0 18px rgba(73,255,56,.12);
}
.fastfetch-block {
  margin: 3px 0;
  white-space: pre-wrap;
  line-height: 1.35;
}
.fastfetch-logo { color: var(--green); }
.fastfetch-key { color: var(--blue2); }
.fastfetch-value { color: #eaffea; }
.fastfetch-accent { color: var(--crimson2); }

@media (max-width: 560px) {
  .cmatrix-hud {
    top: 7px;
    font-size: 9px;
  }
}

/* v3.7 background calibration
   Keep the PRO LIBERTATE artwork centered vertically on every viewport.
   Mobile intentionally uses center/center rather than center/top so the
   upper artwork is not pinned against the crop edge. */
body:before {
  background-position: center center;
  background-size: cover;
}

@media (max-width: 800px) {
  body:before {
    background-position: center center;
    background-size: cover;
  }
}

/* On very narrow portrait screens, favor the central emblem rather than
   letting the browser choose a top-biased crop. */
@media (max-width: 560px) {
  body:before {
    background-position: 50% 50%;
  }
}

/* ============================================================
   CRYPTOS v5 // consolidation pass
   ============================================================ */
html { font-size: 18px; }
body:before {
  filter: none;
  transform: none;
  background-position: center center;
  background-size: cover;
  opacity: .68;
}
body:after {
  background:
    linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.30) 48%,rgba(0,0,0,.88)),
    linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.50));
}
.tldr-nav {
  width:100%; min-height:48px; margin-top:8px; padding:8px 10px;
  border:1px solid rgba(73,255,56,.22); background:rgba(0,0,0,.22);
  color:var(--green); display:flex; align-items:center; justify-content:space-between;
  font:inherit; text-align:left; cursor:pointer; transition:.18s;
}
.tldr-nav span { font-size:12px; letter-spacing:1px; }
.tldr-nav small { color:#78978b; font-size:9px; }
.tldr-nav:hover,.tldr-nav.active { border-color:var(--blue); background:rgba(30,144,255,.045); box-shadow:0 0 10px rgba(30,144,255,.08) inset; }
.feature-flasher {
  position:relative;
  border:1px solid rgba(30,144,255,.42);
  background:linear-gradient(135deg,rgba(30,144,255,.08),rgba(73,255,56,.025));
  box-shadow:inset 0 0 24px rgba(30,144,255,.035);
}
.feature-flasher:before { content:"WEB SERIAL // READY"; position:absolute; right:10px; top:8px; font-size:8px; color:var(--blue2); letter-spacing:.8px; opacity:.82; }
.feature-flasher:hover { border-color:var(--blue); box-shadow:inset 0 0 26px rgba(30,144,255,.08),0 0 12px rgba(30,144,255,.07); }
.link-groups { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.link-group { border:1px solid rgba(73,255,56,.18); background:rgba(0,0,0,.15); padding:12px; }
.link-group h3 { margin:0 0 8px; font-size:9px; letter-spacing:1px; color:var(--blue2); }
.link-group a,.archive-links a { display:block; color:#bfe9ff; font-size:10px; line-height:1.5; padding:5px 0; text-decoration:none; border-bottom:1px dotted rgba(73,255,56,.13); }
.link-group a:hover,.archive-links a:hover { color:#fff; text-shadow:0 0 8px var(--blue); }
.archive-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.archive-grid .panel-card { margin:0; }
.archive-links { display:flex; gap:12px; margin-top:12px; }
.archive-links a { border:1px solid rgba(30,144,255,.28); padding:8px 10px; }
.tldr-list { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.tldr-card { text-align:left; border:1px solid rgba(73,255,56,.20); background:rgba(0,0,0,.18); padding:12px; color:#d9ffd5; cursor:pointer; }
.tldr-card:hover { border-color:var(--blue); background:rgba(30,144,255,.04); }
.tldr-card b { display:block; color:var(--green); font-size:11px; letter-spacing:1px; }
.tldr-card small { display:block; color:#78958a; font-size:10px; line-height:1.5; margin:6px 0; }
.tldr-card span { font-size:8px; color:var(--blue2); }
.tldr-block { border-left:2px solid var(--green); background:rgba(73,255,56,.025); padding:10px 13px; }
.tldr-block h3 { font-size:9px; letter-spacing:1px; color:var(--blue2); }
.tldr-block p { margin-bottom:0; }
.tldr-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.tldr-meta span { border:1px solid rgba(30,144,255,.3); padding:4px 7px; font-size:8px; color:var(--blue2); }

@media (max-width:800px) {
  .link-groups,.archive-grid { grid-template-columns:1fr; }
  .tldr-list { grid-template-columns:1fr 1fr; }
  body:before { opacity:.60; background-attachment:scroll; }
  .feature-flasher:before { font-size:7px; }
}
@media (max-width:560px) {
  .tldr-list { grid-template-columns:1fr; }
  .archive-links { flex-direction:column; gap:5px; }
  body:before { opacity:.56; background-position:50% 50%; }
  .feature-flasher:before { position:static; display:block; margin:-2px 0 7px; }
}
@media (prefers-reduced-motion:reduce) {
  .trail-char,.ping { animation:none; }
}

/* CRYPTOS 2.4 GHz spectrum console */
.spectrum-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.spectrum-title small{font-size:7px;letter-spacing:.7px;color:#5d786d;white-space:nowrap}
.spectrum-modes{display:flex;gap:11px;margin:-3px 0 8px;font-size:7px;letter-spacing:.45px;color:#8aa79b}
.spectrum-modes span:first-child{color:var(--blue2)}
.spectrum-modes .active{color:var(--green)}
.spectrum-wrap{position:relative;height:135px;border:1px solid rgba(30,144,255,.28);background:rgba(0,4,7,.58);overflow:hidden}
#spectrumCanvas{display:block;width:100%;height:112px}
.spectrum-axis-x{position:absolute;left:8px;right:8px;bottom:14px;display:flex;justify-content:space-between;font-size:6px;color:#668278;letter-spacing:.2px}
.spectrum-axis-label{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:6px;color:#60786e;letter-spacing:.5px}
.waterfall-wrap{height:56px;margin-top:7px;border:1px solid rgba(30,144,255,.24);background:rgba(0,4,7,.58);overflow:hidden}
#waterfallCanvas{display:block;width:100%;height:100%}
.signal-scale{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:6px;color:#60786e;text-transform:uppercase}
.signal-scale i{height:5px;flex:1;background:linear-gradient(90deg,#1e90ff,#49ff38,#ffe24a,#dc143c);box-shadow:0 0 7px rgba(73,255,56,.12)}
.channel-readout{margin-top:8px;font-size:8px}
.channel-head,.channel-row{display:grid;grid-template-columns:28px 1fr 34px;gap:5px;align-items:center}
.channel-head{color:#5f7e72;font-size:6px;letter-spacing:.7px;padding-bottom:3px;border-bottom:1px solid rgba(73,255,56,.13)}
.channel-row{padding:3px 0;color:#9fc0b1;border-bottom:1px dotted rgba(73,255,56,.08)}
.channel-row .ch{color:var(--blue2)}
.channel-row .rssi{color:var(--green);text-align:right}
.channel-row .ssid{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1080px){.right-panel{display:none}}


/* ============================================================
   CRYPTOS v5.1 // LIVE CONSOLE POLISH
   ============================================================ */
/* Zoom the legacy artwork so its old sidebars fall outside the viewport.
   The hero masks below suppress the remaining legacy text while preserving
   the heraldic lion and St. Andrew's cross. */
body:before {
  background-position:center 30%;
  background-size:165% auto;
  opacity:.62;
}
body:after {
  background:
    linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.18) 50%,rgba(0,0,0,.92)),
    linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.10) 30%,rgba(0,0,0,.60) 72%,rgba(0,0,0,.86));
}
.hero:before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.72) 0%,
      rgba(0,0,0,.38) 16%,
      rgba(0,0,0,.03) 30%,
      rgba(0,0,0,.06) 47%,
      rgba(0,0,0,.78) 67%,
      rgba(0,0,0,.94) 100%);
}
.hero-content { z-index:3; }
.terminal-window { height:192px; }
.terminal-body { min-height:108px; max-height:125px; overflow:auto; }
footer {
  position:relative;
  z-index:3;
  margin:0 18px;
  padding:13px 0 16px;
  border-top:1px solid rgba(73,255,56,.20);
  text-align:center;
  font-size:10px;
  line-height:1.5;
  color:#6f8a7d;
}
.spectrum-wrap { height:142px; }
#spectrumCanvas { height:119px; }
.waterfall-wrap { height:60px; }
.spectrum-axis-label { bottom:1px; }
.channel-readout { margin-top:7px; }
.channel-row { padding:3px 0; }
@media (max-width:1080px) {
  body:before { background-size:165% auto; }
}
@media (max-width:800px) {
  body:before { opacity:.56; background-size:auto 125%; background-position:center 30%; }
  .hero:before {
    background:linear-gradient(180deg,rgba(0,0,0,.70),rgba(0,0,0,.08) 35%,rgba(0,0,0,.86) 75%,rgba(0,0,0,.94));
  }
  .terminal-window { height:auto; }
  .terminal-body { min-height:145px; max-height:220px; }
  footer { margin:0 9px; }
}
@media (max-width:560px) {
  body:before { opacity:.52; background-size:auto 115%; background-position:center 28%; }
  .hero:before { background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.08) 38%,rgba(0,0,0,.88) 76%,rgba(0,0,0,.95)); }
  .terminal-window { height:auto; }
  .spectrum-wrap { height:128px; }
  #spectrumCanvas { height:106px; }
  .waterfall-wrap { height:52px; }
}
@media (prefers-reduced-motion:reduce) {
  #spectrumCanvas,#waterfallCanvas { opacity:.92; }
}


/* ============================================================
   CRYPTOS v5.4 // TARGET RF + TERMINAL POLISH
   Preserve the v5.3 page geometry. Only the terminal and RF console
   are brought closer to the supplied target reference.
   ============================================================ */
.terminal-window {
  width:min(760px,84%);
  height:242px;
  bottom:24px;
  background:rgba(0,4,6,.965);
  box-shadow:0 0 18px rgba(73,255,56,.23),0 0 42px rgba(30,144,255,.06);
}
.window-bar{height:31px}
.terminal-body{
  min-height:168px;
  max-height:174px;
  padding:12px 16px 7px;
  font-size:12px;
  line-height:1.38;
}
.terminal-form{padding:8px 12px 10px;font-size:12px}

.spectrum-title{margin-top:1px}
.spectrum-modes{gap:12px}
.spectrum-modes span::first-letter{font-size:9px}
.spectrum-wrap{height:148px;background:rgba(0,4,7,.72);border-color:rgba(30,144,255,.34)}
#spectrumCanvas{height:124px}
.waterfall-wrap{height:64px;margin-top:7px;background:rgba(0,4,7,.72)}
.signal-scale{margin-top:5px}
.channel-readout{margin-top:8px}
.channel-head,.channel-row{grid-template-columns:24px minmax(0,1fr) 38px 34px;gap:5px}
.channel-head{font-size:6px}
.channel-row{font-size:8px;padding:3px 0}
.channel-row .sec{color:#9fc0b1;font-size:7px}

@media(max-width:1080px){
  .terminal-window{width:min(700px,88%)}
}
@media(max-width:800px){
  .terminal-window{width:100%;height:auto}
  .terminal-body{min-height:190px;max-height:280px;font-size:12px}
}
@media(max-width:560px){
  .terminal-body{min-height:175px;max-height:250px;font-size:10px;line-height:1.35}
  .channel-head,.channel-row{grid-template-columns:22px minmax(0,1fr) 34px}
  .channel-head span:last-child,.channel-row .sec{display:none}
  .spectrum-wrap{height:128px}
  #spectrumCanvas{height:106px}
  .waterfall-wrap{height:54px}
}