/* Sky Ai Inc — Liquid Glass design system and separated game navigation. */
:root {
  --glass-fill:rgba(11, 24, 43, .56);
  --glass-fill-strong:rgba(8, 19, 36, .78);
  --glass-edge:rgba(196, 232, 255, .18);
  --glass-edge-bright:rgba(221, 244, 255, .32);
  --glass-shadow:0 24px 70px rgba(0, 2, 10, .34), inset 0 1px rgba(255,255,255,.085), inset 0 -1px rgba(255,255,255,.025);
  --glass-blur:blur(26px) saturate(155%);
  --liquid-cyan:#75dcff;
  --liquid-violet:#9e8cff;
}

@keyframes liquid-ambient {
  0%,100% { transform:translate3d(-3%, -2%, 0) scale(1); }
  45% { transform:translate3d(4%, 3%, 0) scale(1.08); }
  72% { transform:translate3d(1%, -1%, 0) scale(1.03); }
}
@keyframes liquid-glint {
  0% { transform:translate3d(-130%, 0, 0) rotate(13deg); }
  42%,100% { transform:translate3d(180%, 0, 0) rotate(13deg); }
}
@keyframes liquid-sheet-in {
  from { opacity:0; transform:translate3d(0, 34px, 0) scale(.91); filter:blur(10px); }
  to { opacity:1; transform:none; filter:none; }
}
@keyframes liquid-item-in {
  from { opacity:0; transform:translate3d(0, 17px, 0) scale(.96); }
  to { opacity:1; transform:none; }
}

body:not(.embedded-game)::after {
  content:""; display:block; position:fixed; z-index:-1; inset:-20%; pointer-events:none; opacity:.48; filter:blur(45px);
  background:
    radial-gradient(circle at 18% 25%, rgba(42, 167, 231, .25), transparent 24%),
    radial-gradient(circle at 78% 20%, rgba(115, 76, 220, .19), transparent 23%),
    radial-gradient(circle at 55% 82%, rgba(24, 157, 184, .14), transparent 27%);
  animation:liquid-ambient 18s ease-in-out infinite;
}

/* Shared translucent surfaces across the whole product. */
.panel,
.stat-card,
.control-card,
.control-hero,
.server-overview-card,
.server-detail-card,
.unified-hero,
.unified-action,
.unified-game,
.update-card,
.billing-plan,
.ai-overview,
.ai-quick-panel,
.ai-main-panel,
.social-card,
.welcome-dialog,
.share-dialog-card,
.auth-card {
  border-color:var(--glass-edge)!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.012) 36%, transparent 62%),
    linear-gradient(150deg, var(--glass-fill), rgba(4, 11, 24, .66))!important;
  box-shadow:var(--glass-shadow)!important;
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
}

.topbar {
  border-color:rgba(195, 231, 255, .15)!important;
  background:linear-gradient(180deg, rgba(7, 15, 28, .78), rgba(5, 13, 25, .58))!important;
  box-shadow:0 14px 50px rgba(0,0,0,.22), inset 0 -1px rgba(255,255,255,.045);
  backdrop-filter:blur(28px) saturate(165%);
  -webkit-backdrop-filter:blur(28px) saturate(165%);
}

button,
.button,
input,
textarea,
select,
.live-pill,
.admin-access-badge,
.status-strip {
  -webkit-tap-highlight-color:transparent;
}

button.primary,
button.secondary,
.primary,
.secondary,
.icon-button,
.refresh-button {
  position:relative; overflow:hidden;
  box-shadow:inset 0 1px rgba(255,255,255,.13), 0 10px 30px rgba(0,0,0,.16);
  transition:transform .28s cubic-bezier(.16,1,.3,1), border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
button.primary::after,
button.secondary::after,
.refresh-button::after {
  content:""; position:absolute; top:-120%; bottom:-120%; left:-42%; width:34%; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent); transform:rotate(13deg); opacity:0;
}
button.primary:hover::after,
button.secondary:hover::after,
.refresh-button:hover::after { opacity:.5; animation:liquid-glint 1.15s ease-out both; }
button.primary:hover,
button.secondary:hover,
.refresh-button:hover { transform:translateY(-2px) scale(1.01); }
button:active { transform:scale(.975)!important; }

input,
textarea,
select {
  border-color:rgba(176, 224, 255, .16)!important;
  background:linear-gradient(145deg, rgba(3, 11, 23, .76), rgba(16, 31, 51, .58))!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.27), inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(16px);
}
input:focus,
textarea:focus,
select:focus { border-color:rgba(104, 220, 255, .48)!important; box-shadow:0 0 0 4px rgba(74, 194, 241, .08), 0 0 30px rgba(48, 178, 229, .08)!important; }

.tabs,
#social .social-tabs,
#social .chat-card-head,
#social .chat-form {
  backdrop-filter:blur(30px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(170%)!important;
}

/* Sky menu: only app-wide navigation. */
@media (max-width:860px) {
  .app-shell > .tabs,
  .app-shell.mobile-menu-open > .tabs {
    border-color:rgba(209, 238, 255, .23);
    background:
      linear-gradient(135deg, rgba(255,255,255,.08), transparent 24%),
      radial-gradient(circle at 8% 0%, rgba(64, 185, 241, .2), transparent 36%),
      radial-gradient(circle at 94% 8%, rgba(130, 90, 225, .16), transparent 34%),
      rgba(5, 14, 28, .82);
    box-shadow:0 -32px 100px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.12), inset 0 -1px rgba(255,255,255,.035);
    backdrop-filter:blur(36px) saturate(180%);
    -webkit-backdrop-filter:blur(36px) saturate(180%);
  }
  .tabs .tab {
    overflow:hidden; border-color:rgba(188, 228, 255, .12);
    background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.016));
    box-shadow:inset 0 1px rgba(255,255,255,.055), 0 12px 28px rgba(0,0,0,.12);
  }
  .tabs .tab::before { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(120deg, rgba(255,255,255,.08), transparent 38%); }
  .tabs .tab.is-active {
    border-color:rgba(137, 225, 255, .4);
    background:linear-gradient(140deg, rgba(62, 180, 232, .3), rgba(99, 78, 191, .17));
    box-shadow:0 13px 34px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.12), 0 0 34px rgba(52,184,238,.08);
  }
  .tabs .sidebar-brand .brand-mark { border:1px solid rgba(211, 240, 255, .22); background:rgba(255,255,255,.04); box-shadow:0 14px 34px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.1); }
  .tabs .sidebar-note { display:flex; }

  .app-shell > .mobile-menu-toggle,
  .app-shell > .game-menu-toggle {
    position:fixed; z-index:82; bottom:calc(12px + env(safe-area-inset-bottom)); display:flex!important; align-items:center; justify-content:center; overflow:hidden; isolation:isolate;
    min-height:54px; border:1px solid rgba(223, 245, 255, .34); border-radius:19px; color:#eaf9ff;
    background:
      linear-gradient(145deg, rgba(255,255,255,.19), rgba(255,255,255,.035) 50%),
      rgba(12, 29, 49, .68);
    box-shadow:0 18px 48px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.18), 0 0 32px rgba(66, 197, 246, .12);
    backdrop-filter:blur(28px) saturate(180%); -webkit-backdrop-filter:blur(28px) saturate(180%);
    transition:left .36s cubic-bezier(.16,1,.3,1), width .36s cubic-bezier(.16,1,.3,1), transform .3s cubic-bezier(.16,1,.3,1), opacity .25s ease, box-shadow .25s ease;
  }
  .app-shell > .mobile-menu-toggle { left:50%; width:174px; transform:translateX(-50%); }
  .app-shell > .game-menu-toggle { left:calc(50% + 87px); width:158px; gap:9px; transform:translateX(-50%); }
  .app-shell > .game-menu-toggle[hidden] { display:none!important; }
  .app-shell.game-menu-available > .mobile-menu-toggle { left:calc(50% - 87px); width:158px; }
  .app-shell > .mobile-menu-toggle::before,
  .app-shell > .game-menu-toggle::before { content:""; position:absolute; inset:-60% -30%; z-index:0; pointer-events:none; opacity:.24; background:linear-gradient(100deg, transparent 35%, rgba(255,255,255,.42), transparent 64%); transform:translateX(-75%) rotate(12deg); transition:transform .7s cubic-bezier(.16,1,.3,1); }
  .app-shell > .mobile-menu-toggle > *,
  .app-shell > .game-menu-toggle > * { position:relative; z-index:1; }
  .app-shell > .mobile-menu-toggle:hover::before,
  .app-shell > .game-menu-toggle:hover::before { transform:translateX(75%) rotate(12deg); }
  .app-shell.game-menu-available > .mobile-menu-toggle .menu-label { font-size:13px; }
  .game-menu-symbol { display:grid; place-items:center; width:31px; height:31px; border:1px solid rgba(255,255,255,.2); border-radius:11px; background:rgba(255,255,255,.09); font-size:9px; font-weight:950; letter-spacing:.04em; }
  .game-menu-label { max-width:92px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:900; }
  .game-menu-toggle[data-game-theme="fortnite"] { --game-liquid:#4ddcff; --game-liquid-2:#4d80ff; }
  .game-menu-toggle[data-game-theme="apex"] { --game-liquid:#ff7a45; --game-liquid-2:#ffb14a; }
  .game-menu-toggle[data-game-theme="r6"] { --game-liquid:#68c9ff; --game-liquid-2:#f2c35f; }
  .app-shell > .game-menu-toggle { border-color:color-mix(in srgb, var(--game-liquid, #75dcff) 45%, transparent); box-shadow:0 18px 48px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.2), 0 0 30px color-mix(in srgb, var(--game-liquid, #75dcff) 15%, transparent); }
  .app-shell.mobile-menu-open > .mobile-menu-toggle,
  .app-shell.game-menu-open > .game-menu-toggle { width:54px; left:50%; border-radius:50%; transform:translateX(-50%) scale(.96); }
  .app-shell.mobile-menu-open > .mobile-menu-toggle .menu-label,
  .app-shell.game-menu-open > .game-menu-toggle .game-menu-label,
  .app-shell.game-menu-open > .game-menu-toggle .game-menu-symbol { display:none; }
  .app-shell.game-menu-open > .game-menu-toggle::after { content:"×"; font-size:31px; font-weight:300; line-height:1; }
  .app-shell.mobile-menu-open > .game-menu-toggle,
  .app-shell.game-menu-open > .mobile-menu-toggle { opacity:0; pointer-events:none; transform:translateX(-50%) translateY(12px) scale(.9); }
}

/* Dedicated game sheet, outside of the Sky menu. */
.game-menu-backdrop { display:none; }
.game-context-menu[hidden] { display:none!important; }
@media (max-width:860px) {
  .game-menu-backdrop:not([hidden]) {
    display:block; position:fixed; inset:0; z-index:79; border:0; border-radius:0;
    background:radial-gradient(circle at 50% 85%, color-mix(in srgb, var(--game-liquid, #66d9ff) 16%, transparent), transparent 40%), rgba(1,5,12,.76);
    backdrop-filter:blur(11px) saturate(125%); -webkit-backdrop-filter:blur(11px) saturate(125%);
  }
  .game-context-menu:not([hidden]) {
    --game-liquid:#5edfff; --game-liquid-2:#6578ff;
    display:block; position:fixed; z-index:81; left:10px; right:10px; bottom:calc(76px + env(safe-area-inset-bottom));
    max-height:calc(100dvh - 104px - env(safe-area-inset-bottom)); padding:16px; overflow:auto; overscroll-behavior:contain;
    border:1px solid color-mix(in srgb, var(--game-liquid) 34%, rgba(255,255,255,.16)); border-radius:30px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.095), transparent 25%),
      radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--game-liquid) 21%, transparent), transparent 38%),
      radial-gradient(circle at 100% 16%, color-mix(in srgb, var(--game-liquid-2) 16%, transparent), transparent 36%),
      rgba(5, 13, 26, .86);
    box-shadow:0 -30px 100px rgba(0,0,0,.6), inset 0 1px rgba(255,255,255,.13), 0 0 60px color-mix(in srgb, var(--game-liquid) 8%, transparent);
    backdrop-filter:blur(38px) saturate(185%); -webkit-backdrop-filter:blur(38px) saturate(185%);
    opacity:0; visibility:hidden; pointer-events:none; transform:translate3d(0, 28px, 0) scale(.92); transform-origin:50% 100%;
    transition:opacity .24s ease, visibility .4s, transform .42s cubic-bezier(.16,1,.3,1);
  }
  .game-context-menu[data-game-theme="fortnite"] { --game-liquid:#4edfff; --game-liquid-2:#607bff; }
  .game-context-menu[data-game-theme="apex"] { --game-liquid:#ff7a45; --game-liquid-2:#ffb14a; }
  .game-context-menu[data-game-theme="r6"] { --game-liquid:#68c9ff; --game-liquid-2:#f2c35f; }
  .app-shell.game-menu-open > .game-context-menu { opacity:1; visibility:visible; pointer-events:auto; transform:none; }
  .game-menu-head { display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:13px; padding:6px 5px 16px; border-bottom:1px solid rgba(205,235,255,.12); }
  .game-menu-brand { display:grid; place-items:center; width:54px; height:54px; border:1px solid color-mix(in srgb, var(--game-liquid) 42%, transparent); border-radius:18px; color:#eefcff; background:linear-gradient(145deg, color-mix(in srgb, var(--game-liquid) 25%, transparent), rgba(255,255,255,.045)); box-shadow:inset 0 1px rgba(255,255,255,.13), 0 10px 28px rgba(0,0,0,.22); font-size:13px; font-weight:950; letter-spacing:.06em; }
  .game-menu-head small { display:block; margin-bottom:4px; color:var(--game-liquid); font-size:9px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
  .game-menu-head strong { display:block; color:#f1faff; font-size:17px; }
  .game-menu-chip { padding:7px 9px; border:1px solid rgba(204,235,255,.14); border-radius:99px; color:#8098ad; background:rgba(255,255,255,.035); font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
  .game-menu-intro { margin:15px 5px 12px; color:#7890a6; font-size:12px; line-height:1.45; }
  .game-menu-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .game-menu-grid button {
    position:relative; display:grid; grid-template-columns:39px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:68px; padding:9px 11px; overflow:hidden;
    border:1px solid rgba(191,229,255,.13); border-radius:19px; color:#b9cad9; background:linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.017));
    box-shadow:inset 0 1px rgba(255,255,255,.06), 0 12px 30px rgba(0,0,0,.13); font-size:13px; font-weight:850; text-align:left;
    transition:transform .25s cubic-bezier(.16,1,.3,1), border-color .25s ease, background .25s ease, box-shadow .25s ease;
  }
  .game-menu-grid button::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg, rgba(255,255,255,.08), transparent 38%); }
  .game-menu-grid button:hover { transform:translateY(-2px); border-color:color-mix(in srgb, var(--game-liquid) 34%, transparent); }
  .game-menu-grid button[aria-pressed="true"] { color:#f2fcff; border-color:color-mix(in srgb, var(--game-liquid) 48%, transparent); background:linear-gradient(145deg, color-mix(in srgb, var(--game-liquid) 25%, transparent), color-mix(in srgb, var(--game-liquid-2) 12%, transparent)); box-shadow:0 14px 34px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.12), 0 0 28px color-mix(in srgb, var(--game-liquid) 9%, transparent); }
  .game-menu-item-icon { display:grid; place-items:center; width:39px; height:39px; border:1px solid color-mix(in srgb, var(--game-liquid) 26%, transparent); border-radius:13px; color:var(--game-liquid); background:color-mix(in srgb, var(--game-liquid) 10%, transparent); }
  .game-menu-item-icon .sky-icon { width:19px; height:19px; }
  .game-menu-grid button > span:nth-child(2) {
    display:block;
    width:auto;
    min-width:0;
    height:auto;
    border-radius:0;
    color:inherit;
    background:transparent;
    font-size:13px;
    font-weight:850;
  }
  .game-context-menu[data-game-theme="fortnite"] .game-menu-item-icon {
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    filter:drop-shadow(0 0 8px rgba(78,223,255,.28));
  }
  .game-menu-grid button i { color:#6d8499; font-size:20px; font-style:normal; }
  .app-shell.game-menu-open .game-menu-head,
  .app-shell.game-menu-open .game-menu-intro,
  .app-shell.game-menu-open .game-menu-grid > * { animation:liquid-item-in .43s cubic-bezier(.16,1,.3,1) both; }
  .app-shell.game-menu-open .game-menu-intro { animation-delay:.035s; }
  .app-shell.game-menu-open .game-menu-grid > :nth-child(1) { animation-delay:.06s; }
  .app-shell.game-menu-open .game-menu-grid > :nth-child(2) { animation-delay:.085s; }
  .app-shell.game-menu-open .game-menu-grid > :nth-child(3) { animation-delay:.11s; }
  .app-shell.game-menu-open .game-menu-grid > :nth-child(4) { animation-delay:.135s; }
  .app-shell.game-menu-open .game-menu-grid > :nth-child(5) { animation-delay:.16s; }
  .app-shell.game-menu-open .game-menu-grid > :nth-child(6) { animation-delay:.185s; }
}

/* Desktop keeps game controls separate as a compact floating glass palette. */
@media (min-width:861px) {
  .app-shell > .game-menu-toggle:not([hidden]) {
    display:flex; position:fixed; z-index:72; right:24px; bottom:24px; align-items:center; gap:9px; min-height:48px; padding:8px 14px;
    border:1px solid var(--glass-edge-bright); border-radius:17px; color:#e8f8ff; background:rgba(10,25,43,.72); box-shadow:var(--glass-shadow); backdrop-filter:var(--glass-blur); font-weight:850;
  }
  .app-shell > .game-menu-toggle .game-menu-symbol { width:30px; height:30px; }
  .game-context-menu:not([hidden]) {
    display:block; position:fixed; z-index:71; right:24px; bottom:82px; width:min(440px,calc(100vw - 48px)); padding:18px;
    border:1px solid var(--glass-edge); border-radius:25px; background:rgba(7,18,34,.9); box-shadow:var(--glass-shadow); backdrop-filter:var(--glass-blur);
    opacity:0; visibility:hidden; pointer-events:none; transform:translateY(18px) scale(.96); transition:.28s cubic-bezier(.16,1,.3,1);
  }
  .app-shell.game-menu-open > .game-context-menu { opacity:1; visibility:visible; pointer-events:auto; transform:none; }
  .game-menu-head { display:flex; align-items:center; gap:12px; }
  .game-menu-brand { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--glass-edge); border-radius:15px; }
  .game-menu-head small,.game-menu-head strong { display:block; }
  .game-menu-head small { color:#75dcff; font-size:10px; text-transform:uppercase; }
  .game-menu-chip { margin-left:auto; color:#7890a6; font-size:11px; }
  .game-menu-intro { color:#8094a7; }
  .game-menu-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .game-menu-grid button { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:8px; min-height:58px; border:1px solid var(--glass-edge); border-radius:16px; color:#cfe1ee; background:rgba(255,255,255,.035); text-align:left; }
  .game-menu-item-icon { display:grid; place-items:center; color:#75dcff; }
  .game-menu-item-icon .sky-icon { width:19px; }
  .game-menu-grid button i { font-style:normal; }
}

/* Embedded and standalone game content uses the same material language. */
.shop-header,
.view-tabs,
.shop-stats,
.filter-bar,
.section-browser,
.stats-search,
.skin-search,
.map-frame,
.poi-panel,
.news-card,
.status-summary,
.service-row,
.data-card,
.player-stats-card,
.apex-ranked-panel,
.apex-profile-section {
  border-color:rgba(203,235,255,.16)!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.012) 38%),
    rgba(7, 18, 34, .66)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.075)!important;
  backdrop-filter:blur(24px) saturate(155%); -webkit-backdrop-filter:blur(24px) saturate(155%);
}
.item-card { border-color:rgba(204,235,255,.17)!important; background:linear-gradient(155deg, rgba(255,255,255,.07), rgba(7,15,29,.72))!important; box-shadow:0 18px 46px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.075)!important; }
.item-card:hover { transform:translateY(-5px) scale(1.012); border-color:color-mix(in srgb, var(--cyan) 45%, transparent)!important; box-shadow:0 25px 58px rgba(0,0,0,.32), 0 0 32px color-mix(in srgb, var(--cyan) 10%, transparent)!important; }
.shop-section { min-width:0; }
.shop-section .item-grid { width:100%; min-width:0; }
.shop-load-more {
  display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 18px;
  border:1px solid rgba(167,226,255,.2); border-radius:22px;
  background:linear-gradient(135deg,rgba(72,193,239,.12),rgba(130,91,229,.08)),rgba(8,20,37,.7);
  box-shadow:var(--glass-shadow); backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
}
.shop-load-more p { margin:0; color:#8fa6ba; }
.shop-load-more strong { color:#dff7ff; }

/* One consistent liquid material across chat, AI, updates and control center. */
#social .game-profile,
#social .game-main,
#social .social-tabs,
#social .social-column-head,
#social .social-card,
#social .thread-row,
#social .chat-card-head,
#social .chat-form,
#social .chat-share-menu,
#social .social-empty-state,
#ai .ai-signal,
#ai .ai-composer-head,
#ai .ai-conversation,
#ai .ai-composer,
#ai .ai-prompt-list > button,
.update-toolbar,
.control-section,
.control-target-directory,
.control-target-detail,
.control-feature-toggle,
.control-command-row,
.control-global-feature {
  border-color:rgba(199,235,255,.17)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.015) 42%,transparent 68%),
    radial-gradient(circle at 6% 0%,rgba(63,193,243,.11),transparent 38%),
    rgba(7,18,34,.61)!important;
  box-shadow:0 20px 60px rgba(0,2,10,.28),inset 0 1px rgba(255,255,255,.085)!important;
  backdrop-filter:blur(26px) saturate(165%); -webkit-backdrop-filter:blur(26px) saturate(165%);
}

#social .game-main { overflow:hidden; }
#social .social-tabs { padding:6px; border:1px solid rgba(195,232,255,.16); border-radius:22px; }
#social .social-tab {
  position:relative; overflow:hidden; border:1px solid transparent!important; border-radius:17px!important;
  background:transparent!important; transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,background .25s ease,box-shadow .25s ease!important;
}
#social .social-tab:hover { transform:translateY(-2px); }
#social .social-tab.is-active {
  color:#effcff!important; border-color:rgba(123,226,255,.34)!important;
  background:linear-gradient(145deg,rgba(66,195,242,.28),rgba(108,86,214,.16))!important;
  box-shadow:0 15px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.12),0 0 28px rgba(73,198,242,.08)!important;
}
#social .social-column-head { padding:14px 16px!important; border-radius:19px!important; }
#social .thread-row { margin-bottom:8px; border-radius:18px!important; }
#social .thread-row.is-active { border-color:rgba(89,224,255,.42)!important; background:linear-gradient(135deg,rgba(31,146,181,.29),rgba(70,64,151,.15)),rgba(6,18,33,.7)!important; }
#social .chat-card-head { border-radius:22px 22px 0 0; }
#social .chat-log {
  background:
    radial-gradient(circle at 12% 85%,rgba(45,176,225,.12),transparent 36%),
    radial-gradient(circle at 88% 18%,rgba(115,82,218,.1),transparent 34%),
    rgba(2,8,17,.32)!important;
}
#social .chat-message {
  border-color:rgba(192,231,255,.16)!important; border-radius:21px 21px 21px 7px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),rgba(8,21,38,.68)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.075)!important;
  backdrop-filter:blur(18px) saturate(155%); -webkit-backdrop-filter:blur(18px) saturate(155%);
}
#social .chat-message.is-mine {
  border-color:rgba(91,220,255,.28)!important; border-radius:21px 21px 7px 21px!important;
  background:linear-gradient(145deg,rgba(31,150,190,.36),rgba(70,67,162,.18)),rgba(6,25,42,.75)!important;
}
#social .chat-form { border-radius:0 0 22px 22px; }
#social .chat-form input[name="message"] { border-radius:18px!important; }
#social .chat-plus,#social .chat-ai-button,#social .chat-form button[type="submit"] { border-radius:17px!important; }

#ai .ai-main-panel,#ai .ai-quick-panel,#ai .ai-overview { overflow:hidden; }
#ai .ai-turn { backdrop-filter:blur(20px) saturate(160%); -webkit-backdrop-filter:blur(20px) saturate(160%); }
#ai .ai-turn-user { background:linear-gradient(145deg,rgba(31,151,193,.38),rgba(70,67,161,.2)),rgba(6,25,42,.72)!important; }
#ai .ai-turn-assistant { background:linear-gradient(145deg,rgba(132,98,231,.19),rgba(255,255,255,.035)),rgba(8,17,34,.73)!important; }

/* The Sky app menu now uses the same compact sheet language as every game menu. */
.app-menu-chip { display:none; }
@media (max-width:860px) {
  .app-menu-backdrop:not([hidden]) {
    display:block; position:fixed; inset:0; z-index:79; border:0; border-radius:0;
    background:radial-gradient(circle at 50% 85%,rgba(69,202,244,.14),transparent 42%),rgba(1,5,12,.76);
    backdrop-filter:blur(11px) saturate(125%); -webkit-backdrop-filter:blur(11px) saturate(125%);
  }
  .app-shell > .tabs,
  .app-shell.mobile-menu-open > .tabs {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px;
    position:fixed; z-index:81; inset:auto 10px calc(76px + env(safe-area-inset-bottom)); width:auto; height:auto;
    max-height:calc(100dvh - 104px - env(safe-area-inset-bottom)); padding:16px; overflow:auto; overscroll-behavior:contain;
    border:1px solid rgba(190,231,255,.25); border-radius:30px;
    background:
      linear-gradient(135deg,rgba(255,255,255,.095),transparent 25%),
      radial-gradient(circle at 8% 0%,rgba(67,197,244,.2),transparent 38%),
      radial-gradient(circle at 100% 16%,rgba(128,91,225,.16),transparent 36%),
      rgba(5,13,26,.86)!important;
    box-shadow:0 -30px 100px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.13),0 0 60px rgba(72,201,245,.07)!important;
    backdrop-filter:blur(38px) saturate(185%)!important; -webkit-backdrop-filter:blur(38px) saturate(185%)!important;
    opacity:0; visibility:hidden; pointer-events:none; transform:translate3d(0,28px,0) scale(.92); transform-origin:50% 100%;
    transition:opacity .24s ease,visibility .4s,transform .42s cubic-bezier(.16,1,.3,1);
  }
  .app-shell.mobile-menu-open > .tabs { opacity:1; visibility:visible; pointer-events:auto; transform:none; }
  .tabs .sidebar-brand {
    grid-column:1/-1; display:grid!important; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:13px;
    min-height:0; padding:6px 5px 16px; border-bottom:1px solid rgba(205,235,255,.12);
  }
  .tabs .sidebar-brand .brand-mark { width:54px!important; height:54px!important; border-radius:18px!important; }
  .tabs .sidebar-brand .brand-mark img { width:100%; height:100%; border-radius:inherit; }
  .tabs .sidebar-brand strong { color:#f1faff; font-size:17px; }
  .tabs .sidebar-brand small { color:#75dcff; font-size:9px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
  .app-menu-chip { display:inline-flex; padding:7px 9px; border:1px solid rgba(204,235,255,.14); border-radius:99px; color:#8098ad; background:rgba(255,255,255,.035); font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
  .tabs .nav-section { grid-column:1/-1; margin:7px 5px 1px; color:#75dcff; font-size:9px; font-weight:900; letter-spacing:.16em; }
  .tabs .tab {
    position:relative; display:grid!important; grid-template-columns:39px minmax(0,1fr) auto; align-items:center; gap:10px;
    min-height:68px; padding:9px 11px; overflow:hidden; border:1px solid rgba(191,229,255,.13)!important; border-radius:19px!important;
    color:#b9cad9!important; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.017))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.13)!important; font-size:13px; font-weight:850; text-align:left;
  }
  .tabs .tab .nav-icon {
    display:grid; place-items:center; width:39px!important; height:39px!important; min-width:39px; margin:0!important;
    border:1px solid rgba(117,220,255,.25)!important; border-radius:13px!important; color:#75dcff!important; background:rgba(117,220,255,.1)!important;
  }
  .tabs .tab.is-active { color:#f2fcff!important; border-color:rgba(117,220,255,.48)!important; background:linear-gradient(145deg,rgba(62,191,237,.25),rgba(107,91,216,.13))!important; }
  .tabs .tab .nav-launch { display:block; color:#6d8499; font-size:18px; }
  .tabs .sidebar-note { grid-column:1/-1; margin-top:4px; border-radius:18px; background:rgba(255,255,255,.035); }
  .app-shell.mobile-menu-open .tabs .sidebar-brand,
  .app-shell.mobile-menu-open .tabs .nav-section,
  .app-shell.mobile-menu-open .tabs .tab,
  .app-shell.mobile-menu-open .tabs .sidebar-note { animation:liquid-item-in .43s cubic-bezier(.16,1,.3,1) both; }

  #social .game-main { min-height:calc(100dvh - 122px)!important; padding:12px!important; border-radius:24px!important; }
  #social .section-head { padding:9px 6px 2px; }
  #social .social-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px; margin:14px 0 16px; overflow:visible; }
  #social .social-tab { min-width:0!important; min-height:64px; padding:7px 3px; font-size:10px; }
  #social .social-column-head { margin-bottom:12px!important; padding:12px 14px!important; }
  #social .social-panel .social-grid.compact { gap:12px; }
  #social .social-card { border-radius:22px!important; }
  #social .social-thread-card { min-height:calc(100dvh - 322px)!important; max-height:none!important; padding:9px!important; }
  #social .thread-row { min-height:72px; padding:10px; }
  #social.chat-focus .game-main { min-height:100dvh!important; height:100dvh; padding:0!important; border-radius:0!important; }
  #social.chat-focus .whatsapp-layout .social-chat-main { height:100dvh!important; min-height:100dvh!important; border-radius:0!important; }
  #social.chat-focus .chat-card-head { border-radius:0; }
  #social.chat-focus .chat-form { border-radius:0; padding-bottom:calc(10px + env(safe-area-inset-bottom)); }
}

@media (max-width:560px) {
  .game-menu-chip { display:none; }
  .game-menu-head { grid-template-columns:50px minmax(0,1fr); }
  .game-menu-brand { width:50px; height:50px; }
  .app-shell.game-menu-available > .mobile-menu-toggle,
  .app-shell > .game-menu-toggle { width:calc(50vw - 18px); }
  .app-shell.game-menu-available > .mobile-menu-toggle { left:calc(25% + 4px); }
  .app-shell > .game-menu-toggle { left:calc(75% - 4px); }
  .app-shell.game-menu-available.mobile-menu-open > .mobile-menu-toggle {
    left:50%;
    width:54px;
  }
  .app-menu-chip { display:none; }
  .shop-load-more { align-items:stretch; flex-direction:column; text-align:center; }
  .shop-load-more .refresh-button { width:100%; }
}

@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))) {
  .panel,.stat-card,.control-card,.tabs,.game-context-menu,.game-menu-toggle,.mobile-menu-toggle { background:rgba(7,17,32,.96)!important; }
}

@media (prefers-reduced-motion:reduce) {
  body::after { animation:none; }
  .game-menu-grid > *, .game-menu-head, .game-menu-intro { animation:none!important; }
}