:root{
  --bg:#f4f6fb;--card:#fff;--text:#182033;--muted:#6b7280;--line:#d7dde8;
  --accent:#3157d6;--ok:#138a55;--bad:#d23d4d;--scale:1;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;-webkit-tap-highlight-color:transparent}
body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}
.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:13px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:rgba(244,246,251,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e7eaf1}
h1{font-size:21px;margin:0 0 2px}.topbar p{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:8px}.icon-btn{border:0;background:#fff;border-radius:12px;padding:9px 11px;min-width:44px;min-height:44px;box-shadow:0 2px 12px rgba(20,30,60,.08)}
main{max-width:1450px;margin:0 auto;padding:10px 10px 42px}
.mode-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px}.mode-btn{border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 5px;min-height:44px;font-weight:800;color:#3d465c;font-size:13px}.mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.building-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fff;border:1px solid #e4e8f0;border-radius:13px;padding:8px 10px;margin-bottom:8px}.building-filter>span{font-size:12px;font-weight:800;color:var(--muted);margin-right:2px}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 11px;font-weight:800;font-size:12px}.filter-btn.active{background:#252c3b;color:#fff;border-color:#252c3b}
.quiz-card{background:var(--card);border:1px solid #e4e8f0;border-radius:15px;padding:12px 13px;box-shadow:0 4px 18px rgba(20,30,60,.06)}.quiz-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.eyebrow{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.03em}.question{font-size:18px;font-weight:900;margin-top:4px;line-height:1.35}.scorebox{min-width:66px;text-align:center;background:#f1f4fb;border-radius:12px;padding:8px;font-weight:900}.feedback{min-height:22px;margin-top:7px;font-weight:800;line-height:1.35}.feedback.ok{color:var(--ok)}.feedback.bad{color:var(--bad)}
.map-toolbar{display:flex;gap:6px;align-items:center;margin:9px 0;flex-wrap:wrap}.map-toolbar button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;min-height:42px;font-weight:800}.map-toolbar #zoomLabel{font-size:12px;min-width:44px;text-align:center;color:var(--muted)}.map-toolbar .secondary{margin-left:auto}.primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.danger{background:#fff0f2!important;color:#ad2433!important;border:1px solid #f1b8c0!important}
.map-scroll{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#e9edf4;border:1px solid #dce2ec;border-radius:15px;min-height:560px;max-height:68vh;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.map-stage{position:relative;width:calc(1340px * var(--scale));height:calc(920px * var(--scale))}.ward-map{position:absolute;left:0;top:0;width:1340px;height:920px;transform:scale(var(--scale));transform-origin:top left;background:#fff;padding:18px 20px;border-radius:14px}
.building-section{position:relative;margin:0 0 30px 0;padding-left:76px;transition:opacity .2s}.building-section.dimmed{opacity:.28}.building-name{position:absolute;left:0;top:18px;width:67px;font-size:30px;font-weight:900;display:flex;justify-content:center;align-items:center;height:158px;border:2px solid #3f4652;background:#f7f8fa}.room-headers{display:grid;height:36px}.room-header{border:2px solid #3f4652;border-left-width:1px;border-right-width:1px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;background:#f6f6f4}.room-header:first-child{border-left-width:2px}.room-header:last-child{border-right-width:2px}
.bed-grid{display:grid;grid-template-rows:76px 76px;border-left:2px solid #3f4652;border-bottom:2px solid #3f4652;width:max-content}.place-cell{position:relative;border:0;border-right:1px solid #3f4652;border-top:1px solid #3f4652;background:#fff;width:92px;height:76px;padding:6px 3px;font-size:14px;font-weight:900;line-height:1.15;color:#222;white-space:normal;overflow:hidden}.place-cell:nth-child(n){border-right:1px solid #3f4652}.place-cell.study:hover,.place-cell.study:focus{background:#eef3ff;outline:2px solid #8ca7ff;z-index:3}.place-cell.empty{background:#fbfbfb;color:transparent;cursor:default}.place-cell.blocked{background:repeating-linear-gradient( -25deg,#f1f1f1,#f1f1f1 8px,#c8c8c8 9px,#c8c8c8 11px);cursor:default}.place-cell.hidden-label{background:#eef1f6;color:transparent}.place-cell.hidden-label::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);border-radius:50%;background:#aeb8c9}.place-cell.filled{background:#e8f8ef;border:2px solid #29a86b;color:#0d6a43}.place-cell.correct{background:#e8f8ef!important;outline:4px solid rgba(41,168,107,.22)!important;color:#0d6a43!important}.place-cell.wrong{background:#fff0f2!important;outline:3px solid #e25564!important}.place-cell.answer-location{background:#fff7d7!important;outline:4px solid rgba(226,191,59,.32)!important;color:#222!important}.place-cell.reveal{font-size:14px}.place-cell.out-of-scope{filter:grayscale(.8)}
.reference-block{margin-top:13px;background:#fff;border:1px solid #e3e7ef;border-radius:14px;padding:10px 12px}.reference-block summary{font-weight:800;cursor:pointer}.reference-block img{display:block;max-width:100%;margin:10px auto 0;border-radius:10px}
dialog{width:min(760px,94vw);max-height:88vh;border:0;border-radius:18px;padding:0;box-shadow:0 24px 70px rgba(20,25,40,.28)}dialog::backdrop{background:rgba(20,24,35,.44)}.settings-form{padding:16px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0}.muted{color:var(--muted);font-size:13px}.name-editor{display:grid;grid-template-columns:1fr 1fr;gap:7px;overflow:auto;max-height:58vh;padding:4px}.name-row{display:grid;grid-template-columns:26px 58px 1fr;align-items:center;gap:5px}.name-row span{font-size:11px;color:#8a93a4}.name-row b{font-size:11px;color:#5c6577}.name-row input{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:13px}.dialog-actions button{border-radius:10px;padding:9px 12px;font-weight:800;border:1px solid var(--line)}.help-step{display:flex;align-items:center;gap:12px;margin:13px 0;padding:11px;background:#f5f7fb;border-radius:12px;font-weight:700}.help-step b{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff}.share-glyph{display:inline-block;border:1px solid #b9c1cf;border-radius:6px;padding:2px 5px;background:#fff;font-weight:900}
@media(max-width:760px){main{padding:8px 7px 32px}.mode-panel{grid-template-columns:1fr 1fr}.mode-btn{font-size:12px}.question{font-size:16px}.quiz-card{position:sticky;top:73px;z-index:18}.map-scroll{min-height:58vh;max-height:64vh}.map-toolbar .secondary{margin-left:0}.name-editor{grid-template-columns:1fr}.place-cell{font-size:13px}.place-cell.hidden-label::after{width:18px;height:18px}.building-filter{gap:5px}.filter-btn{padding:7px 9px}}
@media(max-width:390px){h1{font-size:19px}.mode-panel{gap:5px}.mode-btn{font-size:11px;padding:8px 3px}.map-toolbar{gap:4px}.map-toolbar button{padding:7px 9px;font-size:13px}}
@media(display-mode:standalone){main{padding-bottom:max(32px,env(safe-area-inset-bottom))}.topbar{padding-top:max(10px,env(safe-area-inset-top))}}