.stage .chrome-top{padding:10px 16px 16px;gap:18px;flex-wrap:nowrap;background:linear-gradient(#eef7eef5 55%,#eef7ee00)}.island-identity{display:flex;align-items:center;gap:14px;flex:none}.stage .chrome-top .brand{min-height:40px;gap:7px}.stage .chrome-top .brand-mark{width:32px;height:32px}.stage .chrome-top .brand-wordmark{width:144px}.stage .chrome-top .brand-word small{display:none}.stage .island-status{width:auto;display:grid;grid-gap:2px;gap:2px;margin:0 0 0 auto;font-size:11px}.stage .status-line{gap:9px}.stage .status-line span{gap:4px}.stage .island-status .ui-icon{width:15px;height:15px}.stage .connection{font-size:10px}.island-menu{position:relative}.stage .chrome-top:has(.island-menu[data-open=true]){z-index:30}.island-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:40px;padding:7px 10px;border:1px solid #a9c7bc;border-radius:7px;background:#f5f8eef0;color:var(--ink);font-size:12px;font-weight:700}.island-menu-toggle:hover,.island-menu-toggle[aria-expanded=true]{background:#e4eee1;border-color:#6a9787}.island-menu-toggle svg{width:18px;height:18px;flex:none}.island-menu-panel{position:absolute;top:calc(100% + 8px);left:0;width:204px;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:8px;background:#f6f8eefc;border:1px solid #bfd2c3;border-radius:4px 11px 11px 11px;box-shadow:0 10px 28px #23493924}.stage .island-menu .site-nav{display:flex;flex-direction:column;align-items:stretch;width:auto;margin:0;gap:2px}.stage .island-menu .site-nav a{flex:none;flex-direction:row;justify-content:flex-start;gap:10px;min-height:40px;padding:8px 10px;font-size:13px;border:0;border-left:2px solid transparent;border-radius:5px}.stage .island-menu .site-nav a.active{border-left-color:var(--sea-deep);background:#e3eee2}.stage .island-menu .nav-icon{width:18px;height:18px}.stage .chrome-right{top:74px;right:16px;bottom:auto;gap:10px}.stage .chrome-right .bring{position:static;min-height:38px;padding:0 4px;border-width:9px;font-size:13px;gap:6px}.stage .chrome-right .bring .ui-icon{width:18px;height:18px}.stage .cam-controls{padding:3px;gap:2px;border-radius:8px}.stage .cam-controls .icon-btn{width:40px;height:40px;min-height:40px}.stage .cam-controls .ui-icon{width:19px;height:19px}.stage .cam-divider{margin:2px 5px}.stage .chrome-bottom{left:16px;right:16px;bottom:10px;padding:0;gap:7px;align-items:flex-start;background:none}.stage .chrome-bottom .disclaimer{width:100%;font-size:10px;line-height:1.4;padding:0 8px;text-shadow:0 1px 4px #f5f8ec,0 0 8px #f5f8ec;background:linear-gradient(90deg,transparent,#eef7eec9 25%,#eef7eec9 75%,transparent)}.stage .drawer{top:124px;right:76px;bottom:auto;width:340px;max-height:calc(100dvh - 168px)}.stage .offline-note{top:90px}.stage .show-ui{top:12px;right:16px;min-height:40px;font-size:13px}.stage .map-tag-caption{padding:4px 7px;font-size:11px;line-height:15px}@media(max-width:720px){.stage .chrome-top{padding:10px 12px 15px;gap:5px;flex-wrap:wrap}.island-identity{gap:12px;width:100%;justify-content:space-between}.stage .chrome-top .brand{min-height:44px;gap:6px}.stage .chrome-top .brand-mark{width:30px;height:30px}.stage .chrome-top .brand-wordmark{width:132px}.island-menu-toggle{min-width:44px;min-height:44px;padding:8px 12px}.island-menu-panel{left:auto;right:0;width:210px;max-height:calc(100dvh - 80px)}.stage .island-menu .site-nav a{min-height:44px}.stage .island-status{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;margin:0}.stage .status-line{gap:8px}.stage .status-line:last-child{justify-content:flex-end}.stage .status-phase{display:none}.stage .chrome-right{top:92px;right:10px;bottom:auto;gap:8px}.stage .chrome-right .bring{min-height:44px;font-size:12px;border-width:9px;padding:0 3px}.stage .cam-controls .icon-btn{width:44px;height:44px;min-height:44px}.stage .chrome-bottom{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));gap:6px}.stage .chrome-bottom .disclaimer{padding:0 2px;font-size:9px;line-height:1.35}.stage .drawer{top:142px;bottom:64px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 206px);border-width:16px}.stage:has(.drawer) .live-journal{visibility:hidden}.stage .offline-note{top:148px}.stage .show-ui{right:12px;min-height:44px}}@media(max-height:520px){.stage .chrome-top{padding:7px 12px 10px;gap:12px;flex-wrap:nowrap}.island-identity{width:auto;gap:10px}.stage .chrome-top .brand-mark{width:28px;height:28px}.stage .chrome-top .brand-wordmark{width:120px}.stage .island-status{width:auto;display:grid;margin-left:auto;grid-gap:1px;gap:1px}.stage .chrome-right{top:66px;right:10px;gap:6px}.stage .cam-controls{display:grid;grid-template-columns:repeat(2,40px);grid-gap:2px;gap:2px}.stage .cam-controls .icon-btn{width:40px;height:40px;min-height:40px}.stage .cam-divider{display:none}.stage .cam-controls .icon-btn:last-child{grid-column:1/-1;justify-self:center}.stage .chrome-bottom{bottom:7px;gap:4px}.stage .drawer{top:68px;right:104px;bottom:38px;left:auto;width:310px;max-height:calc(100dvh - 106px)}.stage .offline-note{top:72px}}@media(max-height:520px) and (pointer:coarse){.stage .cam-controls{grid-template-columns:repeat(2,44px)}.stage .cam-controls .icon-btn{width:44px;height:44px;min-height:44px}.stage .drawer{right:112px}}@media(max-width:780px){.stage:has(.drawer) .live-journal{visibility:hidden}}@media(pointer:coarse){.stage .island-menu-toggle{min-width:44px;min-height:44px}.stage .chrome-right .bring,.stage .island-menu .site-nav a,.stage .show-ui{min-height:44px}.stage .cam-controls .icon-btn{width:44px;height:44px;min-height:44px}}