#walkthrough-panel { display:none; position:absolute; inset:0 auto 0 0; width:38%; z-index:40; flex-direction:column; background:#07101f; border-right:1px solid #38bdf8; color:#e2e8f0; box-sizing:border-box; padding:10px; gap:8px; }
#theater-body-container.walkthrough-open #walkthrough-panel { display:flex; }
#theater-body-container.walkthrough-open .game-viewport { left:38%; right:auto; width:62%; }
#theater-body-container.walkthrough-open .game-viewport canvas,
#theater-body-container.walkthrough-open #game,
#theater-body-container.walkthrough-open #game-frame-container,
#theater-body-container.walkthrough-open .ejs_parent { width:100% !important; max-width:100% !important; }
.walkthrough-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:13px; }
.walkthrough-toolbar button, .walkthrough-toolbar a { background:#12304b; color:#e2e8f0; padding:6px; border:1px solid #38bdf8; border-radius:6px; cursor:pointer; text-decoration:none; }
#walkthrough-status { font-size:12px; color:#7dd3fc; overflow-wrap:anywhere; }
#walkthrough-content { flex:1; min-height:0; overflow:auto; touch-action:pan-y; overscroll-behavior:contain; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
#walkthrough-content img { max-width:100%; height:auto; }
#walkthrough-content a { color:#7dd3fc; }
#walkthrough-content table { border-collapse:collapse; max-width:100%; }
#walkthrough-content td, #walkthrough-content th { border:1px solid #334155; padding:4px; }
#walkthrough-content pre { white-space:pre-wrap; }
#player-select-modal .slot-modal-card { overflow-y:auto; }
@media (max-width:768px) { #walkthrough-panel { width:42%; padding:6px; } #theater-body-container.walkthrough-open .game-viewport { left:42%; width:58%; } }