/* Desktop presentation: existing controls and private group data, no duplicate state. */
.desktop-only{display:none}
@media(min-width:1100px){
 :root{--desktop-nav:212px;--desktop-tools:112px;--desktop-header:88px}
 body header,body.install-available header{inset:0 0 auto;width:100%;height:88px;min-height:88px;border:0;border-radius:0;padding:12px 30px;background:#fff;box-shadow:0 1px 0 #e8e0f0;z-index:6}
 body header .brand{display:flex;align-items:center;gap:24px;min-width:0}
 body header .brand img.brand-logo{width:230px;max-height:52px;height:auto;object-fit:contain}
 body header .brand .brand-tagline{display:block;font-size:12px;color:#83728f}
 body header .profile-button{width:60px;height:60px;min-width:60px}
 body header .header-account{gap:18px}
 body #map{inset:88px 112px 0 212px}
 body .main-nav{position:fixed;inset:88px auto 0 0;width:212px;max-width:none;transform:none;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:28px 12px 110px;border:0;border-right:1px solid #eee7f3;border-radius:0;background:#fff;box-shadow:none;z-index:5;overflow-y:auto}
 body .main-nav button{flex:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;padding:14px 16px;min-height:58px;border-radius:12px;font-size:14px;text-align:left;color:#43216e}
 body .main-nav button svg,body .main-nav svg.lively-icon{width:32px;height:32px;flex:none}
 body .main-nav button:hover,body .main-nav button:focus-visible,body .main-nav button.desktop-selected{background:#eee5fc}
 body .main-nav [data-nav=people]{order:1}body .main-nav [data-nav=groups]{order:2}body .main-nav [data-nav=options]{order:3}body .main-nav [data-nav=profile]{order:4}body .main-nav [data-nav=info]{order:5}
 body .main-nav .desktop-only{display:flex;order:0}
 body .top-pills,body.install-available .top-pills{position:fixed;top:22px;left:auto;right:260px;width:auto;max-width:290px;display:flex;flex-wrap:nowrap;gap:10px;z-index:7}
 body .top-pills #mapSharing{flex:none;width:auto}
 body .top-pills #mapSharing #share{width:136px;min-width:136px;background:#f7f3fc;border-color:#e9def3;box-shadow:none}
 body .top-pills #gamesOnlineButton{position:fixed!important;inset:auto auto 22px 18px!important;width:176px;min-height:56px;margin:0;padding:10px 18px!important;justify-content:center;border-radius:14px;background:linear-gradient(130deg,#8b52ec,#6433d7);color:#fff;box-shadow:0 5px 18px #7b47ce26;font-size:15px;z-index:7}
 body .top-pills #gamesOnlineButton small{display:none}
 body .top-pills #zombieTestButton{display:none}
 body .sheet,body .sheet:not(.collapsed){top:110px;left:234px;bottom:auto;width:300px;max-height:calc(100dvh - 142px);height:auto;border:1px solid #eee6f7;background:#fffffff5;border-radius:20px;box-shadow:0 8px 36px #27113a24;z-index:4}
 body .sheet .sheet-toggle{padding:16px;min-height:72px}
 body .sheet .sheet-summary strong{font-size:17px}
 body .sheet .sheet-action{min-height:32px;padding:6px 10px;font-size:11px}
 body .sheet:not(.collapsed) #sheetBody{padding:4px 16px 18px;max-height:calc(100dvh - 218px)}
 body .sheet #welcome h1{font-size:25px}
 body .sheet .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .sheet .member-face{width:44px;height:44px}
 body .map-tools,body.install-available .map-tools{position:fixed;inset:88px 0 0 auto;width:112px;height:auto;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:18px;padding:26px 12px 34px;border:0;border-left:1px solid #e9dcf7;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none;z-index:5}
 body .map-tools button,body .map-tools #mapOptions{--tool-color:#7438da;--tool-tint:#ebddff;position:relative;flex:none;width:68px;min-width:68px;height:68px;min-height:68px;padding:0!important;margin:0 0 20px!important;border:2px solid #fff;border-radius:22px;background:linear-gradient(145deg,#fff 15%,var(--tool-tint));box-shadow:inset 0 1px 4px #fff,0 5px 16px #63309c20;color:var(--tool-color);font:800 42px/1 system-ui;transition:transform .2s,box-shadow .2s}
 body .map-tools button+button{border-top:2px solid #fff}
 body .map-tools button::after{content:attr(data-desktop-label);position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);width:100px;text-align:center;font:700 12px/1.2 system-ui;color:#513184;pointer-events:none}
 body .map-tools button:hover,body .map-tools button:focus-visible{transform:translateY(-3px) scale(1.06);box-shadow:0 8px 24px #6233a938;background:linear-gradient(145deg,#fff,var(--tool-tint))}
 body .map-tools button:active{transform:scale(.96)}
 body .map-tools #reactionButton{--tool-tint:#fff0c0;--tool-color:#e2a000;font-size:0}
 body .map-tools #reactionButton::before{content:'😊';font:42px/1 system-ui;filter:drop-shadow(0 3px 3px #dfaa3d44);animation:desktop-smile 7s ease-in-out infinite}
 body .map-tools #zoomOut{--tool-color:#1495d5;--tool-tint:#dcf0ff}
 body .map-tools #locate{--tool-color:#00a5b2;--tool-tint:#d3f6f5;font-size:48px}
 body .map-tools #locate::before{content:'';position:absolute;right:4px;top:4px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#11a6b5;box-shadow:0 0 0 3px #11a6b522;animation:desktop-gps 3s ease-in-out infinite}
 body .map-tools #dim{--tool-tint:#e9ddff;font-size:25px;text-shadow:0 2px 0 #fff}
 body .map-tools #mapOptions{display:none}
 body .map-options-panel,body.install-available .map-options-panel{position:fixed;top:110px;left:auto;right:132px;width:320px;max-height:calc(100dvh - 140px);border-radius:20px;z-index:8}
 body #modeLabel{top:auto;bottom:14px;left:calc(50% + 50px);right:auto;max-width:340px;padding:9px 16px;border-radius:20px;background:#fffffff0;box-shadow:0 3px 14px #32155218;font-size:11px;z-index:3}
 body .map-note{left:224px;bottom:0;font-size:8px}
 body #toast{bottom:64px;left:calc(50% + 50px);max-width:420px}
 body #selection,body #alertBanner{top:110px;left:554px;right:132px;max-width:540px}
 body .reaction-picker{right:130px!important}
 body .reaction-tip{right:130px!important;left:auto!important}
 body .reaction-tip:before{display:none}
 body.entry-active .main-nav,body.entry-active .top-pills,body.entry-active .map-tools{visibility:hidden}
 @media(max-width:1250px){body header .brand .brand-tagline{display:none}body .sheet,body .sheet:not(.collapsed){width:280px}body .top-pills,body.install-available .top-pills{right:244px}}
 @media(max-height:650px){body .map-tools,body.install-available .map-tools{gap:12px;padding-block:14px 25px}body .map-tools button{width:52px;min-width:52px;height:52px;min-height:52px;border-radius:17px;font-size:32px}body .map-tools #reactionButton::before{font-size:34px}body .map-tools #locate{font-size:36px}body .map-tools button::after{font-size:10px;top:calc(100% + 5px)}}
}
@keyframes desktop-smile{0%,88%,100%{transform:rotate(0)}92%{transform:rotate(-12deg)}96%{transform:rotate(10deg)}}
@keyframes desktop-gps{50%{box-shadow:0 0 0 6px #11a6b50d}}
@media(prefers-reduced-motion:reduce){body .map-tools button,body .map-tools button::before{animation:none!important;transition:none!important}}

@media(max-width:1099.98px){body .main-nav .desktop-only{display:none!important}}