:root{--bg:#07111f;--panel:#101d31;--panel2:#13233b;--text:#eef5ff;--muted:#c0cce0;--soft:#94a7c4;--line:rgba(255,255,255,.22);--accent:#7dd3fc;--accent2:#c4b5fd;--success:#9ae6b4;--warn:#fde68a;--max:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 8% 5%,rgba(125,211,252,.30),transparent 28rem),radial-gradient(circle at 94% 90%,rgba(240,171,252,.22),transparent 30rem),linear-gradient(135deg,#07111f,#0b1627 46%,#101827)}a{color:inherit}.lobby-body{display:grid;grid-template-rows:1fr auto}.lobby-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto;min-height:calc(100vh - 120px);display:grid;place-items:center;padding:56px 0 28px}.lobby-card{position:relative;overflow:hidden;width:100%;padding:clamp(26px,4vw,54px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.065)),var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.42)}.hero-row{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.brand-orb{width:clamp(92px,12vw,142px);height:clamp(92px,12vw,142px);border-radius:34px;border:1px solid rgba(255,255,255,.34);background:radial-gradient(circle at 30% 25%,#fff 0%,#b9ecff 14%,transparent 28%),linear-gradient(135deg,#7dd3fc,#c4b5fd 55%,#f0abfc);display:grid;place-items:center;box-shadow:0 22px 60px rgba(125,211,252,.18)}.brand-orb span{font-weight:950;font-size:clamp(1.55rem,3.4vw,2.45rem);color:#08111f;letter-spacing:-.13em;transform:translateX(-.045em)}.kicker{display:inline-flex;padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.88rem;background:rgba(255,255,255,.07)}h1{margin:18px 0 10px;font-size:clamp(2.5rem,7vw,5.5rem);line-height:.94;letter-spacing:-.06em}.lobby-subtitle,.hero p{color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem);max-width:860px;line-height:1.6}.section-label{margin:34px 0 14px;color:var(--soft);font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-card,.content-card{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.055)),var(--panel2);box-shadow:0 12px 34px rgba(0,0,0,.18)}.topic-card{min-height:285px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.topic-card.featured{background:linear-gradient(180deg,rgba(125,211,252,.17),rgba(255,255,255,.068)),var(--panel2)}.topic-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:18px;border-radius:18px;border:1px solid rgba(255,255,255,.34);background:linear-gradient(135deg,rgba(125,211,252,.22),rgba(196,181,253,.18));font-size:1.45rem}.topic-card h2,.content-card h2{margin:0 0 10px;letter-spacing:-.03em}.topic-card p,.content-card p,.content-card li{color:var(--muted);line-height:1.62}.status-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.status{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid var(--line);color:var(--muted);font-size:.77rem;font-weight:800}.status.available{color:var(--success)}.status.progress{color:var(--warn)}.status.note{color:var(--accent)}.topic-actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.34);background:#1d314f;color:var(--text);text-decoration:none;font-weight:850;box-shadow:0 10px 20px rgba(0,0,0,.18)}.button:after{content:" →";margin-left:6px}.button.primary{background:linear-gradient(135deg,#7dd3fc,#c4b5fd);color:#08111f;border:none}.button.disabled,.button[aria-disabled=true]{color:#e5e7eb;background:#5d6878;border:1px dashed rgba(255,255,255,.46);cursor:not-allowed;pointer-events:none;box-shadow:none}.button.disabled:after,.button[aria-disabled=true]:after{content:""}.footer{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:22px 0 34px;color:var(--soft);font-size:.92rem}.footer-inner{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center}.footer a{color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.26)}.site-header{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:24px 0 12px}.nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:18px;padding:10px;background:rgba(255,255,255,.07)}.brand{padding:8px 10px;font-weight:950;text-decoration:none;letter-spacing:-.03em}.nav-links{display:flex;flex-wrap:wrap;gap:6px}.nav-links a{text-decoration:none;color:var(--muted);padding:9px 11px;border-radius:12px}.page-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:40px 0 28px}.hero{position:relative;overflow:hidden;padding:clamp(26px,4vw,48px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06)),var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.42)}.hero h1{font-size:clamp(2.2rem,5vw,4.7rem)}.hero p{font-size:1.12rem}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.content-card.full{grid-column:1/-1}.notice{margin-top:16px;padding:16px 18px;border:1px solid rgba(253,230,138,.40);background:rgba(253,230,138,.09);border-radius:18px;color:#fff4c5;line-height:1.6}.small{color:var(--soft);font-size:.93rem}.list-clean{margin:12px 0 0;padding-left:1.2rem}@media(max-width:940px){.topic-grid,.content-grid,.hero-row{grid-template-columns:1fr}.topic-card{min-height:auto}.brand-orb{justify-self:start}}@media(max-width:620px){.lobby-shell{padding-top:28px}.topic-card,.content-card{padding:20px}.footer-inner{justify-content:flex-start;text-align:left}}@media print{body{background:#fff!important;color:#111827!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.lobby-card,.hero,.topic-card,.content-card,.nav{background:#fff!important;color:#111827!important;border:2px solid #374151!important;box-shadow:none!important}.topic-card p,.content-card p,.content-card li,.hero p,.lobby-subtitle,.footer,.footer a,.nav-links a{color:#374151!important}.button,.button.primary{color:#111827!important;background:#fff!important;border:2px solid #111827!important;box-shadow:none!important;text-decoration:none!important}.button.disabled{border:2px dashed #6b7280!important;color:#4b5563!important}.status{color:#111827!important;border:1px solid #6b7280!important;background:#fff!important}.brand-orb,.topic-icon{background:#fff!important;border:2px solid #111827!important;color:#111827!important}}

/* Shared expanding menu bar */
.nav-expand {
  position: relative;
}

.menu-toggle {
  display: none;
  min-height: 42px;
  padding: 9px 13px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.08);
  color: var(--text);
  font-weight: 850;
}

.nav-menu {
  align-items: center;
}

.nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}

.nav-main {
  display: inline-flex;
  align-items: center;
}

.submenu-toggle {
  display: none;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 230px;
  z-index: 50;
  padding: 14px 8px 8px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #101d31;
  box-shadow: 0 18px 42px rgba(0,0,0,.35);
}

.submenu a {
  display: block;
  padding: 10px 11px;
  border-radius: 11px;
  color: var(--muted);
  text-decoration: none;
}

.submenu a:hover,
.submenu a:focus {
  background: rgba(255,255,255,.08);
  color: var(--text);
}

.has-submenu:hover .submenu,
.has-submenu:focus-within .submenu {
  display: block;
}

@media (max-width: 820px) {
  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .nav-menu {
    display: none;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding-top: 8px;
  }

  .nav-menu.is-open {
    display: flex;
  }

  .nav-item {
    width: 100%;
    align-items: stretch;
    flex-wrap: wrap;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    background: rgba(255,255,255,.045);
  }

  .nav-main {
    flex: 1 1 auto;
  }

  .submenu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.12);
    border-radius: 0 14px 14px 0;
    background: rgba(255,255,255,.06);
    color: var(--text);
    font-size: 1.05rem;
    font-weight: 900;
  }

  .submenu {
    position: static;
    flex: 1 0 100%;
    min-width: 0;
    width: 100%;
    margin: 0 8px 8px;
    box-shadow: none;
    background: rgba(0,0,0,.16);
  }

  .has-submenu:hover .submenu,
  .has-submenu:focus-within .submenu {
    display: none;
  }

  .has-submenu.is-open .submenu {
    display: block;
  }
}

/* Dropdown stability fix: prevents hover gap collapse on desktop */
@media (min-width: 821px) {
  .has-submenu::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 12px;
  }

  .has-submenu.is-open .submenu {
    display: block;
  }
}