:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color:#292d29;background:#eeefea}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}header{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #d8dbd1;background:#fafbf7}.title span{font-size:11px;letter-spacing:.09em;color:#626c61}h1{font-size:20px;font-weight:500;letter-spacing:.08em;margin:5px 0 0}.controls{display:flex;align-items:end;gap:12px}label{font-size:11px;color:#586151;display:grid;gap:5px}button,select{font:inherit;color:inherit;background:#fcfdf9;border:1px solid #b6bfb0;border-radius:5px;min-height:38px;padding:8px 11px}button{cursor:pointer}button:hover,button:active{background:#e1e7d9}select{font-size:13px;max-width:220px}main{flex:1;position:relative;min-height:240px;overflow:hidden}#scene{display:block;width:100%;height:100%;touch-action:none;outline-offset:-3px;cursor:grab}#scene:active{cursor:grabbing}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#f2f3ebef;font-size:16px;text-align:center;padding:30px}#loading[hidden]{display:none}#place{position:absolute;top:18px;left:22px;background:#fcfdf1e8;border:1px solid #cbd0bf;padding:9px 14px;font-size:13px;border-radius:4px;pointer-events:none}.hint{position:absolute;bottom:21px;left:22px;font-size:12px;background:#fffffff0;padding:9px 12px;border-radius:4px;pointer-events:none}.hint b{padding:0 5px;font-weight:400}.pad{position:absolute;right:22px;bottom:20px;text-align:center}.pad button,.lookpad button{width:46px;height:43px;min-height:43px;margin:2px;background:#fffffff0;font-size:20px;touch-action:none}.pad button:active{background:#bdcbae}.lookpad{position:absolute;right:24px;bottom:122px}#mapbox{position:absolute;top:18px;right:22px;font-size:12px;background:#fffffff0;border:1px solid #d3d8c8;border-radius:4px;max-width:280px}summary{padding:10px 12px;cursor:pointer}#map{width:260px;height:204px;display:block;margin:0 8px 8px}footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 24px;border-top:1px solid #d5dace;font-size:11px;color:#58614f}footer button{font-size:11px;min-height:30px;padding:5px 9px;white-space:nowrap}dialog{max-width:530px;border:1px solid #a7b39d;border-radius:8px;padding:26px;background:#fafbf6;line-height:1.9;font-size:14px}dialog::backdrop{background:#202a2070}h2{font-size:20px;font-weight:500;margin-top:0}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #627d53;outline-offset:2px}
@media(max-width:700px){header{padding:11px 12px;display:block}.title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.title span{font-size:9px}h1{font-size:17px}.controls{margin-top:10px;gap:7px;justify-content:space-between}.controls label:first-child{flex:1}.controls label:nth-child(2){flex:1}select{max-width:100%;width:100%;min-width:0;padding:8px 4px;font-size:11px}.controls button{font-size:11px;padding:7px;white-space:nowrap}#place{top:10px;left:10px;font-size:11px;padding:7px 9px}#mapbox{top:47px;right:10px}.hint{left:10px;bottom:12px;font-size:10px;max-width:165px;line-height:1.7;padding:7px}.pad{right:10px;bottom:10px}.lookpad{right:12px;bottom:112px}footer{padding:8px 10px;font-size:10px}footer span{max-width:65%}dialog{width:calc(100% - 28px);padding:20px}}

.loading-panel{max-width:640px;overflow-wrap:anywhere;line-height:1.8}#loading{z-index:10}#loading-message{white-space:pre-line}#loading-actions{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:16px}#loading-actions[hidden]{display:none}#standalone{color:#3a5830;text-underline-offset:3px}
/* Keep the ladder action readable alongside both selectors on narrow displays. */
@media(max-width:700px){.controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.controls label{min-width:0}.controls button{width:100%}#ladder[hidden]+#entrance{grid-column:1/-1;justify-self:end;width:auto}}