:root{--ink:#1f2328;--paper:#f7f4ef;--accent:#8a5a3c;--glass:#181a1d9e;color:var(--ink);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:#cfe0ee;height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}canvas{touch-action:none;display:block}button{font:inherit;cursor:pointer;background:var(--glass);color:#fff;-webkit-backdrop-filter:blur(8px);border:0;border-radius:999px;padding:.55rem 1rem}button:hover{background:#181a1dc7}button:disabled{opacity:.5;cursor:progress}#gate{background:linear-gradient(160deg,#e9e2d6,#cfd9e2);place-items:center;padding:16px;display:grid;position:fixed;inset:0}#gate .card{background:var(--paper);border-radius:16px;width:min(380px,100%);padding:2rem;box-shadow:0 20px 60px #00000026}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.8rem}h1{margin:.3rem 0 1.5rem;font-size:1.5rem;font-weight:600}label{margin-bottom:.35rem;font-size:.9rem;display:block}input{width:100%;font:inherit;background:#fff;border:1px solid #c9c2b8;border-radius:10px;padding:.65rem .8rem}.show-pass{color:#555;align-items:center;gap:.4rem;margin:.6rem 0 0;font-size:.85rem;display:flex}.show-pass input{width:auto;margin:0}#gate button{background:var(--ink);border-radius:10px;width:100%;margin-top:1rem}#gate-error{color:#b3261e;min-height:1.2em;margin:.8rem 0 0;font-size:.9rem}.bar{top:max(12px, env(safe-area-inset-top));pointer-events:none;justify-content:flex-end;gap:8px;display:flex;position:fixed;left:16px;right:16px}.bar button{pointer-events:auto;white-space:nowrap}@media (max-width:520px){.bar{gap:6px;left:10px;right:10px}.bar button{padding:.5rem .7rem;font-size:.85rem}}#menu{top:calc(max(12px, env(safe-area-inset-top)) + 48px);background:var(--glass);-webkit-backdrop-filter:blur(8px);border-radius:14px;max-height:calc(100% - 140px);padding:6px;position:fixed;right:16px;overflow-y:auto}#rooms{gap:6px;display:flex}#rooms section{align-content:start;gap:2px;min-width:170px;display:grid}@media (max-width:520px){#rooms{flex-direction:column}}#rooms button{text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:8px}#rooms h2,#help h2{letter-spacing:.08em;text-transform:uppercase;color:#fff9;margin:.5rem .75rem .2rem;font-size:.72rem;font-weight:600}#rooms h2{margin-top:.25rem}#help-btn{width:2.4rem;padding-inline:0}#help{top:calc(max(12px, env(safe-area-inset-top)) + 48px);background:var(--glass);color:#fff;-webkit-backdrop-filter:blur(8px);border-radius:14px;width:min(320px,100% - 32px);padding:.6rem .4rem .8rem;font-size:.9rem;position:fixed;right:16px}#help dl{grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:.4rem .75rem 0;display:grid}#help dt{color:#ffffffb3}#help dd{margin:0}body:not(.touch) #help dl.touch-only,body.touch #help dl.desktop-only{display:none}#rooms button:hover{background:#ffffff24}#hint,#dev-note{background:var(--glass);color:#fff;text-align:center;pointer-events:none;border-radius:999px;max-width:calc(100% - 32px);margin:0;padding:.45rem .9rem;font-size:.85rem;position:fixed;left:50%;transform:translate(-50%)}#hint{bottom:16px}body.touch #hint{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 136px)}#dev-note{background:#8a5a3cd9;top:64px}#hint{transition:opacity .6s 2s}#hint.gone{opacity:0}canvas{cursor:grab}body.dragging canvas{cursor:grabbing!important}#fade{opacity:0;pointer-events:none;background:#101214;transition:opacity .22s;position:fixed;inset:0}#fade.on{opacity:1}.touch-only{display:none}body.touch .touch-only{display:block}body.touch span.touch-only{display:inline}body.touch .desktop-only{display:none}.joy{bottom:max(24px, env(safe-area-inset-bottom));touch-action:none;background:#181a1d40;border:2px solid #ffffff80;border-radius:50%;width:120px;height:120px;position:fixed}#joy-move{left:24px}.knob{pointer-events:none;background:#ffffffd9;border-radius:50%;width:52px;height:52px;margin:-26px;position:absolute;top:50%;left:50%}#loading{background:var(--glass);color:#fff;-webkit-backdrop-filter:blur(8px);border-radius:14px;width:min(360px,100% - 32px);padding:1rem 1.2rem;position:fixed;bottom:50%;left:50%;transform:translate(-50%,50%)}#loading-text{margin:0 0 .6rem;font-size:.9rem}.track{background:#ffffff40;border-radius:3px;height:6px;overflow:hidden}#loading-bar{background:#fff;width:0;height:100%;transition:width .15s}#tools{right:16px;bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}#tools .zoom{background:var(--glass);color:#fff;-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;display:flex}#tools .zoom button{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;width:2.6rem;padding-inline:0;font-size:1.1rem;line-height:1}#tools .zoom button:hover{background:#ffffff24}#zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-width:2.6rem;font-size:.85rem}body:not(.touch) #hint{max-width:calc(100% - 300px);bottom:16px}#aerial-note{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 52px);background:var(--glass);color:#fff;border-radius:999px;align-items:center;gap:.8rem;max-width:calc(100% - 32px);margin:0;padding:.35rem .4rem .35rem 1rem;font-size:.85rem;display:flex;position:fixed;transform:translate(-50%)}#aerial-note button{color:var(--ink);white-space:nowrap;background:#fff}body.aerial #joy-move,body.aerial #hint{display:none}#map{background:#1012148c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.map-card{color:#fff;background:#1f2226;border-radius:16px;flex-direction:column;max-width:100%;max-height:100%;padding:.8rem;display:flex}.map-head{align-items:baseline;gap:.8rem;padding:0 .2rem .6rem;display:flex}.map-head h2{margin:0;font-size:1rem;font-weight:600}.map-head span{color:#ffffffa6;flex:1;font-size:.8rem}#map-close{padding:.2rem .65rem;font-size:1.2rem;line-height:1}#plan-wrap{--plan-aspect:1;height:min(calc(100vh - 110px), calc((100vw - 60px) / var(--plan-aspect)));aspect-ratio:var(--plan-aspect);cursor:crosshair;border-radius:10px;position:relative;overflow:hidden}#plan{width:100%;height:100%;display:block}#plan-labels button{white-space:nowrap;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffeb;padding:.18rem .5rem;font-size:.72rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}#plan-labels button.out{background:#d6ecd6f2}#plan-labels button:hover{background:var(--accent);color:#fff}#you{pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1 L18 19 L11 15 L4 19 Z' fill='%23e8572a' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:22px;height:22px;position:absolute}@media (max-width:520px){#plan-labels button{padding:.1rem .32rem;font-size:.6rem}.map-head span{display:none}}