/* 관리자페이지에서 보기 */
#admin { height:100vh; min-height:0; padding:0; overflow:hidden; }
#admin > .content { min-height:0; margin:0; overflow:hidden; }

#sub01 ~ #pHelpButton { display:none; }
#sub01 #blind { height:100dvh; min-height:0; }

#blind { position:relative; width:100%; height:100%; min-height:400px; overflow:hidden; background:#86cdef; }
#blind-canvas { display:block; width:100%; height:100%; }
.p-blind-guide { position:absolute; left:24px; bottom:26px; display:flex; flex-direction:column; gap:5px; color:#fff; text-shadow:0 1px 5px rgba(0,0,0,.65); pointer-events:none; }
.p-blind-guide strong { letter-spacing:3px; }
.p-blind-controls { position:absolute; right:24px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:10px; width:160px; padding:16px; color:#fff; border:1px solid rgba(255,255,255,.4); border-radius:12px; background:rgba(35,50,58,.45); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:0 4px 20px rgba(0,0,0,.12); }
.p-blind-controls > span { font-size:12px; opacity:.85; }
.p-blind-controls > button { width:100%; min-height:42px; color:#263b40; background:rgba(255,255,255,.9); touch-action:none; }
.p-blind-controls > button:active { background:#d5eaf5; }
.p-blind-controls > button:focus-visible { outline:3px solid #fff; outline-offset:2px; }
#joystickBox { position:absolute; right:24px; bottom:24px; display:grid; place-items:center; width:120px; height:120px; border:1px solid rgba(255,255,255,.7); border-radius:50%; background:rgba(29,57,65,.3); touch-action:none; cursor:grab; }
#joystickBox span { display:block; width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,.85); pointer-events:none; }
@media (max-width:600px) {
	.p-blind-guide { left:16px; bottom:20px; }
	.p-blind-controls { right:16px; width:145px; padding:12px; }
	#joystickBox { right:16px; bottom:16px; width:100px; height:100px; }
}