/* 감옥 자전거 발전(jailbike.js): 게이지·안내는 감옥 상자(#jailBox) 안, 휴대폰 페달 단추는 조이스틱·점프 자리. 자전거에 앉으면 body.jail-bike */
#jailPow,#jailPowHint,.pedal{display:none}
/* 감옥 어둠(내 화면만): 3D 화면 바로 위, HUD(z 5)·채팅 아래. 배경 그라데이션은 jailbike.js가 전구 자리·밝기로 매 프레임 정한다 */
#jailDark{display:none;position:fixed;inset:0;z-index:1;pointer-events:none}
body.jail-bike #jailDark{display:block}
body.photoMode #jailDark{display:none}
body.jail-bike #jailSub{display:none}
body.jail-bike #jailPow{display:flex;align-items:center;gap:8px;margin-top:6px}
body.jail-bike #jailPowHint{display:block;margin-top:4px;font-size:12px;font-weight:800;color:#3a3f48;word-break:keep-all}
body.jail-bike #jailPowHint:empty{display:none}
/* 자전거에 앉으면 감옥 상자 순서: 작은 제목 → 「전기를 채우면 나갈 수 있어요」 → 게이지 → 키 안내 → 작은 남은 시간(만료는 안전장치) */
#jailPowLead{display:none}
body.jail-bike #jailBox:not(.hidden){display:flex;flex-direction:column}
body.jail-bike #jailBox #jailTitle{order:0;font-size:12px}
body.jail-bike #jailPowLead{display:block;order:1;font-size:18px;font-weight:900;color:#121417;word-break:keep-all;line-height:1.3}
body.jail-bike #jailPow{order:2}
body.jail-bike #jailPowHint{order:3}
body.jail-bike #jailBox #jailCount{order:4;margin-top:3px;font-size:12px;font-weight:800;letter-spacing:0;line-height:1.3;color:#5a606a}
body.jail-bike #jailBox #jailCount::before{content:'늦어도 '}
body.jail-bike #jailBox #jailCount::after{content:' 뒤에는 자동으로 풀려요'}
#jailPow .ico{font-size:16px;line-height:1}
#jailPow .bar{flex:1;min-width:120px;height:14px;border:2px solid #121417;border-radius:8px;background:#e9ebe6;overflow:hidden}
#jailPow .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4fa356,#7ee081);transition:width .2s}
#jailPow b{min-width:44px;text-align:right;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}
#jailPow.pause .bar i{background:#b9bdb5}
/* 터치 기기(조이스틱이 보이는 조건과 같다): 조작 단추를 감추고 왼발·오른발 두 단추 */
@media (max-width:600px),(pointer:coarse){
  body.jail-bike .pedal{display:block;position:absolute;bottom:var(--ctl-b,14px);width:104px;height:104px;padding:0;border-radius:50%;border:3px solid rgba(18,20,23,.25);background:rgba(243,244,241,.88);color:#121417;font:inherit;font-size:17px;font-weight:900;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
  body.jail-bike #pedalL{left:calc(16px + var(--sal,0px))}
  body.jail-bike #pedalR{right:calc(16px + var(--sar,0px))}
  body.jail-bike .pedal.next{border-color:#e0a800;box-shadow:0 0 0 4px rgba(242,201,76,.55)}
  body.jail-bike .pedal.down{transform:scale(.94);background:#f2c94c}
  body.jail-bike .pedal.wrong{animation:pedalNo .25s}
  body.jail-bike #soundHint{display:none!important} /* 감옥 상자와 겹치지 않게. 페달 단추를 누르는 첫 손짓이 소리도 켠다 */
  body.jail-bike #joy,body.jail-bike #jumpBtn,body.jail-bike #sitBtn,body.jail-bike #swingBtn,body.jail-bike #btnFind,body.jail-bike #btnTrain,body.jail-bike #btnGoat,body.jail-bike #flyUp,body.jail-bike #flyDown{display:none!important}
}
/* 가로 휴대폰: 상자를 두 단추 사이에 맞추고 안내 줄은 뺀다(단추 글자로 충분) */
@media (pointer:coarse) and (orientation:landscape) and (max-height:500px),(max-width:1000px) and (orientation:landscape) and (max-height:500px){
  body.jail-bike #jailPowHint{display:none}
  body.jail-bike #jailPow{margin-top:2px}
  body.jail-bike .pedal{width:96px;height:96px}
}
@keyframes pedalNo{0%,100%{translate:0}30%{translate:-6px}70%{translate:6px}}
body.kb-open .pedal,body.chat-drawer.drawer-open .pedal{visibility:hidden}