/* User-requested flow: share only, then Map/Player, Equipment/Skills, Guide. */
body.maple-interface[data-session=idle] :is(.overview-row,.build-row,.explore-row,.section-nav,.session-bar),body.maple-interface[data-session=idle] #shareBtn{display:none}
body.maple-interface[data-session=idle] .topbar{height:64px}
body.maple-interface[data-session=idle] .site-shell{padding-bottom:0;border-bottom:1px solid var(--border)}
body.maple-interface[data-session=idle] .capture-card{border:0;background:transparent;box-shadow:none;width:100%}
body.maple-interface[data-session=idle] .placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100dvh - 210px);padding:60px 20px}
body.maple-interface[data-session=idle] .welcome-scene{display:none}
body.maple-interface[data-session=idle] .welcome-copy{width:100%;max-width:600px}
body.maple-interface[data-session=idle] .welcome-eyebrow{justify-content:center;font-size:10px;letter-spacing:1.5px;margin-bottom:24px}
body.maple-interface[data-session=idle] .placeholder h1{font-size:28px;line-height:1.2;max-width:none;letter-spacing:-.8px}
body.maple-interface[data-session=idle] .placeholder .welcome-description{font-size:14px;margin:0 auto 30px;max-width:520px}
body.maple-interface[data-session=idle] .share-window-body{text-align:center}
body.maple-interface[data-session=idle] .placeholder #shareWelcomeBtn{min-width:240px;min-height:48px;justify-content:center}
body.maple-interface[data-session=idle] .button-arrow,body.maple-interface[data-session=idle] .browse-guide{display:none}
body.maple-interface[data-session=idle] .setup-steps{position:static;display:flex;width:auto;gap:24px;padding:0;margin:32px 0 0;border:0;background:none}
body.maple-interface[data-session=active] .overview-row{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr)}
body.maple-interface[data-session=active] .build-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
/* Keep the capture media laid out while visually suppressed; hiding the
   preview must not disable the video-to-canvas fallback used by Firefox. */
body.maple-interface[data-session=active] .layout>.capture-card{display:block;order:4;position:fixed;left:-10000px;top:0;width:960px;opacity:0;clip-path:inset(50%);pointer-events:none}
body.maple-interface.show-game-preview[data-session=active] .layout>.capture-card{position:static;width:100%;opacity:1;clip-path:none;pointer-events:auto}
.maple-interface #pointsSection.points-inline{width:100%;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;background:transparent;padding:14px 0 0;margin-top:16px;min-height:0}
.maple-interface .points-inline .points-heading{display:none}
.maple-interface .points-inline .point-headline{font-size:17px;line-height:1.4;margin:0 0 4px;letter-spacing:-.3px}
.maple-interface .points-inline .point-disclaimer{font-size:9px;margin:0 0 12px}
.maple-interface .player-card>.section-head .kicker{display:none}
.maple-interface .player-card>.section-head h2{font-size:23px;letter-spacing:-.6px}
.maple-interface .player-card .profile-status{font-size:10px}
.maple-interface .player-card .player-summary strong{font-size:26px}
.maple-interface .player-card .player-summary>div:last-child strong{font-size:21px}
.maple-interface .map-activity-details{margin-top:14px}
.maple-interface .map-activity-details>summary{font-size:12px;color:var(--text-primary)}
.maple-interface .map-activity-details>.activity-card{padding:16px 0 0;border:0;background:none;box-shadow:none}
.maple-interface .map-activity-details .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){body.maple-interface[data-session=active] .overview-row{grid-template-columns:1fr}.maple-interface .map-activity-details .activity-grid{grid-template-columns:1fr}}
@media(max-width:600px){body.maple-interface[data-session=active] .build-row{grid-template-columns:1fr}body.maple-interface[data-session=idle] .setup-steps{gap:18px}body.maple-interface[data-session=idle] .placeholder h1{font-size:25px}body.maple-interface[data-session=idle] .placeholder{min-height:calc(100dvh - 220px);padding:40px 15px}}
/* Keep explanatory and source text in Settings/details, outside the play surface. */
.maple-interface #mapStatus,.maple-interface #mapRegion,.maple-interface #mapPositionStatus,.maple-interface #mapProjectionNote,.maple-interface #portalSelection,.maple-interface #mapContent>.fineprint,.maple-interface .map-detail-panel>summary{display:none}
.maple-interface #mapPositionStatus[data-state=missing]{display:block;margin:8px 0 0;color:var(--text-secondary);font-size:12px}
.maple-interface #mapStatus[data-state=paused]{display:block;margin:0 0 10px;color:var(--text-secondary);font-size:12px}
.maple-interface .map-card{padding:16px}
.maple-interface .map-card>.section-head{margin-bottom:10px}
.maple-interface .map-card>.section-head .kicker{display:none}
.maple-interface .map-zoom{gap:5px;margin:0 0 10px}
.maple-interface .map-detail-tabs{display:flex;gap:4px;padding:8px 0 0;margin:0;border:0;align-items:center}
.maple-interface .map-detail-tabs button{flex:1;min-height:32px;padding:6px 8px;border:0;border-radius:5px;background:transparent;font-size:11px;color:var(--text-secondary)}
.maple-interface .map-detail-tabs button[aria-selected=true]{background:var(--panel-raised);color:var(--accent)}
.maple-interface .map-card .map-detail-panel{padding:12px 0 0;margin:0;border:0}
.maple-interface .map-card .map-detail-panel:not([hidden]){display:block}
.maple-interface .map-card .map-legend{margin:8px 0 0;font-size:10px;gap:12px}
.maple-interface .map-detail-panel .activity-explanation,.maple-interface .map-detail-panel>.fineprint,.maple-interface .map-detail-panel .activity-footer{display:none}
.maple-interface .player-card .profile-status,.maple-interface .player-summary small,.maple-interface .stat-card .stat-state{display:none}
.maple-interface .player-summary [data-tooltip],.maple-interface .stat-card[data-tooltip]{cursor:help}
.maple-interface .points-inline:has(.raise-chip) .point-disclaimer{display:none}
.maple-interface .points-inline:not(:has(.raise-chip)) .point-headline{font-size:13px;color:var(--text-secondary)}
.maple-interface .points-inline .point-disclaimer{display:none}
.maple-interface .avatar-editor{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;margin:16px 0}
.avatar-preview{display:grid;place-items:center;min-height:180px;background:#edf1f5;border:1px solid #8b9dac;border-radius:6px;overflow:hidden}
.avatar-preview svg{width:168px;height:168px;max-width:none;image-rendering:pixelated}
.avatar-selects,.avatar-outfit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.avatar-selects label,.avatar-outfit label{font-size:11px;display:flex;flex-direction:column;gap:5px;min-width:0}
.avatar-selects select,.avatar-outfit select{width:100%;font-size:12px}
.avatar-actions,.avatar-pagination{display:flex;gap:12px;align-items:center;margin-top:14px}
.avatar-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:15px}
.avatar-choice{padding:0;border:1px solid #778ca0;background:#edf1f5;border-radius:4px;overflow:hidden}
.avatar-choice svg{width:100%;height:60px;image-rendering:pixelated}
#avatarSettings{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}
#avatarSettings .inline{display:flex;margin:10px 0}
@media(max-width:600px){body.maple-interface[data-session=active] .build-row{grid-template-columns:1fr}.avatar-editor{grid-template-columns:100px minmax(0,1fr)}.avatar-selects,.avatar-outfit{grid-template-columns:1fr}.avatar-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
.map-skeleton{height:340px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(110deg,#202936 20%,#354355 50%,#202936 80%);background-size:200% 100%;animation:native-loading 1.4s linear infinite;color:var(--text-secondary);font-size:12px}
.map-skeleton[data-state=error]{animation:none;background:var(--bg-secondary)}
@media(prefers-reduced-motion:reduce){.map-skeleton{animation:none}}

.player-locator{width:min(1100px,94vw);max-width:94vw}.locator-image{position:relative}.locator-image canvas{display:block;width:100%;height:auto;cursor:crosshair}.locator-crosshair{position:absolute;width:14px;height:14px;border:2px solid #ffd477;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #111}.locator-status:empty{display:none}
.ap-build-choices[hidden]{display:none}.ap-build-choices{display:grid;gap:7px;margin:12px 0}.ap-build-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:7px;color:var(--text-primary);font:inherit}.ap-build-choice>span{font-size:12px;line-height:1.4}.ap-build-choice>b{font-size:12px;color:var(--accent);line-height:1.5;flex:none}.ap-build-choice:hover,.ap-build-choice:focus-visible{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:1px}.stat-allocation{color:var(--accent)!important;font-weight:750;white-space:nowrap}

.maple-interface .points-inline:has(.ap-build-choice) .point-headline{color:var(--accent);font-size:15px}
