/* pause: a stand-alone console panel over the arena */
#pause{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,7,5,.5);font-family:var(--f-ui);color:var(--g-txt);overflow:auto}
.cpanel{width:min(580px,100%);border-radius:10px;padding:0 12px 12px;border:2px solid #0d0f10;background:var(--steelbar),var(--brushed);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 20px 40px rgba(0,0,0,.7)}
.cpTop{position:relative;height:40px;display:flex;align-items:center;justify-content:center;font:900 16px var(--f-tab);letter-spacing:8px;color:#3dff3d;text-shadow:0 0 7px rgba(61,255,61,.8),0 1px 1px #000}
.cpBody{border:2px solid #0b0d0e;box-shadow:inset 0 0 18px rgba(0,0,0,.85);padding:14px 16px 16px}
.cpBody .help{font-size:12px;line-height:1.85;text-align:center;text-shadow:0 1px 2px #000,0 0 6px #000}
.cpBody .help b{color:#6dff5a;font:13px var(--f-lcd)}
.opt{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:12px;cursor:pointer;text-shadow:0 1px 2px #000}
.opt input{width:16px;height:16px;accent-color:#3cf03c;cursor:pointer}
.opt b{color:#6dff5a;font:13px var(--f-lcd)}
#hud.nofps #hFps{display:none}

@media (max-width:860px){
  #selDeck{padding:0 12px 10px 26px}
  .pipeLink{display:none}
  #selInfo{position:relative;right:auto;bottom:auto;width:auto;height:auto;margin:0 12px 12px}
  .infScr{flex:none}
  .infGrille{display:none}
  .mrow{grid-template-columns:150px minmax(0,1fr)}
  .mimg{height:110px}
  .mbuy{grid-column:1/-1;border-left:0;border-top:2px solid rgba(255,255,255,.25);padding:8px 0 0}
}
@media (max-width:700px){
  #topLcd{height:30px;font-size:10px;gap:6px;padding:0 6px}.sndBtn img,.outBtn img{width:15px;height:15px}
  #rail{height:46px;border-width:0 34px;border-image-width:0 34px;gap:4px;padding:0}
  .tab{min-width:80px;height:34px;font-size:10px;letter-spacing:1px}.tab.battle{width:96px;height:34px}
  #cBody{border-width:12px 13px 12px 12.5px}
  #cBot{height:calc(42px + env(safe-area-inset-bottom,0px))}#cbPlate{height:30px;font-size:11px;padding:0 18px}#cBot::before{top:5px;height:22px;border-width:0 23px;border-image-width:0 23px}
  .wgrid,.two{grid-template-columns:1fr}
  .wcard{grid-template-columns:92px minmax(0,1fr);gap:10px}.wimg{width:92px;height:69px}
  .pin{padding:12px 10px 20px}
  .hgBot{grid-template-columns:1fr}
  #hBuy{position:static;width:auto;max-height:none;margin:0 12px 12px}
  #selView{min-height:36vh}
  #selDeck{padding:0 10px 10px 22px}
  .crtIn{height:96px}
  .mrow{grid-template-columns:110px minmax(0,1fr)}.mimg{height:84px}
  .tbl{font-size:11px}.tbl th,.tbl td{padding:5px 4px}
  #cBot .foot{display:none}
}
/* login / register on the title screen */
/* the login: a form on the dossier paper (css/dossier.css), typed fields to fill in */
#auth{display:flex;flex-direction:column;gap:9px;width:min(340px,86vw);padding:16px 20px 14px;margin-top:14px;text-align:left;font:14px 'Courier Prime','Courier New',monospace;color:#1c1d20;
  background:#eee8d9 url(../assets/dossier/paper.webp) center/cover;border-radius:0;box-shadow:inset 0 0 22px rgba(120,100,60,.2),0 10px 22px rgba(0,0,0,.6)}
#auth label{display:flex;flex-direction:column;gap:2px;color:#47433b;font:13px 'Courier Prime','Courier New',monospace}
#auth input{font:700 16px 'Courier Prime','Courier New',monospace;padding:3px 2px;background:rgba(255,255,255,.35);color:#1c1d20;border:0;border-bottom:1.5px solid #1c1d20;border-radius:0;box-shadow:none;outline:none;user-select:text;-webkit-user-select:text}
#auth input:focus{background:rgba(255,255,255,.7)}
.authT{font:700 17px 'Courier Prime','Courier New',monospace;letter-spacing:3px;color:#1c1d20;text-align:center;padding-bottom:6px;border-bottom:2px solid #1c1d20}
.authMsg{min-height:1.3em;color:#a3221a;font-size:13px;text-align:center}
#auth .lnk{font:700 13px 'Courier Prime','Courier New',monospace;color:#a3221a;text-align:center}
#toast{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:50;padding:8px 16px;border-radius:4px;background:rgba(9,24,9,.95);border:1px solid #2f8f2f;color:#cfe8c9;font:12px var(--f-ui);box-shadow:0 4px 12px rgba(0,0,0,.6);max-width:90vw;text-align:center;pointer-events:none}
#toast.bad{border-color:#e2482d;color:#ffd2c4}