#school-view { position:fixed;inset:0;z-index:85;color:#3f5a43;touch-action:none;user-select:none;cursor:grab; }
#school-view[hidden] { display:none; }
#school-view.is-dragging { cursor:grabbing; }
.school-view-active .playground > :not(#scene):not(.scene-vignette) { visibility:hidden!important; }
.school-view-active #toast,.school-view-active .playground-welcome,.school-view-active #publication-badge { visibility:hidden!important; }
.school-view-heading { position:absolute;top:max(26px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));pointer-events:none;text-shadow:0 2px 14px #f7f7e6; }
.school-view-heading>span { font-size:11px;letter-spacing:.09em; }
.school-view-heading h2 { font-family:var(--font-serif,serif);font-weight:400;font-size:clamp(25px,3vw,39px);margin:10px 0; }
.school-view-heading p { font-size:12px;margin:0; }
.school-view-controls { position:absolute;left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:15px;cursor:default; }
.school-view-controls button { color:#40593f;font:inherit;font-size:13px;border:1px solid #a5b391;background:#faf8ebf5;cursor:pointer;min-height:46px;box-shadow:0 3px 10px #43573612; }
.school-view-zoom { display:flex;overflow:hidden;border:1px solid #a5b391;border-radius:28px;background:#faf8ebf5; }
.school-view-zoom button { min-width:46px;border:0;border-radius:0;box-shadow:none;background:none; }
.school-view-zoom button:not(:last-child) { border-right:1px solid #d7ddca; }
.school-view-zoom button[data-action=reset] { padding-inline:14px;font-size:12px; }
.school-view-zoom button:disabled { opacity:.35;cursor:default; }
#school-view-return { padding:12px 20px;border-radius:28px; }
.school-view-controls :focus-visible { outline:3px solid #678d63;outline-offset:-4px; }
@media(max-width:600px){.school-view-heading{left:22px;top:max(26px,env(safe-area-inset-top));}.school-view-heading p{font-size:11px}.school-view-controls{left:12px;right:12px;gap:8px}.school-view-controls button{font-size:12px}#school-view-return{padding-inline:14px}.school-view-zoom button{min-width:40px}}
@media(max-height:500px){.school-view-heading{top:15px;left:20px}.school-view-heading h2{font-size:23px;margin:5px 0}.school-view-heading p{display:none}.school-view-controls{bottom:12px;justify-content:flex-end}.school-view-controls button{min-height:40px}}

/* 가까운 논밭 끝만 부드럽게 흐려 학교 풍경에 시선이 머물게 한다. */
#school-view::before { content:"";position:absolute;inset:0;pointer-events:none;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);mask-image:linear-gradient(transparent 72%,#000 100%);-webkit-mask-image:linear-gradient(transparent 72%,#000 100%); }
.school-view-heading,.school-view-controls { z-index:1; }