/* title */
#pg-title{align-items:center}
.ttl{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 48px 26px;margin:auto 0 6%;text-align:center;border-radius:14px;background:radial-gradient(ellipse at center,rgba(6,9,8,.72),rgba(6,9,8,.35) 60%,transparent 75%)}
.logo{font-family:var(--f-head);font-size:clamp(46px,11vw,118px);letter-spacing:2px;line-height:1;
  background:linear-gradient(180deg,#f4f6f6 0%,#b6bdc0 46%,#3e4548 50%,#8a9295 70%,#d9dddf 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:2px var(--ink);filter:drop-shadow(0 4px 0 var(--ink)) drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.tag{font:700 clamp(12px,2vw,17px) var(--f-tab);letter-spacing:6px;color:var(--g-hi);text-shadow:0 0 8px rgba(60,240,60,.6),0 2px 0 #000,0 0 3px #000}
.ttl .row{margin-top:16px}
.aboutLink{order:9;margin-top:10px;font:11px var(--f-lcd);letter-spacing:3px;color:#7d8486;text-decoration:none}.aboutLink:hover{color:var(--lcd)}
.blink{margin-top:14px;font:12px var(--f-lcd);letter-spacing:4px;animation:blink 1.1s steps(2) infinite;color:var(--lcd);text-shadow:0 0 6px var(--lcd),0 1px 0 #000}
@keyframes blink{50%{opacity:0}}

/* mech select: the mechs in the 3D hangar; the hint on a slip of the dossier paper, the mech pictograms on the alliance
   tablet's green screen (assets/dossier/tablet.webp as a border image, 56 80 69 76 px of it), the mech database on the
   forum terminal's (assets/console/term.webp, 63 75 74 71 px) with the select button under it */
#selHead{margin:12px 14px 0;padding:9px 14px 10px;align-self:flex-start;max-width:min(560px,calc(100% - 28px));transform:rotate(-.8deg);
  font:14px/1.45 'Courier Prime','Courier New',monospace;color:#1c1d20;background:#eee8d9 url(../assets/dossier/paper.webp) center/cover;box-shadow:inset 0 0 18px rgba(120,100,60,.18),0 6px 14px rgba(0,0,0,.55)}
#selHead b{font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:#1c1d20}
#selView{flex:1;min-height:150px;cursor:pointer}
#selDeck{position:relative;padding:0 356px 12px 22px}
#selCon{--g:#7dff5f;position:relative;max-width:560px;box-sizing:border-box;border:solid transparent;border-width:28px 40px 34.5px 38px;border-image:url(../assets/dossier/tablet.webp) 56 80 69 76 stretch;
  background:radial-gradient(ellipse at 50% 45%,#0b2a0c 0%,#041306 60%,#010501 100%) padding-box;filter:drop-shadow(0 12px 16px rgba(0,0,0,.6))}
.conTop{display:none}
.crt{padding:0;background:none;box-shadow:none}
.crtIn{position:relative;display:flex;justify-content:space-around;align-items:stretch;height:112px;overflow:hidden;background:none}
#selCon::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);box-shadow:inset 0 0 22px rgba(0,0,0,.85)}
@keyframes crt{50%{opacity:.85}}
.mic{position:relative;flex:1;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#a6ff94;font:15px 'VT323',var(--f-lcd),monospace;letter-spacing:2px;opacity:.45;padding:6px 18px;text-shadow:0 0 4px #4dff3a}
.mic img{flex:1;min-height:0;width:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(120,255,100,.55))}
.mic.sel{opacity:1}
.mic:focus-visible{outline:1px dashed #a6ff94;outline-offset:-4px}
.conBot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 8px 4px;border-top:1px solid #1d4d18;font:15px 'VT323',var(--f-lcd),monospace;letter-spacing:1px;color:#4fd236;text-shadow:0 0 5px rgba(125,255,95,.4)}
#ui #selCon .conBot .mbtn{all:unset;cursor:pointer;padding:0 6px;font:17px 'VT323',var(--f-lcd),monospace;color:var(--g)}
#ui #selCon .conBot .mbtn:hover{background:var(--g);color:#020a03}
.pipeLink{display:none}
#selInfo{position:absolute;right:14px;bottom:12px;width:330px;height:min(500px,calc(100% - 24px));display:flex;flex-direction:column;gap:10px}
.infTop{display:none}
.infScr{--g:#7dff5f;position:relative;flex:1;min-height:0;overflow:auto;box-sizing:border-box;padding:10px 12px;border:solid transparent;border-width:22px 26px 26px 25px;border-image:url(../assets/console/term.webp) 63 75 74 71 stretch;
  background:radial-gradient(ellipse at 50% 45%,#0b2a0c 0%,#041306 60%,#010501 100%) padding-box;color:#c9f5bd;font:14px/1.5 'Share Tech Mono',var(--f-lcd),monospace;text-shadow:0 0 4px rgba(125,255,95,.35);
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.6));scrollbar-width:thin;scrollbar-color:#2b7d22 transparent}
.infScr p{margin-bottom:10px}
.infScr .st{font-family:var(--f-lcd);font-size:12px;color:var(--g)}
.infScr .warnTxt{color:#ffd24a}
.sbars{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center;margin:4px 0 12px;font:11px var(--f-lcd);letter-spacing:1px;color:var(--g)}
.sbar{height:9px;background:rgba(0,40,0,.6);box-shadow:inset 0 0 0 1px #1d4d18}
.sbar i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--g) 0 5px,transparent 5px 7px);box-shadow:0 0 6px rgba(125,255,95,.6)}
#selInfo .mbtn{width:100%}
.infGrille{display:none}
@media (max-width:700px){#selCon{border-width:21px 30px 26px 28.5px}.mic{padding:6px 4px;font-size:13px;letter-spacing:1px}}