body.garden-portal{min-height:100vh;min-height:100dvh;margin:0;display:flex;flex-direction:column;background:#edf4e9;color:#124e38;overflow-x:hidden}
.scene-header{padding:12px 24px;gap:15px;background:#f6fff5;flex-wrap:wrap;border-bottom:1px solid #c4dcc8}.scene-header>a{font-size:27px}.scene-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.scene-tools label{margin:0;font-size:17px}.scene-tools select{width:110px;min-height:48px}.scene-tools button{font-size:16px;min-height:48px}.scene-tools>a{background:#1d684d;color:white;padding:13px 17px;border-radius:10px;font-size:16px}.scene-main{width:100%;max-width:none;flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 14px 8px!important;gap:0}.scene-guide{text-align:center;margin:10px 0;font-size:17px;line-height:1.4}.garden-map{position:relative;width:min(100%,calc((100dvh - 170px)*1.77778));min-width:min(100%,660px);max-width:1600px;aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 8px 24px #214f3922;animation:scene-in .45s ease-out}.map-image{display:block;width:100%;height:100%;object-fit:cover}.scene-hotspot{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:18%;min-height:22%;padding:9px 13px 15px;background:url('assets/frame-glass.png') center/100% 100% no-repeat;text-align:center;filter:drop-shadow(0 4px 7px #20392333);transform:translate(-50%,-50%);transition:filter .15s,scale .15s;line-height:1.2}.scene-hotspot span{font-size:clamp(11px,1.2vw,17px);color:#367054;font-weight:bold;letter-spacing:1px}.scene-hotspot strong{font-size:clamp(20px,2.5vw,37px);margin:4px 0;text-shadow:0 1px 1px white}.scene-hotspot b{font-weight:normal;font-size:clamp(11px,1.2vw,17px)}.scene-hotspot:hover,.scene-hotspot:focus-visible{filter:drop-shadow(0 0 10px #f8eda1);scale:1.03}.scene-hotspot:focus-visible,.scene-activities a:focus-visible{outline:4px solid #ffc928;outline-offset:2px}.scene-hotspot.tree{left:19%;top:46%}.scene-hotspot.lake{left:50%;top:57%}.scene-hotspot.flower{left:82%;top:46%}.scene-activities{position:absolute;left:3%;right:3%;bottom:3%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4%}.scene-activities a{min-height:70px;padding:12px 14px 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url('assets/btn-green.png') center/100% 100% no-repeat;color:white;text-align:center;text-shadow:0 1px 2px #165533;transition:filter .15s;line-height:1.2}.scene-activities a:hover{filter:brightness(1.1)}.scene-activities small{font-size:clamp(11px,1.1vw,16px);margin-bottom:3px}.scene-activities strong{font-size:clamp(17px,2vw,28px)}.scene-footer{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin:12px 0 5px;font-size:15px;line-height:1.5}.scene-footer>span:last-child{color:#637663}.scene-leaving .garden-map{opacity:.4;transition:opacity .13s ease}.garden-portal .receipt-bar{width:min(100%,1000px);margin:8px auto}.scene-tools #teacherEntry[hidden]{display:none}
@keyframes scene-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.scene-header{padding:9px 12px}.scene-header>a{font-size:24px}.scene-tools{gap:7px}.scene-tools select{width:92px}.scene-tools button{padding:8px 10px}.scene-guide{font-size:15px}.scene-main{padding:0 8px 10px!important;justify-content:flex-start}.garden-map{border-radius:10px;margin-top:10px}.scene-hotspot{width:22%;padding:8px 7px 11px}.scene-hotspot strong{font-size:22px}.scene-activities{left:1%;right:1%;gap:1%}.scene-activities a{min-height:64px;padding:10px 6px}.scene-activities strong{font-size:17px}.scene-footer{gap:6px;flex-direction:column;align-items:center;font-size:14px}}
@media(max-width:500px){.garden-map{aspect-ratio:1.1}.map-image{object-fit:cover}.scene-hotspot{width:28%;min-height:100px}.scene-hotspot.tree{left:17%}.scene-hotspot.flower{left:83%}.scene-hotspot.lake{top:60%}.scene-activities a{min-height:76px}.scene-activities strong{font-size:16px}.scene-header{justify-content:center}.scene-tools label{font-size:14px}.scene-guide{font-size:14px}}
@media(prefers-reduced-motion:reduce){.garden-map{animation:none}.scene-leaving .garden-map{opacity:1;transition:none}}