.ui-floating{--glass:color-mix(in srgb, var(--panel-solid) 56%, transparent);--glass-strong:color-mix(in srgb, var(--panel-solid) 74%, transparent);--glass-line:color-mix(in srgb, var(--text-strong) 14%, transparent);--glass-shadow:0 10px 30px #00000047;--gap:14px;--dir-w:clamp(320px, 26vw, 400px)}.ui-floating .glass,.ui-floating .topbar .brand,.ui-floating .topbar .select,.ui-floating .topbar .chip-btn,.ui-floating .dir-head,.ui-floating .search input,.ui-floating .cat,.ui-floating .wheel-item,.ui-floating .card,.ui-floating .route-panel,.ui-floating .floor-switch,.ui-floating .kiosk-pill,.ui-floating .view-tools .chip-btn{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35);box-shadow:var(--glass-shadow)}.ui-floating .layout{display:block}.ui-floating #viewport{z-index:0;position:fixed;inset:0}.ui-floating .topbar{top:var(--gap);left:var(--gap);right:var(--gap);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;z-index:20;background:0 0;border:0;min-height:0;padding:0;position:fixed}.ui-floating .topbar>*{pointer-events:auto}.ui-floating .topbar .brand{border-radius:999px;padding:9px 16px}.ui-floating .topbar .chip-btn.active{background:color-mix(in srgb, var(--accent) 30%, var(--glass))}.ui-floating #directory{top:calc(var(--gap) + 58px);right:var(--gap);bottom:var(--gap);width:var(--dir-w);pointer-events:none;z-index:10;background:0 0;border:0;gap:10px;padding:0;position:fixed;overflow:visible}.ui-floating #directory>*{pointer-events:auto}.ui-floating .dir-head{border-radius:var(--radius) var(--radius) 0 0;box-shadow:none;border-bottom:0;padding:12px 16px 0}.ui-floating #mall-name{border-radius:0 0 var(--radius) var(--radius);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35);box-shadow:var(--glass-shadow);border-top:0;margin:-10px 0 0;padding:2px 16px 12px}.ui-floating .search input{border-radius:999px}.ui-floating .search input:focus{background:var(--glass-strong)}.ui-floating .cats{padding:2px 2px 6px;-webkit-mask-image:none;mask-image:none}.ui-floating .cat{color:var(--text);box-shadow:none}.ui-floating .cat.active{background:color-mix(in srgb, var(--c) 34%, var(--glass));color:var(--text-strong)}.ui-floating .cat[data-cat=""].active{background:color-mix(in srgb, var(--accent) 30%, var(--glass))}.ui-floating .wheel-item{box-shadow:0 6px 18px #00000038}.ui-floating .wheel-frame{background:color-mix(in srgb, var(--accent) 18%, transparent)}.ui-floating .card,.ui-floating .route-panel{background:var(--glass-strong);border-radius:calc(var(--radius) + 2px)}.ui-floating .route-panel{padding:12px}.ui-floating #route-steps li{background:color-mix(in srgb, var(--text-strong) 6%, transparent)}.ui-floating .floor-switch{left:var(--gap);max-height:calc(100% - 200px);top:calc(50% + 24px)}.ui-floating .floor-switch button{background:color-mix(in srgb, var(--text-strong) 6%, transparent)}.ui-floating .view-tools{left:var(--gap);right:auto;bottom:var(--gap)}.ui-floating .caption{top:calc(var(--gap) + 62px);left:calc((100% - var(--dir-w) - var(--gap)) / 2);max-width:calc(100% - var(--dir-w) - 4 * var(--gap));background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35)}.ui-floating .present-badge{left:50%;right:auto;bottom:var(--gap);transform:translate(-50%)}@media (max-aspect-ratio:4/5),(max-width:900px) and (orientation:portrait){.ui-floating #directory{top:auto;left:var(--gap);right:var(--gap);width:auto;height:47%;overflow-y:auto}.ui-floating .floor-switch{top:calc(var(--gap) + 66px);max-height:calc(53% - 150px);transform:none}.ui-floating .view-tools{bottom:calc(47% + var(--gap) + 8px)}.ui-floating .caption{top:auto;left:50%;bottom:calc(47% + var(--gap) + 58px);max-width:calc(100% - 2 * var(--gap))}.ui-floating body.has-route .floor-switch{max-height:calc(53% - 210px - 2 * var(--gap))}.ui-floating .present-badge{display:none}}@media (max-width:560px){.ui-floating{--gap:10px}.ui-floating .topbar .brand{display:none}}.ui-floating .floor-switch button.active{background:var(--accent);box-shadow:var(--glow)}.ui-floating .search:before{z-index:2;pointer-events:none}.ui-floating .search input{z-index:1;position:relative}.ui-floating .search button{z-index:2}.ui-floating.ui-sheet #directory{height:47%;padding:0 0 env(safe-area-inset-bottom);box-shadow:none;background:0 0;border:0;border-radius:0}.ui-floating.ui-sheet .sheet-handle{background:0 0;height:26px;margin:0 0 -6px}.ui-floating .sheet-handle span{background:var(--glass-strong);border:1px solid var(--glass-line);width:52px;height:6px;box-shadow:var(--glass-shadow)}.ui-floating.ui-sheet .view-tools{bottom:calc(var(--sheet-h,47%) + var(--gap) + 8px)}.ui-floating.ui-sheet .caption{bottom:calc(var(--sheet-h,47%) + var(--gap) + 58px)}.ui-floating.ui-sheet .floor-switch{max-height:calc(100% - var(--sheet-h,47%) - 150px)}.ui-floating.ui-sheet body.has-route .floor-switch{max-height:calc(100% - var(--sheet-h,47%) - 210px - 2 * var(--gap))}@media (max-height:500px) and (orientation:landscape){.ui-floating{--gap:10px;--dir-w:clamp(280px, 40vw, 360px)}.ui-floating .topbar{left:calc(var(--gap) + env(safe-area-inset-left));right:calc(var(--gap) + env(safe-area-inset-right))}.ui-floating #directory{top:calc(var(--gap) + 50px);right:calc(var(--gap) + env(safe-area-inset-right));overflow-y:auto}.ui-floating .floor-switch{left:calc(var(--gap) + env(safe-area-inset-left));top:calc(var(--gap) + 52px);max-height:calc(100% - 120px);transform:none}.ui-floating .view-tools{left:calc(var(--gap) + env(safe-area-inset-left))}.ui-floating .caption{top:calc(var(--gap) + 50px);left:calc(var(--gap) + 130px);right:calc(var(--dir-w) + 2 * var(--gap));width:-moz-fit-content;width:fit-content;max-width:none;margin-inline:auto;animation-name:cap-in-flat;transform:none}}
