:root{--mb-bg:var(--background,#f1f5f9);--mb-fg:var(--foreground,#0f172a);--mb-primary:var(--primary,#dc2626);--mb-card:#fff;--mb-muted:#64748b;--mb-hairline:#0f172a14}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--mb-bg);color:var(--mb-fg);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.mb-msg{text-align:center;height:100%;color:var(--mb-muted);justify-content:center;align-items:center;padding:24px;font-size:17px;display:flex}.mb-root{flex-direction:column;display:flex;position:fixed;inset:0}.mb-top{padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px;background:var(--mb-bg);z-index:2}.mb-fields{flex-direction:column;gap:8px;display:flex}.mb-field{background:var(--mb-card);border:1px solid var(--mb-hairline);border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-size:16px;display:flex}.mb-field--b{border-color:var(--mb-primary)}.mb-dot{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:inline-flex}.mb-dot--a{background:#94a3b8}.mb-dot--b{background:var(--mb-primary)}.mb-field-text{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mb-muted{color:var(--mb-muted);font-weight:500}.mb-modes{gap:8px;margin-top:10px;display:flex}.mb-mode{border:1px solid var(--mb-hairline);background:var(--mb-card);color:var(--mb-fg);font:inherit;border-radius:10px;flex:1;padding:9px 10px;font-size:15px;font-weight:600}.mb-mode.is-active{background:var(--mb-primary);color:#fff;border-color:var(--mb-primary)}.mb-map{background:var(--map-bg,#e2e8f0);perspective:1200px;flex:1;min-height:0;position:relative;overflow:hidden}.mb-map-floor{transform-origin:50%;backface-visibility:hidden;position:absolute;inset:0}.mb-fl-out-top{animation:.5s cubic-bezier(.4,0,1,1) forwards mbFlOutTop}.mb-fl-out-bottom{animation:.5s cubic-bezier(.4,0,1,1) forwards mbFlOutBottom}.mb-fl-in-top{animation:.6s cubic-bezier(0,0,.2,1) forwards mbFlInTop}.mb-fl-in-bottom{animation:.6s cubic-bezier(0,0,.2,1) forwards mbFlInBottom}@keyframes mbFlOutTop{0%{transform:translateY(0)rotateX(0)}to{transform:translateY(-118%)rotateX(75deg)}}@keyframes mbFlOutBottom{0%{transform:translateY(0)rotateX(0)}to{transform:translateY(118%)rotateX(75deg)}}@keyframes mbFlInTop{0%{transform:translateY(-118%)rotateX(75deg)}to{transform:translateY(0)rotateX(0)}}@keyframes mbFlInBottom{0%{transform:translateY(118%)rotateX(75deg)}to{transform:translateY(0)rotateX(0)}}.mb-maperr{text-align:center;color:#b42318;justify-content:center;align-items:center;padding:24px;font:14px/1.4 ui-monospace,monospace;display:flex;position:absolute;inset:0}.mb-floors{background:var(--mb-card);border:1px solid var(--mb-hairline);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 4px 14px #0f172a1f}.mb-floor-btn{width:40px;height:36px;color:var(--mb-fg);background:0 0;border:0;border-radius:10px;font-size:22px;line-height:1}.mb-floor-btn:disabled{opacity:.3}.mb-floor-cur{padding:2px 0;font-size:14px;font-weight:700}.mb-plate{background:var(--mb-card);border-top:1px solid var(--mb-hairline);padding:16px 18px calc(env(safe-area-inset-bottom,0px) + 18px);z-index:2}.mb-plate-title{font-size:20px;font-weight:700;line-height:1.2}.mb-plate-sub{color:var(--mb-muted);margin-top:4px;font-size:15px}