body{overflow:hidden;background:#080d15}header{position:fixed;inset:0 0 auto;height:80px;z-index:3;background:linear-gradient(#070d16e8,transparent);border:0;pointer-events:none}header>*{pointer-events:auto}header .identity{text-align:left}header h1{text-align:left;font-size:20px}header small{text-align:left;margin-top:3px;letter-spacing:2px;font-size:9px}header nav{display:flex;gap:4px;padding:4px;background:#15201ee8;border:1px solid #ffffff26;border-radius:12px}header nav button,header nav a,button{font:inherit;color:#eee9dc;background:#15201ee8;border:1px solid #ffffff30;border-radius:7px;min-height:44px;padding:9px 14px;cursor:pointer}header nav a{background:#e6dcc6;color:#222c26;display:flex;align-items:center;font-family:inherit;font-size:12px}header nav button{border:0;font-size:12px}.layout{display:block;height:100dvh;min-height:0}.stage{height:100%;width:100%}.title{top:90px;left:24px;padding:8px 12px;background:#14201de0;border:1px solid #ffffff20;border-radius:7px;max-width:70%}.title h2{font-size:14px}.title p{font-size:10px}.tools,.mobile-spaces{display:none!important}.foot{bottom:28px;left:50%;right:auto;transform:translateX(-50%)}.hint{font-size:11px;white-space:nowrap;border-radius:8px;background:#14201de8}.walkpad{position:fixed;bottom:87px;left:24px;z-index:4;text-align:center}.walkpad button{width:44px;height:44px;padding:0;font-size:22px;margin:2px;touch-action:none;user-select:none;border-radius:9px}.held{background:#e6dcc6!important;color:#222c26!important}.visitor-bottom{position:fixed;bottom:24px;left:24px;z-index:3;display:flex;align-items:center;gap:18px}.visitor-bottom span{position:fixed;right:24px;bottom:30px;padding:12px;background:#14201de8;border-radius:8px;font-size:11px}dialog{background:#18241f;color:#eee9dc;border:1px solid #ffffff30;border-radius:14px;width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:24px;overflow:auto;box-shadow:0 24px 90px #0007}dialog::backdrop{background:#06110e99;backdrop-filter:blur(5px)}dialog h2{font-size:23px;font-weight:500;margin:4px 0}dialog p{font-size:13px;line-height:1.9;color:#cbd0c6}.panelTop{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-24px;background:#18241f;z-index:2;padding:8px 0}.panelTop small{font-size:10px;letter-spacing:2px;color:#c8b994}.close{width:44px;font-size:24px;padding:0}#zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:15px}.zone{font-size:12px;margin:0;border-color:#ffffff20;min-height:44px}.zone.active{background:#e6dcc6;color:#222c26}#spaceMap{width:100%;height:210px;background:#0e1917;border-radius:9px;border:1px solid #ffffff20}#spaceMap circle{fill:#dec89b;stroke:#18241f;stroke-width:.8;cursor:pointer}#spaceMap circle:hover,#spaceMap circle:focus{fill:white;stroke:#fff;stroke-width:2}#guidePanel{width:min(510px,calc(100vw - 24px))}#guidePanel>a{display:block;margin-top:20px}#canvas:focus{outline:none}button:focus-visible,a:focus-visible{outline:2px solid #eddbac;outline-offset:3px}
@media(max-width:650px){header{padding:12px;height:72px;gap:8px}header h1{font-size:16px}header small{font-size:8px;letter-spacing:1px}header nav button,header nav a{padding:7px 9px;font-size:11px}header .identity{min-width:0}.title{left:12px;top:82px;max-width:calc(100% - 24px)}.title h2{font-size:13px}.layout{height:100dvh}.walkpad{left:10px;bottom:calc(80px + env(safe-area-inset-bottom))}.visitor-bottom{left:12px;bottom:calc(16px + env(safe-area-inset-bottom))}.visitor-bottom button{font-size:11px}.visitor-bottom span{right:12px;bottom:calc(16px + env(safe-area-inset-bottom));font-size:10px;padding:14px 8px}.foot{left:12px;right:12px;bottom:calc(192px + env(safe-area-inset-bottom));transform:none}.hint{white-space:normal;font-size:10px;width:max-content;max-width:100%}#zones{grid-template-columns:1fr 1fr}dialog{padding:18px}.panelTop{top:-18px}#spaceMap{height:170px}}
@media(max-height:500px){.foot,.visitor-bottom span{display:none}.title{top:75px}.walkpad{bottom:65px}.visitor-bottom{bottom:10px}}
header nav a.return-link{color:#222c26}