.school-room-host{position:relative;width:100%;height:100%;min-height:560px;overflow:hidden;color:#344936;font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;font-size:14px;isolation:isolate}
#campusRoot.school-room-host{position:absolute;inset:var(--qp-top-height,60px) 0 0;height:auto;min-height:0}
body.qp-campus .qp-demo-toolbar{display:none}
.school-room-world{position:absolute;inset:0;overflow:hidden;outline:none;touch-action:none}
.school-room-world:focus-visible{outline:3px solid #a8bc71;outline-offset:-3px}
.sr-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.sr-art{display:block}
.sr-ground{position:absolute;inset:0;z-index:0;pointer-events:none}
.sr-actor{position:absolute;left:0;top:0;width:1px;height:1px;will-change:transform;cursor:pointer}
.sr-actor.is-me{cursor:default}
.sr-avatar{position:absolute;pointer-events:none}
.sr-avatar>svg{display:block;overflow:visible;filter:drop-shadow(0 1px 1px #29252b20)}
.sr-player-name,.sr-bubble{position:absolute;left:0;transform:translateX(-50%);white-space:nowrap;pointer-events:none;line-height:1.45;font-weight:700;font-size:12px;color:#354335;border-radius:5px;background:#fffcf0ed;border:1px solid #cfbf9d;padding:1px 5px;box-shadow:0 1px 2px #2a382122;text-shadow:none;letter-spacing:0}
.sr-player-name{z-index:2}
.sr-bubble{z-index:3;font-size:14px;padding:5px 9px}
.sr-actor.is-me .sr-player-name{border-color:#79a364;background:#f9ffeaf0}
.sr-actor.is-seated .qpx-contact-shadow{visibility:hidden}
.sr-motion-paused *{animation-play-state:paused!important}
.sr-destination{position:absolute;width:13px;height:13px;border:2px solid #5b8856;border-radius:50%;background:#fbfff560;transform:translate(-50%,-50%);z-index:12;pointer-events:none}
.sr-hud{position:absolute;left:16px;top:13px;display:flex;align-items:flex-start;gap:10px;pointer-events:none;z-index:1200}
.sr-room-title,.sr-friend-count{padding:9px 13px;border:1px solid #c8b792;border-radius:10px;background:#fffcedf2;box-shadow:0 2px 4px #38462a20}
.sr-room-title strong{display:block;font-size:20px;font-weight:800;color:#496744;line-height:1.35;text-shadow:none}
.sr-network{display:block;margin-top:2px;color:#697360;font-size:12px;line-height:1.45}
.sr-friend-count{font-size:13px;margin-top:0}
.sr-friend-count b{color:#477541;margin-left:6px}
.sr-tools{position:absolute;top:13px;right:16px;display:flex;gap:6px;z-index:1200}
.school-room-host button{font-family:inherit;font-weight:700;font-size:13px;line-height:1.4;color:#46523a;text-shadow:none!important;letter-spacing:0!important;padding:8px 11px;border:1px solid #bdaa7c;border-radius:9px;background:#fffced;box-shadow:0 2px 0 #b2a06e;cursor:pointer;white-space:nowrap;min-height:37px}
.school-room-host button:hover{background:#f1f7dd;border-color:#839d60}
.school-room-host button:focus-visible{outline:3px solid #76a667;outline-offset:2px}
.school-room-host button:disabled{opacity:.62;cursor:default}
.sr-tools button[data-tool="zoom-out"],.sr-tools button[data-tool="zoom-in"]{font-size:20px;padding:3px 12px}
.sr-help{position:absolute;right:16px;top:65px;background:#fffdf1f7;border:1px solid #c1b188;border-radius:9px;padding:14px 16px;line-height:1.9;box-shadow:0 3px 10px #29372722;z-index:1202;font-size:13px}
.sr-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center;border:1px solid #c7b58b;background:#fffbeded;border-radius:12px;padding:7px 9px;box-shadow:0 2px 6px #3d442722;z-index:1200}
.sr-controls small{font-size:11px;background:#e5edcc;padding:1px 3px;border-radius:3px;margin-left:3px}
.sr-controls .sr-interact{min-width:175px;background:#edf5d9;border-color:#9bad77}
.sr-notice{position:absolute;bottom:80px;left:50%;transform:translateX(-50%) translateY(5px);max-width:580px;opacity:0;pointer-events:none;transition:opacity .14s,transform .14s;border:1px solid #b8af84;background:#fffbeefa;padding:8px 14px;border-radius:10px;line-height:1.5;box-shadow:0 2px 6px #42503720;z-index:1203;text-align:center;font-size:13px}
.sr-notice.is-visible{opacity:1;transform:translateX(-50%)}
.school-room-host [hidden]{display:none!important}
#modal.school-room-board-modal .mbox{width:min(920px,calc(100vw - 80px));max-width:none}
#modal.school-room-board-modal #mBody{max-height:calc(100vh - 220px);overflow:auto;font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;color:#3d4c35;text-shadow:none;font-size:15px;line-height:1.6}
#modal.school-room-board-modal .cls-student-hub{color:#3d4c35;text-shadow:none}
@media(prefers-reduced-motion:reduce){.sr-world{will-change:auto}.sr-notice{transition:none}.sr-avatar *{animation-duration:0s!important}}