/* 접속기 전용 */
.playing{overflow:hidden}
.stage{
  display:flex; gap:18px; align-items:flex-start;
  max-width:1400px; margin:0 auto; padding:14px 14px 0;
  height:calc(100dvh - 58px);
}
.termcol{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; height:100%}
.side{flex:0 0 300px}
.side .ad:empty{display:none}
@media (max-width:1100px){ .side{display:none} }

.bar{
  display:flex; align-items:center; gap:10px; padding:0 2px 8px;
  font-size:13px; color:var(--dim);
}
.bar .who{color:var(--ga,var(--accent)); font-weight:600}
.bar .spacer{margin-left:auto}
.mini{
  background:var(--card); color:var(--dim); border:1px solid var(--line);
  border-radius:7px; padding:3px 9px; font-size:12px; cursor:pointer;
}
.mini:hover{color:var(--ink); border-color:var(--dim)}

#term{
  flex:1 1 auto; min-height:0; background:#080b10;
  border:1px solid var(--line); border-radius:12px; padding:10px 6px 6px 12px;
  overflow:hidden;
}
#term .xterm{height:100%}

.inputbar{display:flex; gap:8px; padding:10px 0 0}
.inputbar input{
  flex:1 1 auto; min-width:0; background:var(--card); color:var(--ink);
  border:1px solid var(--line); border-radius:9px; padding:11px 13px;
  font-family:var(--mono); font-size:15px; outline:none;
}
.inputbar input:focus{border-color:var(--ga,var(--accent))}
.inputbar input.masked{letter-spacing:.35em}
.inputbar .btn{flex:0 0 auto}

/* 모바일 가상 버튼 */
.pad{display:none; padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
.padrow{display:grid; gap:6px}
.padrow.dirs{grid-template-columns:repeat(3,1fr); max-width:210px; margin:0 auto 8px}
.padrow.acts{grid-template-columns:repeat(4,1fr)}
.pad button{
  background:var(--card); color:var(--dim); border:1px solid var(--line);
  border-radius:9px; padding:11px 4px; font-size:14px; font-family:var(--font);
  cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
.pad button:active{background:var(--ga,var(--accent)); color:#0d1117}
@media (max-width:820px), (pointer:coarse){
  .pad{display:block}
  .stage{padding:10px 10px 0; height:calc(100dvh - 58px)}
}