html,body,#app{height:100%;min-height:0;overflow:hidden}
.fv{width:100%;max-width:none;height:100dvh;min-height:0;display:flex;flex-direction:column;gap:8px;padding:16px 24px;overflow:hidden}
.screen{min-height:0;flex:1;position:relative}.save-status{flex:none}.screen[hidden]{display:none!important}
#road{min-height:0;grid-template-rows:auto auto minmax(70px,1fr) auto auto auto;gap:10px 22px;padding:18px 24px;overflow:hidden}.road-head h1{font-size:44px}.road-head .lede{font-size:12px;line-height:1.65}.road-art{min-height:0;height:100%;display:flex;align-items:center;justify-content:center}.road-svg{height:100%;max-height:100%;width:100%}.folio-label{padding-bottom:8px}.road-invitation{padding:8px 0}.road-invitation button{min-height:44px}.chapter-index{position:relative}.chapter-index[open]{position:absolute;z-index:4;left:24px;right:24px;bottom:62px;background:var(--zc-folio-paper);padding:12px;border:1px solid var(--zc-folio-rule);box-shadow:0 12px 35px #30241333;max-height:calc(100% - 30px);display:flex;flex-direction:column}.visit-list{max-height:40dvh;overflow:auto;overscroll-behavior:contain;margin-bottom:0}.about[open]>p{position:absolute;z-index:4;right:24px;bottom:48px;width:min(480px,calc(100% - 48px));max-height:55dvh;overflow:auto;overscroll-behavior:contain;background:var(--zc-folio-paper);padding:18px;border:1px solid var(--zc-folio-rule);box-shadow:0 12px 35px #30241333}
#visit{padding:18px 24px;display:flex;flex-direction:column;gap:8px;overflow:hidden}#visit h2{margin:6px 0;font-size:34px}.greeting{margin:0;line-height:1.5;font-size:14px}.scene-wrap{flex:1;min-height:80px;margin:6px 0;overflow:hidden}.scene-svg{width:100%;height:100%;max-height:none}.status{margin:0}.controls{flex:none}.hint-text{max-height:20%;overflow:auto;overscroll-behavior:contain;margin:0}.solved{position:absolute;z-index:5;bottom:16px;left:18px;right:18px;max-height:65%;overflow:auto;overscroll-behavior:contain;padding:20px;background:var(--zc-surface);box-shadow:0 0 0 1px var(--zc-border),0 10px 50px #0003}.solved[hidden]{display:none}
#notebook{padding:18px 24px;display:flex;flex-direction:column;overflow:hidden}#notebook h2{margin:12px 0;font-size:32px}.notebook-list{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}
@media(max-width:600px){.fv{padding:10px 12px;gap:6px}#road{padding:12px;gap:8px;grid-template-rows:auto auto minmax(50px,1fr) auto auto auto auto}.road-head h1{font-size:32px;margin:4px 0 8px}.road-head .lede{font-size:10px;line-height:1.55}.road-invitation{gap:6px 12px}.road-invitation button{min-height:42px;font-size:12px}.chapter-index>summary{min-height:35px;font-size:16px}.road-actions button{min-height:34px}.about summary{min-height:25px}.chapter-index[open]{left:12px;right:12px;bottom:85px}.visit-list{max-height:43dvh}#visit,#notebook{padding:12px}.visit-top{padding-bottom:5px}#visit h2{font-size:27px}.greeting{font-size:12px}.hint-text{font-size:11px}.solved{left:10px;right:10px;padding:16px}}