/* One scroll surface and one mobile menu; no stacked iframe/footer reservations. */
.integrated-game-module { height:320px; min-height:0; border-radius:0; }
#gamecenter { min-height:0; padding:0; }
.embedded-game, .embedded-game .app-shell { min-height:0; height:auto; }
.embedded-game .app-shell { padding:0 8px; }
.embedded-game main { padding-bottom:12px; }
.embedded-game .fortnite-view { margin-bottom:0; }
.app-menu-backdrop { display:none; }
.game-context-menu { display:none; }
.apex-profile { max-width:900px; margin-inline:auto; }
.apex-identity { display:flex; align-items:center; gap:18px; position:relative; padding:24px; border-bottom:1px solid var(--edge-soft); }
.apex-identity > img { flex-shrink:0; border-radius:16px; }
.apex-identity > div { min-width:0; }
.apex-identity h3 { margin:6px 0; font-size:clamp(1.5rem,5vw,2.2rem); overflow-wrap:anywhere; }
.apex-identity p { margin:0; color:var(--dim); font-size:14px; line-height:1.5; }
.apex-identity .kicker { color:var(--cyan); font-size:12px; }
.apex-ranked-panel { position:relative; margin:24px; padding:24px; border:1px solid var(--edge); border-radius:20px; background:radial-gradient(ellipse at 0 0,#ff87421a,transparent 70%),#07101bd9; }
.apex-rank-summary { display:flex; align-items:center; gap:24px; margin-bottom:20px; }
.apex-rank-summary > img { object-fit:contain; filter:drop-shadow(0 8px 20px #ff87422b); }
.apex-rank-summary h2 { margin:6px 0 10px; font-size:clamp(1.8rem,6vw,2.8rem); line-height:1.2; }
.apex-rank-summary strong { font-size:2rem; color:#ffd3b8; }
.apex-rank-summary small { font-size:16px; font-weight:700; }
.apex-rank-summary p { margin:6px 0; color:var(--dim); font-size:14px; }
.apex-profile .apex-profile-section { position:relative; margin:24px; padding:24px; background:#07101bbd; }
.apex-profile-section h3 { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 18px; font-size:20px; }
.apex-stat-list { margin:0; }
.apex-stat-list > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:20px; padding:15px 0; border-top:1px solid var(--edge-soft); font-size:16px; line-height:1.55; }
.apex-stat-list dt { color:var(--dim); overflow-wrap:anywhere; }
.apex-stat-list dd { margin:0; text-align:right; color:var(--ink); font-weight:800; overflow-wrap:anywhere; }
.apex-count { font-size:14px; color:var(--cyan); padding:5px 10px; border-radius:99px; background:#ff87421a; }
.apex-legend-list { display:grid; gap:12px; margin-top:20px; }
.apex-legend-detail { padding:0 18px; border:1px solid var(--edge-soft); border-radius:16px; background:#0c1727a8; }
.apex-legend-detail summary { display:flex; align-items:center; gap:12px; min-height:76px; padding:14px 0; cursor:pointer; list-style:none; }
.apex-legend-detail summary::-webkit-details-marker { display:none; }
.apex-legend-detail summary img { object-fit:contain; }
.apex-legend-detail summary strong { display:block; font-size:17px; }
.apex-legend-detail summary small { display:block; margin-top:5px; color:var(--dim); font-size:14px; }
.apex-disclosure { margin-left:auto; font-size:24px; color:var(--cyan); transition:transform .2s; }
.apex-legend-detail[open] .apex-disclosure { transform:rotate(180deg); }
.apex-legend-detail[open] .apex-stat-list { padding-bottom:10px; }
.apex-level-progress { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; padding-top:18px; border-top:1px solid var(--edge-soft); color:var(--dim); font-size:16px; }
.apex-level-progress progress { width:100%; height:10px; accent-color:var(--cyan); }
.apex-profile .apex-profile-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:18px 24px; color:var(--cyan); font-size:14px; border-top:1px solid var(--edge-soft); }
.embedded-game .apex-profile-footer { display:flex; }
.apex-profile-footer span { color:var(--dim); }
@media(max-width:860px) {
 .mobile-dock { display:none !important; }
 .app-shell > .mobile-menu-toggle { display:flex !important; gap:10px; bottom:calc(12px + env(safe-area-inset-bottom)); width:180px; min-height:50px; background:linear-gradient(90deg,#38bdf8,#22d3ee); }
 .is-locked > .mobile-menu-toggle, body.keyboard-open .app-shell > .mobile-menu-toggle, body.mobile-conversation .app-shell > .mobile-menu-toggle { display:none !important; }
 .app-shell > .tabs, .app-shell.mobile-menu-open > .tabs {
  inset:auto 12px calc(76px + env(safe-area-inset-bottom)); width:auto; height:auto; max-height:calc(100dvh - 110px - env(safe-area-inset-bottom));
  display:flex; flex-direction:column; gap:8px; padding:20px; overflow-y:auto; border:1px solid #c7e3ff26; border-radius:24px;
  background:#07111af5; box-shadow:0 -16px 60px #0008; transform:translateY(18px); opacity:0; visibility:hidden; pointer-events:none;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s,visibility .24s;
 }
 .app-shell.mobile-menu-open > .tabs { transform:none; opacity:1; visibility:visible; pointer-events:auto; }
 .app-menu-backdrop:not([hidden]) { display:block; position:fixed; inset:0; z-index:79; background:#02060d99; border:0; border-radius:0; backdrop-filter:blur(5px); }
 .tabs .sidebar-note { display:none; }
 .tabs .sidebar-brand { padding:0 0 12px; min-height:0; }
 .tabs .nav-section { margin:14px 0 4px; font-size:14px; }
 .tabs .tab { min-height:48px; font-size:16px; }
 .tabs .tab[hidden] { display:none !important; }
 .game-context-menu:not([hidden]) { display:block; }
 .game-context-menu > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .game-context-menu button { padding:12px; min-height:48px; border:1px solid #c7e3ff20; border-radius:12px; background:#c7e3ff08; color:#d8eeff; font-size:14px; cursor:pointer; }
 .game-context-menu [aria-pressed=true] { background:#22d3ee24; border-color:#22d3ee80; color:#a5f3fc; }
 .menu-icon { display:grid; gap:3px; width:18px; }
 .menu-icon i { height:2px; width:18px; border-radius:2px; background:currentColor; transition:transform .2s,opacity .2s; }
 .mobile-menu-open .menu-icon i:first-child { transform:translateY(5px) rotate(45deg); }
 .mobile-menu-open .menu-icon i:nth-child(2) { opacity:0; }
 .mobile-menu-open .menu-icon i:last-child { transform:translateY(-5px) rotate(-45deg); }
 .embedded-game .view-tabs, .embedded-game .mobile-menu-toggle { display:none !important; }
 .embedded-game .app-shell { padding:0 4px !important; }
 .embedded-game { scroll-padding-bottom:0; }
 .integrated-game-module { min-height:0; border-radius:0; }
 .apex-identity { padding:20px 16px; gap:14px; }
 .apex-ranked-panel, .apex-profile .apex-profile-section { margin:16px; padding:20px 16px; }
 .apex-rank-summary { gap:16px; }
 .apex-rank-summary > img { width:90px; height:90px; }
}
@media(prefers-reduced-motion:reduce) {
 .app-shell > .tabs, .menu-icon i, .apex-disclosure { transition:none; }
}
