/* REBOOT OS 8.0 — LIFEQUEST
   Product shell, game design system and mobile-first experience.
*/
:root {
  --lq-bg:#020a0d;
  --lq-bg-2:#041217;
  --lq-panel:#071a1f;
  --lq-panel-2:#0a2328;
  --lq-panel-3:#0d2b31;
  --lq-line:rgba(123,245,211,.16);
  --lq-line-strong:rgba(102,255,209,.34);
  --lq-text:#eefefb;
  --lq-muted:#8eaaa9;
  --lq-green:#35f2a4;
  --lq-green-2:#14c986;
  --lq-cyan:#48d8ff;
  --lq-blue:#5b83ff;
  --lq-violet:#9b78ff;
  --lq-pink:#ff5aa8;
  --lq-red:#ff566d;
  --lq-gold:#ffc968;
  --lq-orange:#ff8a4c;
  --lq-shadow:0 24px 80px rgba(0,0,0,.42);
  --lq-radius:24px;
  --lq-radius-sm:16px;
  --lq-nav-height:76px;
  --avatar-main:var(--lq-green);
  --avatar-light:#9bffe0;
  --avatar-dark:#0c7b5d;
}

body[data-shell-version^="8.0"] {
  color:var(--lq-text);
  background:
    radial-gradient(circle at 10% -10%, rgba(53,242,164,.12), transparent 34%),
    radial-gradient(circle at 105% 20%, rgba(72,216,255,.1), transparent 30%),
    linear-gradient(180deg,#02090c 0%,#041015 45%,#02090c 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
  min-height:100vh;
}

body[data-shell-version^="8.0"]::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.18;
  background-image:
    linear-gradient(rgba(88,244,203,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(88,244,203,.055) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}

body[data-shell-version^="8.0"] .ambient { display:none; }
body[data-shell-version^="8.0"] *,
body[data-shell-version^="8.0"] *::before,
body[data-shell-version^="8.0"] *::after { box-sizing:border-box; }
body[data-shell-version^="8.0"] a { color:inherit; }
body[data-shell-version^="8.0"] h1,
body[data-shell-version^="8.0"] h2,
body[data-shell-version^="8.0"] h3,
body[data-shell-version^="8.0"] p { margin-top:0; }
body[data-shell-version^="8.0"] h1,
body[data-shell-version^="8.0"] h2,
body[data-shell-version^="8.0"] h3 { letter-spacing:-.03em; }
body[data-shell-version^="8.0"] button,
body[data-shell-version^="8.0"] input,
body[data-shell-version^="8.0"] textarea,
body[data-shell-version^="8.0"] select { font:inherit; }

/* Universal product layer */
body[data-shell-version^="8.0"] .page-content {
  width:min(1480px,100%);
  margin:0 auto;
  padding:26px 32px 72px;
}
body[data-shell-version^="8.0"] .panel,
body[data-shell-version^="8.0"] .r7-card,
body[data-shell-version^="8.0"] .lq-game-panel {
  border:1px solid var(--lq-line);
  border-radius:var(--lq-radius);
  background:linear-gradient(145deg,rgba(11,37,42,.92),rgba(4,20,24,.92));
  box-shadow:0 18px 55px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025);
}
body[data-shell-version^="8.0"] .panel:hover,
body[data-shell-version^="8.0"] .lq-game-panel:hover { border-color:rgba(53,242,164,.25); }
body[data-shell-version^="8.0"] .btn,
body[data-shell-version^="8.0"] .lq-button {
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid transparent;
  font-size:12px;
  font-weight:900;
  letter-spacing:.065em;
  text-decoration:none;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
body[data-shell-version^="8.0"] .btn:hover,
body[data-shell-version^="8.0"] .lq-button:hover { transform:translateY(-2px); }
body[data-shell-version^="8.0"] .btn-primary,
body[data-shell-version^="8.0"] .lq-button-primary {
  color:#001a12;
  background:linear-gradient(135deg,#8affe0,var(--lq-green));
  box-shadow:0 12px 32px rgba(53,242,164,.18);
}
body[data-shell-version^="8.0"] .btn-ghost,
body[data-shell-version^="8.0"] .lq-button-secondary {
  color:var(--lq-text);
  border-color:var(--lq-line-strong);
  background:rgba(10,38,43,.7);
}
body[data-shell-version^="8.0"] .lq-button-quiet { color:var(--lq-muted); border-color:var(--lq-line); background:rgba(3,17,20,.72); }
body[data-shell-version^="8.0"] .lq-button-danger { color:#fff; background:linear-gradient(135deg,#ff825e,var(--lq-red)); box-shadow:0 12px 35px rgba(255,86,109,.18); }
body[data-shell-version^="8.0"] .lq-full { width:100%; }
body[data-shell-version^="8.0"] input,
body[data-shell-version^="8.0"] select,
body[data-shell-version^="8.0"] textarea {
  width:100%;
  min-height:48px;
  color:var(--lq-text);
  border:1px solid var(--lq-line);
  border-radius:14px;
  background:rgba(1,11,14,.72);
  padding:12px 14px;
  outline:none;
}
body[data-shell-version^="8.0"] textarea { min-height:100px; resize:vertical; }
body[data-shell-version^="8.0"] input:focus,
body[data-shell-version^="8.0"] select:focus,
body[data-shell-version^="8.0"] textarea:focus { border-color:var(--lq-green); box-shadow:0 0 0 3px rgba(53,242,164,.1); }
body[data-shell-version^="8.0"] label>span,
body[data-shell-version^="8.0"] legend { color:var(--lq-muted); font-size:10px; font-weight:900; letter-spacing:.09em; }

/* Desktop shell */
body[data-shell-version^="8.0"] .sidebar {
  width:286px;
  background:linear-gradient(180deg,#06191d,#031014 80%);
  border-right:1px solid var(--lq-line);
  box-shadow:20px 0 70px rgba(0,0,0,.22);
}
body[data-shell-version^="8.0"] .brand { min-height:70px; }
body[data-shell-version^="8.0"] .brand-mark { border-radius:14px; background:linear-gradient(145deg,rgba(53,242,164,.2),rgba(72,216,255,.08)); }
body[data-shell-version^="8.0"] .brand strong { letter-spacing:.07em; }
body[data-shell-version^="8.0"] .brand small { color:var(--lq-green); }
body[data-shell-version^="8.0"] .nav-link,
body[data-shell-version^="8.0"] .nav-group summary { border-radius:13px; }
body[data-shell-version^="8.0"] .nav-link:hover,
body[data-shell-version^="8.0"] .nav-link.active { background:linear-gradient(90deg,rgba(53,242,164,.15),rgba(53,242,164,.025)); color:#fff; }
body[data-shell-version^="8.0"] .nav-link.active::before { background:var(--lq-green); box-shadow:0 0 16px var(--lq-green); }
body[data-shell-version^="8.0"] .main-area { min-width:0; }
body[data-shell-version^="8.0"] .topbar { background:rgba(3,15,18,.9); border-bottom:1px solid var(--lq-line); }
body[data-shell-version^="8.0"] .module-arcade-stage { border-radius:28px; border-color:var(--lq-line); background:linear-gradient(135deg,rgba(12,38,43,.9),rgba(4,16,20,.95)); }
body[data-shell-version^="8.0"] .module-stage-kicker { color:var(--lq-green); }

/* Shared LIFEQUEST components */
.lq-page { display:grid; gap:24px; }
.lq-overline { color:var(--lq-green); font-size:10px; font-weight:950; letter-spacing:.14em; text-transform:uppercase; }
.lq-section { display:grid; gap:16px; }
.lq-section-heading,.lq-panel-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.lq-section-heading>div,.lq-panel-heading>div { min-width:0; }
.lq-section-heading h2,.lq-panel-heading h2 { margin:3px 0 0; font-size:clamp(22px,2vw,34px); }
.lq-section-heading small,.lq-panel-heading small { color:var(--lq-green); font-size:10px; font-weight:900; letter-spacing:.12em; }
.lq-section-heading>a,.lq-panel-heading>a { color:var(--lq-green); font-size:12px; font-weight:850; text-decoration:none; }
.lq-section-number { display:inline-grid; place-items:center; width:34px; height:34px; margin-right:10px; border:1px solid var(--lq-line-strong); border-radius:10px; color:var(--lq-green); font-weight:950; }
.lq-reward-pill,.lq-local-pill { display:inline-flex; align-items:center; min-height:32px; padding:0 12px; border:1px solid rgba(255,201,104,.28); border-radius:999px; color:var(--lq-gold); background:rgba(255,201,104,.06); font-size:10px; font-weight:900; letter-spacing:.08em; }
.lq-two-columns { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr); gap:20px; }
.lq-game-panel { padding:22px; min-width:0; }
.lq-story-banner,.lq-unlock-banner { display:flex; align-items:center; gap:16px; padding:18px 20px; border:1px solid rgba(53,242,164,.26); border-radius:20px; background:linear-gradient(100deg,rgba(53,242,164,.13),rgba(72,216,255,.05)); }
.lq-story-banner>span,.lq-unlock-banner>span { display:grid; place-items:center; width:54px; height:54px; border-radius:16px; color:#002218; background:var(--lq-green); font-size:25px; box-shadow:0 0 28px rgba(53,242,164,.22); }
.lq-story-banner div,.lq-unlock-banner div { flex:1; min-width:0; }
.lq-story-banner small,.lq-unlock-banner small { color:var(--lq-green); font-size:10px; font-weight:900; letter-spacing:.1em; }
.lq-story-banner h2,.lq-unlock-banner h2 { margin:3px 0; font-size:20px; }
.lq-story-banner p,.lq-unlock-banner p { margin:0; color:var(--lq-muted); }
.lq-story-banner>a,.lq-unlock-banner>a { padding:11px 15px; border-radius:12px; color:#001c13; background:var(--lq-green); font-weight:900; text-decoration:none; }

/* Mobile HUD and navigation */
.lq-mobile-hud,.lq-mobile-nav,.lq-mobile-fab { display:none; }

/* Avatar engine */
.lq-avatar { --avatar-main:var(--lq-green); --avatar-light:#b2ffe7; --avatar-dark:#087650; position:relative; display:grid; place-items:center; min-width:0; isolation:isolate; }
.lq-avatar-architect { --avatar-main:#55d8ff; --avatar-light:#c5f5ff; --avatar-dark:#125b83; }
.lq-avatar-scout { --avatar-main:#ffc968; --avatar-light:#fff0b7; --avatar-dark:#a45a1c; }
.lq-avatar-sentinel { --avatar-main:#9b78ff; --avatar-light:#e1d6ff; --avatar-dark:#493497; }
.lq-avatar-phoenix { --avatar-main:#35f2a4; --avatar-light:#c1ffe9; --avatar-dark:#0b7e5c; }
.lq-avatar svg { position:relative; z-index:3; width:100%; height:auto; overflow:visible; filter:drop-shadow(0 20px 24px rgba(0,0,0,.42)); }
.lq-avatar-hero { width:min(350px,88vw); }
.lq-avatar-showcase { width:min(460px,90vw); }
.lq-avatar-large { width:min(320px,90vw); }
.lq-avatar .lq-avatar-wing { fill:var(--avatar-dark); stroke:var(--avatar-main); stroke-width:2; opacity:.68; }
.lq-avatar .lq-avatar-cape { fill:rgba(4,20,25,.92); stroke:var(--avatar-main); stroke-width:1.6; opacity:.92; }
.lq-avatar .lq-avatar-leg,.lq-avatar .lq-avatar-arm,.lq-avatar .lq-avatar-torso,.lq-avatar .lq-avatar-shoulder,.lq-avatar .lq-avatar-neck { fill:url(#lqMetal-phoenix-hero); fill:#16343a; stroke:rgba(220,255,247,.2); stroke-width:1.4; }
.lq-avatar-architect .lq-avatar-leg,.lq-avatar-architect .lq-avatar-arm,.lq-avatar-architect .lq-avatar-torso,.lq-avatar-architect .lq-avatar-shoulder,.lq-avatar-architect .lq-avatar-neck,
.lq-avatar-scout .lq-avatar-leg,.lq-avatar-scout .lq-avatar-arm,.lq-avatar-scout .lq-avatar-torso,.lq-avatar-scout .lq-avatar-shoulder,.lq-avatar-scout .lq-avatar-neck,
.lq-avatar-sentinel .lq-avatar-leg,.lq-avatar-sentinel .lq-avatar-arm,.lq-avatar-sentinel .lq-avatar-torso,.lq-avatar-sentinel .lq-avatar-shoulder,.lq-avatar-sentinel .lq-avatar-neck { fill:#183139; }
.lq-avatar .lq-avatar-boot,.lq-avatar .lq-avatar-glove { fill:#07171b; stroke:var(--avatar-main); stroke-width:1.4; }
.lq-avatar .lq-avatar-chest { fill:var(--avatar-dark); stroke:var(--avatar-main); stroke-width:2; }
.lq-avatar .lq-avatar-hair { fill:#07151a; stroke:var(--avatar-main); stroke-width:2; }
.lq-avatar .lq-avatar-face { fill:#42636a; stroke:rgba(255,255,255,.3); stroke-width:1.4; }
.lq-avatar .lq-avatar-mask { fill:#0a2025; stroke:var(--avatar-main); stroke-width:2; }
.lq-avatar .lq-avatar-eye { fill:var(--avatar-light); filter:drop-shadow(0 0 7px var(--avatar-main)); }
.lq-avatar .lq-avatar-crown { fill:var(--avatar-main); opacity:.85; filter:drop-shadow(0 0 8px var(--avatar-main)); }
.lq-avatar .lq-avatar-core path,.lq-avatar .lq-avatar-core circle:last-child { fill:var(--avatar-light); stroke:var(--avatar-main); stroke-width:2; }
.lq-avatar .lq-avatar-runes path { fill:none; stroke:var(--avatar-main); stroke-width:3; opacity:.7; }
.lq-avatar .lq-avatar-companion circle:first-child { fill:#071a1f; stroke:var(--avatar-main); stroke-width:3; }
.lq-avatar .lq-avatar-companion circle:nth-child(2),.lq-avatar .lq-avatar-companion path { fill:var(--avatar-light); filter:drop-shadow(0 0 7px var(--avatar-main)); }
.lq-avatar-aura { position:absolute; z-index:0; inset:10% 8% 4%; border-radius:50%; background:radial-gradient(circle,rgba(53,242,164,.16),transparent 63%); }
.lq-avatar-aura i { position:absolute; inset:8%; border:1px solid color-mix(in srgb,var(--avatar-main) 38%,transparent); border-radius:50%; }
.lq-avatar-aura i:nth-child(2) { inset:20%; border-style:dashed; transform:rotate(25deg); }
.lq-avatar-aura i:nth-child(3) { inset:34%; box-shadow:0 0 45px color-mix(in srgb,var(--avatar-main) 32%,transparent); }
.lq-avatar-platform { position:absolute; z-index:1; left:12%; right:12%; bottom:5%; height:15%; border-radius:50%; border:2px solid var(--avatar-main); background:radial-gradient(ellipse,rgba(53,242,164,.2),rgba(2,10,13,.8) 62%); box-shadow:0 0 34px color-mix(in srgb,var(--avatar-main) 25%,transparent); }
.lq-avatar-platform i { position:absolute; inset:18%; border:1px solid var(--avatar-main); border-radius:50%; opacity:.6; }
.lq-avatar-platform i:nth-child(2) { inset:36%; }
.lq-avatar-level { position:absolute; z-index:6; top:15%; left:2%; display:grid; place-items:center; width:62px; height:62px; border:1px solid var(--avatar-main); border-radius:18px; background:rgba(2,14,17,.9); box-shadow:0 0 24px color-mix(in srgb,var(--avatar-main) 20%,transparent); }
.lq-avatar-level small { color:var(--avatar-main); font-size:9px; font-weight:950; }
.lq-avatar-level strong { font-size:24px; line-height:1; }
.lq-avatar-name { position:absolute; z-index:6; left:50%; bottom:1%; transform:translateX(-50%); min-width:150px; padding:9px 14px; border:1px solid var(--avatar-main); border-radius:999px; background:rgba(1,12,15,.92); text-align:center; }
.lq-avatar-name span { display:block; font-weight:950; letter-spacing:.08em; }
.lq-avatar-name small { color:var(--avatar-main); font-size:8px; font-weight:900; letter-spacing:.11em; }
.lq-avatar-tier { position:absolute; z-index:6; top:25%; right:0; padding:7px 9px; border-radius:9px; color:#001a12; background:var(--avatar-main); font-size:9px; font-weight:950; transform:rotate(4deg); }

/* Nexus dashboard */
.lq-nexus-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr); min-height:600px; border:1px solid var(--lq-line); border-radius:32px; overflow:hidden; background:linear-gradient(120deg,rgba(7,29,34,.96),rgba(2,12,15,.98)); box-shadow:var(--lq-shadow); }
.lq-hero-story { display:flex; flex-direction:column; justify-content:center; padding:clamp(30px,5vw,72px); position:relative; z-index:2; }
.lq-chapter-line { display:flex; align-items:center; gap:12px; margin-bottom:24px; color:var(--lq-muted); font-size:10px; font-weight:900; letter-spacing:.1em; }
.lq-chapter-line span { color:var(--lq-green); }
.lq-chapter-line i { flex:1; height:1px; background:linear-gradient(90deg,var(--lq-line-strong),transparent); }
.lq-hero-story h1 { margin:14px 0 18px; font-size:clamp(44px,6vw,86px); line-height:.94; }
.lq-hero-story h1 em { color:var(--lq-green); font-style:normal; text-shadow:0 0 35px rgba(53,242,164,.17); }
.lq-hero-story>p { max-width:650px; color:#b7cac9; font-size:17px; line-height:1.65; }
.lq-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:15px; }
.lq-live-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:34px; }
.lq-live-stats>div { min-width:0; padding:14px; border:1px solid var(--lq-line); border-radius:15px; background:rgba(2,14,17,.56); }
.lq-live-stats small { display:block; color:var(--lq-muted); font-size:9px; font-weight:900; letter-spacing:.1em; }
.lq-live-stats strong { display:block; margin:5px 0; font-size:20px; }
.lq-live-stats span { color:var(--lq-green); font-size:8px; font-weight:900; }
.lq-live-stats i { display:block; height:4px; margin-top:7px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.lq-live-stats u { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--lq-green),var(--lq-cyan)); }
.lq-avatar-sanctuary { position:relative; display:grid; place-items:center; min-height:600px; overflow:hidden; background:radial-gradient(circle at 50% 45%,rgba(53,242,164,.13),transparent 38%),linear-gradient(160deg,#071d22,#020b0e); border-left:1px solid var(--lq-line); }
.lq-sanctuary-sky { position:absolute; inset:0; background:linear-gradient(rgba(53,242,164,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(53,242,164,.03) 1px,transparent 1px); background-size:36px 36px; perspective:500px; }
.lq-sanctuary-sky::after { content:""; position:absolute; left:10%; right:10%; bottom:12%; height:35%; border:1px solid var(--lq-line-strong); border-radius:50%; transform:rotateX(70deg); box-shadow:0 0 60px rgba(53,242,164,.12); }
.lq-sanctuary-sky i { position:absolute; width:5px; height:5px; border-radius:50%; background:var(--lq-cyan); box-shadow:0 0 12px var(--lq-cyan); }
.lq-sanctuary-sky i:nth-child(1){left:15%;top:22%}.lq-sanctuary-sky i:nth-child(2){right:20%;top:16%}.lq-sanctuary-sky i:nth-child(3){right:11%;top:48%}.lq-sanctuary-sky i:nth-child(4){left:20%;top:58%}
.lq-sanctuary-title { position:absolute; z-index:5; top:24px; left:24px; }
.lq-sanctuary-title small { display:block; color:var(--lq-green); font-size:9px; font-weight:950; letter-spacing:.13em; }
.lq-sanctuary-title strong { font-size:19px; }
.lq-avatar-link { position:relative; z-index:2; display:block; text-decoration:none; }
.lq-sanctuary-hud { position:absolute; z-index:6; left:24px; right:24px; bottom:24px; padding:16px; border:1px solid var(--lq-line); border-radius:18px; background:rgba(2,13,16,.88); }
.lq-sanctuary-hud>div { display:flex; justify-content:space-between; font-size:10px; font-weight:900; }
.lq-sanctuary-hud>i { display:block; height:7px; margin:9px 0 13px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.lq-sanctuary-hud>i u { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--lq-green),var(--lq-cyan)); box-shadow:0 0 14px var(--lq-green); }
.lq-sanctuary-hud nav { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.lq-sanctuary-hud nav a { display:grid; grid-template-columns:auto 1fr; column-gap:6px; text-decoration:none; }
.lq-sanctuary-hud nav span { grid-row:1/3; color:var(--lq-green); font-size:18px; }
.lq-sanctuary-hud nav b { font-size:16px; }
.lq-sanctuary-hud nav small { color:var(--lq-muted); font-size:8px; }
.lq-customize-avatar { position:absolute; z-index:7; top:24px; right:24px; color:var(--lq-green); font-size:10px; font-weight:900; text-decoration:none; }
.lq-main-quest { display:grid; grid-template-columns:220px minmax(0,1fr) 120px; align-items:stretch; overflow:hidden; border:1px solid rgba(255,201,104,.24); border-radius:26px; background:linear-gradient(110deg,rgba(57,35,11,.58),rgba(8,26,30,.95) 46%); box-shadow:0 20px 60px rgba(0,0,0,.25); }
.lq-quest-art { position:relative; display:grid; place-items:center; min-height:250px; overflow:hidden; background:radial-gradient(circle,rgba(255,201,104,.22),transparent 50%),linear-gradient(160deg,#2d220d,#07171a); border-right:1px solid rgba(255,201,104,.22); }
.lq-quest-art>span { position:relative; z-index:3; font-size:74px; filter:drop-shadow(0 0 20px rgba(255,201,104,.45)); }
.lq-quest-art i { position:absolute; width:150px; height:150px; border:1px solid rgba(255,201,104,.32); border-radius:50%; }
.lq-quest-art i:nth-child(3){width:100px;height:100px;border-style:dashed;transform:rotate(25deg)}
.lq-quest-art b { position:absolute; bottom:18px; color:var(--lq-gold); font-size:9px; letter-spacing:.13em; }
.lq-main-quest-copy { padding:28px; }
.lq-main-quest-copy>small { color:var(--lq-gold); font-size:10px; font-weight:900; letter-spacing:.12em; }
.lq-main-quest-copy h3 { margin:8px 0 10px; font-size:clamp(27px,3vw,42px); }
.lq-main-quest-copy p { max-width:780px; color:#b9c9c8; line-height:1.6; }
.lq-quest-tags,.lq-quest-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.lq-quest-tags span { padding:7px 10px; border:1px solid var(--lq-line); border-radius:999px; color:var(--lq-muted); background:rgba(2,13,16,.5); font-size:10px; font-weight:800; }
.lq-quest-rank { display:flex; flex-direction:column; justify-content:center; align-items:center; border-left:1px solid rgba(255,201,104,.2); background:rgba(255,201,104,.04); }
.lq-quest-rank small,.lq-quest-rank span { color:var(--lq-gold); font-size:9px; font-weight:900; letter-spacing:.11em; }
.lq-quest-rank strong { color:var(--lq-gold); font-size:62px; line-height:1; text-shadow:0 0 24px rgba(255,201,104,.25); }
.lq-daily-quests { display:grid; gap:10px; margin-top:16px; }
.lq-quest-row { display:grid; grid-template-columns:48px minmax(0,1fr) 64px; gap:12px; align-items:center; padding:12px; border:1px solid var(--lq-line); border-radius:17px; background:rgba(2,14,17,.48); }
.lq-quest-row>button { width:48px; height:48px; border:1px solid var(--lq-line-strong); border-radius:14px; color:var(--lq-green); background:rgba(53,242,164,.07); font-size:20px; cursor:pointer; }
.lq-quest-row div { min-width:0; }
.lq-quest-row div small { color:var(--lq-green); font-size:8px; font-weight:900; letter-spacing:.1em; }
.lq-quest-row div strong { display:block; margin:2px 0; }
.lq-quest-row div p { margin:0 0 7px; color:var(--lq-muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lq-quest-row div i { display:block; height:4px; border-radius:99px; background:rgba(255,255,255,.07); overflow:hidden; }
.lq-quest-row div i u { display:block; height:100%; background:var(--lq-green); }
.lq-quest-row aside { text-align:right; }
.lq-quest-row aside b,.lq-quest-row aside small,.lq-quest-row aside em { display:block; }
.lq-quest-row aside b { color:var(--lq-green); }
.lq-quest-row aside small { color:var(--lq-muted); font-size:8px; }
.lq-quest-row aside em { color:var(--lq-gold); font-size:10px; font-style:normal; }
.lq-quest-row.is-done { opacity:.68; border-color:rgba(53,242,164,.32); }
.lq-quest-row.is-done>button { color:#002116; background:var(--lq-green); }
.lq-boss-panel { border-color:rgba(255,86,109,.22); background:linear-gradient(145deg,rgba(45,10,18,.72),rgba(7,24,28,.94)); }
.lq-boss-level { color:var(--lq-red); font-size:10px; font-weight:900; }
.lq-boss-scene { position:relative; display:grid; place-items:center; min-height:210px; margin:16px 0; overflow:hidden; border-radius:18px; background:radial-gradient(circle at 50% 70%,rgba(255,86,109,.22),transparent 42%),linear-gradient(#170912,#061317); }
.lq-boss-scene::after { content:""; position:absolute; inset:0; background:linear-gradient(rgba(255,86,109,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,86,109,.045) 1px,transparent 1px); background-size:24px 24px; }
.lq-boss-creature { position:relative; z-index:2; display:grid; place-items:center; width:120px; height:120px; border:2px solid var(--lq-red); border-radius:42% 42% 34% 34%; background:#1c0c13; box-shadow:0 0 55px rgba(255,86,109,.25); }
.lq-boss-creature::before,.lq-boss-creature::after { content:""; position:absolute; top:-35px; width:48px; height:70px; border:2px solid var(--lq-red); background:#14080d; transform:rotate(28deg); clip-path:polygon(0 100%,100% 0,74% 100%); }
.lq-boss-creature::before{left:4px}.lq-boss-creature::after{right:4px;transform:scaleX(-1) rotate(28deg)}
.lq-boss-creature span { font-size:46px; }
.lq-boss-creature i { position:absolute; top:42px; width:15px; height:6px; border-radius:99px; background:var(--lq-red); box-shadow:0 0 12px var(--lq-red); }
.lq-boss-creature i:first-child{left:27px;transform:rotate(12deg)}.lq-boss-creature i:nth-child(2){right:27px;transform:rotate(-12deg)}
.lq-boss-health>div { display:flex; justify-content:space-between; color:var(--lq-muted); font-size:9px; font-weight:900; }
.lq-boss-health>i { display:block; height:10px; margin-top:7px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.lq-boss-health u { display:block; height:100%; background:linear-gradient(90deg,var(--lq-red),var(--lq-orange)); }
.lq-boss-reward { display:flex; align-items:center; gap:12px; margin:14px 0; padding:10px; border-radius:12px; background:rgba(255,201,104,.06); }
.lq-boss-reward span { margin-right:auto; color:var(--lq-muted); font-size:9px; }
.lq-boss-reward strong { color:var(--lq-gold); font-size:11px; }
.lq-world-portals { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.lq-portal { position:relative; min-height:250px; display:flex; flex-direction:column; justify-content:flex-end; padding:20px; overflow:hidden; border:1px solid var(--lq-line); border-radius:23px; text-decoration:none; background:linear-gradient(180deg,transparent 0%,rgba(2,11,14,.94) 75%),radial-gradient(circle at 50% 25%,rgba(53,242,164,.2),transparent 50%),#092229; transition:transform .2s ease,border-color .2s ease; }
.lq-portal:hover { transform:translateY(-5px); border-color:var(--lq-green); }
.lq-portal>span { position:absolute; top:34px; left:50%; transform:translateX(-50%); font-size:65px; opacity:.85; filter:drop-shadow(0 0 20px rgba(53,242,164,.25)); }
.lq-portal small { color:var(--lq-green); font-size:8px; font-weight:900; letter-spacing:.12em; }
.lq-portal h3 { margin:5px 0; font-size:21px; }
.lq-portal p { margin:0 0 12px; color:var(--lq-muted); font-size:12px; }
.lq-portal>b { color:var(--lq-green); font-size:10px; }
.lq-portal-body { background:linear-gradient(180deg,transparent,rgba(2,11,14,.94) 75%),radial-gradient(circle at 50% 25%,rgba(255,138,76,.25),transparent 50%),#21130e; }
.lq-portal-mind { background:linear-gradient(180deg,transparent,rgba(2,11,14,.94) 75%),radial-gradient(circle at 50% 25%,rgba(155,120,255,.25),transparent 50%),#161226; }
.lq-portal-social { background:linear-gradient(180deg,transparent,rgba(2,11,14,.94) 75%),radial-gradient(circle at 50% 25%,rgba(72,216,255,.23),transparent 50%),#0c2027; }
.lq-rituals { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:15px; }
.lq-ritual button,.lq-ritual.lq-empty { width:100%; min-height:94px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; padding:12px; border:1px solid var(--lq-line); border-radius:15px; color:var(--lq-text); background:rgba(2,14,17,.5); text-align:left; text-decoration:none; cursor:pointer; }
.lq-ritual span { color:var(--lq-green); font-size:21px; }
.lq-ritual strong { font-size:12px; }
.lq-ritual small { color:var(--lq-muted); font-size:9px; }
.lq-ritual.is-done button { border-color:rgba(53,242,164,.35); background:rgba(53,242,164,.09); }
.lq-companion-card { display:grid; grid-template-columns:120px 1fr; align-items:center; gap:20px; }
.lq-companion-orb { position:relative; display:grid; place-items:center; width:108px; height:108px; border-radius:50%; border:2px solid var(--lq-green); background:radial-gradient(circle,#153f3b,#041217 65%); box-shadow:0 0 45px rgba(53,242,164,.18); }
.lq-companion-orb>span { font-size:38px; font-weight:950; }
.lq-companion-orb i { position:absolute; inset:-10px; border:1px dashed rgba(53,242,164,.4); border-radius:50%; }
.lq-companion-orb i:nth-child(3) { inset:-23px; border-color:rgba(72,216,255,.22); }
.lq-companion-card h2 { margin:4px 0 8px; }
.lq-companion-card p { color:var(--lq-muted); }
.lq-companion-actions { display:flex; flex-wrap:wrap; gap:8px; }

/* Coach room */
.lq-coach-stage { position:relative; min-height:390px; display:grid; grid-template-columns:270px minmax(0,1fr) 120px; align-items:center; gap:28px; padding:36px; overflow:hidden; border:1px solid var(--lq-line); border-radius:30px; background:radial-gradient(circle at 18% 50%,rgba(53,242,164,.2),transparent 26%),linear-gradient(135deg,#071d22,#020b0e); box-shadow:var(--lq-shadow); }
.lq-coach-environment { position:absolute; inset:0; pointer-events:none; background:linear-gradient(rgba(53,242,164,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(53,242,164,.035) 1px,transparent 1px); background-size:32px 32px; }
.lq-coach-environment i { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--lq-cyan); box-shadow:0 0 16px var(--lq-cyan); }
.lq-coach-environment i:nth-child(1){left:7%;top:14%}.lq-coach-environment i:nth-child(2){left:35%;bottom:12%}.lq-coach-environment i:nth-child(3){right:12%;top:18%}.lq-coach-environment i:nth-child(4){right:30%;bottom:20%}
.lq-companion-entity { position:relative; z-index:2; display:grid; place-items:center; width:220px; height:220px; margin:auto; border-radius:50%; background:radial-gradient(circle,rgba(53,242,164,.25),transparent 60%); }
.lq-companion-entity>span { position:relative; z-index:3; display:grid; place-items:center; width:108px; height:108px; border:2px solid var(--lq-green); border-radius:38% 62% 44% 56%; background:linear-gradient(145deg,#194b43,#041316); font-size:46px; font-weight:950; box-shadow:0 0 40px rgba(53,242,164,.25); }
.lq-companion-entity>b { position:absolute; z-index:4; width:12px; height:12px; border-radius:50%; background:#fff; box-shadow:0 0 16px var(--lq-green); }
.lq-companion-ring,.lq-companion-ring i { position:absolute; inset:0; border:1px solid rgba(53,242,164,.38); border-radius:50%; }
.lq-companion-ring i:nth-child(1){inset:18px;border-style:dashed}.lq-companion-ring i:nth-child(2){inset:42px;border-color:rgba(72,216,255,.32)}.lq-companion-ring i:nth-child(3){inset:72px;border-style:dotted}
.lq-coach-intro { position:relative; z-index:2; }
.lq-coach-intro h1 { margin:10px 0; font-size:clamp(40px,5vw,72px); }
.lq-coach-intro>p { max-width:720px; color:#b8ccca; font-size:17px; line-height:1.65; }
.lq-coach-status-row { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:24px; }
.lq-coach-status-row span { padding:12px; border:1px solid var(--lq-line); border-radius:13px; background:rgba(2,13,16,.5); }
.lq-coach-status-row small,.lq-coach-status-row strong { display:block; }
.lq-coach-status-row small { color:var(--lq-muted); font-size:8px; font-weight:900; }
.lq-coach-status-row strong { margin-top:4px; color:var(--lq-green); font-size:12px; }
.lq-speech-button { position:relative; z-index:2; display:grid; place-items:center; gap:7px; width:100px; height:100px; border:1px solid var(--lq-line-strong); border-radius:50%; color:var(--lq-text); background:rgba(5,29,34,.82); cursor:pointer; }
.lq-speech-button span { font-size:28px; color:var(--lq-green); }
.lq-speech-button b { font-size:9px; }
.lq-alert { width:100%; display:flex; align-items:center; gap:14px; padding:15px 18px; border:1px solid var(--lq-line); border-radius:17px; color:var(--lq-text); background:rgba(8,27,31,.9); text-align:left; }
.lq-alert>span { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#001b12; background:var(--lq-green); font-size:20px; }
.lq-alert>div { flex:1; }
.lq-alert strong { display:block; }
.lq-alert p { margin:2px 0 0; color:var(--lq-muted); }
.lq-alert>button,.lq-alert>b { color:var(--lq-green); border:0; background:none; font-size:10px; font-weight:900; cursor:pointer; }
.lq-coach-grid { display:grid; grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr); gap:20px; }
.lq-mission-cards { display:grid; gap:12px; margin-top:17px; }
.lq-mission-card { position:relative; padding:18px 18px 16px 82px; overflow:hidden; border:1px solid var(--lq-line); border-radius:18px; background:linear-gradient(110deg,rgba(14,45,49,.88),rgba(3,15,18,.85)); }
.lq-mission-card>b { position:absolute; left:17px; top:50%; transform:translateY(-50%); color:rgba(53,242,164,.25); font-size:45px; font-weight:950; }
.lq-card-top { display:flex; justify-content:space-between; }
.lq-card-top>span { color:var(--lq-green); }
.lq-card-top>small { color:var(--lq-gold); font-size:8px; font-weight:900; }
.lq-mission-card>small { color:var(--lq-green); font-size:8px; font-weight:900; }
.lq-mission-card h3 { margin:4px 0; font-size:20px; }
.lq-mission-card p { margin:0; color:var(--lq-muted); font-size:12px; line-height:1.5; }
.lq-mission-card footer { display:flex; justify-content:space-between; margin-top:12px; font-size:10px; }
.lq-mission-card footer span { color:var(--lq-muted); }
.lq-mission-card footer a { color:var(--lq-green); font-weight:900; text-decoration:none; }
.lq-card-rarity-epic { border-color:rgba(155,120,255,.36); background:linear-gradient(110deg,rgba(40,23,70,.8),rgba(3,15,18,.88)); }
.lq-card-rarity-rare { border-color:rgba(72,216,255,.28); }
.lq-side-quests { margin-top:14px; border:1px solid var(--lq-line); border-radius:16px; }
.lq-side-quests summary { display:flex; align-items:center; gap:10px; padding:14px; cursor:pointer; }
.lq-side-quests summary>span { color:var(--lq-green); font-size:20px; }
.lq-side-quests summary div { flex:1; }
.lq-side-quests summary strong,.lq-side-quests summary small { display:block; }
.lq-side-quests summary small { color:var(--lq-muted); }
.lq-side-quests>div { display:grid; gap:7px; padding:0 14px 14px; }
.lq-side-quests article { display:grid; grid-template-columns:34px 1fr auto; gap:10px; align-items:center; padding:10px; border-radius:12px; background:rgba(2,14,17,.5); }
.lq-side-quests article p { margin:2px 0 0; color:var(--lq-muted); font-size:11px; }
.lq-dialogue-console { display:flex; flex-direction:column; min-height:660px; }
.lq-dialogue-stream { flex:1; display:flex; flex-direction:column; gap:12px; max-height:480px; margin:16px 0; padding:8px; overflow:auto; }
.lq-message { display:flex; gap:10px; max-width:88%; }
.lq-message.user { align-self:flex-end; flex-direction:row-reverse; }
.lq-message>span { flex:0 0 38px; display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--lq-line-strong); border-radius:13px; color:var(--lq-green); background:#061b1f; font-weight:950; }
.lq-message>div { padding:11px 13px; border:1px solid var(--lq-line); border-radius:5px 16px 16px 16px; background:rgba(9,35,40,.85); }
.lq-message.user>div { border-radius:16px 5px 16px 16px; background:rgba(53,242,164,.1); }
.lq-message small { color:var(--lq-green); font-size:8px; font-weight:900; }
.lq-message p { margin:4px 0 0; line-height:1.55; }
.lq-message a { color:var(--lq-green); font-size:11px; font-weight:900; }
.lq-chat-form { display:grid; grid-template-columns:1fr 110px; gap:9px; }
.lq-chat-form textarea { min-height:58px; }
.lq-chat-form button { border:0; border-radius:14px; color:#001a12; background:var(--lq-green); font-weight:900; cursor:pointer; }
.lq-chat-form button span,.lq-chat-form button b { display:block; }
.lq-prompt-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.lq-prompt-chips button { padding:8px 10px; border:1px solid var(--lq-line); border-radius:999px; color:var(--lq-muted); background:rgba(2,14,17,.5); font-size:10px; cursor:pointer; }
.lq-action-dock { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.lq-action-dock>a,.lq-action-dock>button { display:grid; grid-template-columns:46px 1fr auto; gap:10px; align-items:center; padding:14px; border:1px solid var(--lq-line); border-radius:17px; color:var(--lq-text); background:rgba(7,28,32,.86); text-decoration:none; text-align:left; }
.lq-action-dock>*>span { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; color:#001a12; background:var(--lq-green); font-size:20px; }
.lq-action-dock strong,.lq-action-dock small { display:block; }
.lq-action-dock small { color:var(--lq-muted); }
.lq-action-dock b { color:var(--lq-green); }
.lq-quest-lane>div { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }
.lq-quest-token button { width:100%; display:grid; grid-template-columns:40px 1fr auto; gap:9px; align-items:center; padding:13px; border:1px solid var(--lq-line); border-radius:14px; color:var(--lq-text); background:rgba(2,14,17,.55); text-align:left; }
.lq-quest-token button>span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:var(--lq-green); background:rgba(53,242,164,.09); }
.lq-quest-token strong,.lq-quest-token small { display:block; }
.lq-quest-token small { color:var(--lq-muted); }
.lq-quest-token b { color:var(--lq-green); }
.lq-quest-token.is-done button { opacity:.68; border-color:rgba(53,242,164,.35); }

/* Hero bay */
.lq-hero-bay-stage { position:relative; display:grid; grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr) 190px; align-items:center; min-height:670px; padding:45px; overflow:hidden; border:1px solid var(--lq-line); border-radius:32px; background:linear-gradient(125deg,#071a20,#02090c 60%); box-shadow:var(--lq-shadow); }
.lq-bay-background { position:absolute; inset:0; background:radial-gradient(circle at 55% 45%,rgba(53,242,164,.16),transparent 28%),linear-gradient(rgba(53,242,164,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(53,242,164,.03) 1px,transparent 1px); background-size:auto,42px 42px,42px 42px; }
.lq-bay-background::after { content:""; position:absolute; left:30%; right:8%; bottom:7%; height:30%; border:1px solid var(--lq-line-strong); border-radius:50%; transform:rotateX(72deg); }
.lq-bay-background i { position:absolute; width:5px; height:5px; border-radius:50%; background:var(--lq-cyan); box-shadow:0 0 14px var(--lq-cyan); }
.lq-bay-background i:nth-child(1){left:10%;top:20%}.lq-bay-background i:nth-child(2){right:12%;top:14%}.lq-bay-background i:nth-child(3){right:25%;bottom:15%}.lq-bay-background i:nth-child(4){left:35%;bottom:22%}.lq-bay-background i:nth-child(5){right:38%;top:8%}
.lq-bay-copy,.lq-bay-avatar,.lq-bay-stats { position:relative; z-index:2; }
.lq-bay-copy h1 { margin:10px 0; font-size:clamp(50px,6vw,90px); text-transform:uppercase; }
.lq-bay-copy>p { color:var(--lq-muted); line-height:1.65; }
.lq-rank-banner { display:flex; gap:12px; align-items:center; margin:23px 0; padding:14px; border:1px solid var(--lq-line); border-radius:17px; background:rgba(2,14,17,.6); }
.lq-rank-banner>span { display:grid; place-items:center; width:52px; height:52px; border-radius:15px; color:#001b12; background:var(--lq-green); font-size:24px; }
.lq-rank-banner small,.lq-rank-banner strong { display:block; }
.lq-rank-banner small { color:var(--lq-green); font-size:8px; font-weight:900; }
.lq-rank-banner strong { font-size:19px; }
.lq-rank-banner p { margin:2px 0 0; color:var(--lq-muted); font-size:11px; }
.lq-hero-bay-actions { display:flex; flex-wrap:wrap; gap:8px; }
.lq-bay-avatar { display:grid; place-items:center; }
.lq-bay-stats { display:grid; gap:9px; }
.lq-bay-stats>div { padding:13px; border:1px solid var(--lq-line); border-radius:15px; background:rgba(2,14,17,.7); }
.lq-bay-stats small,.lq-bay-stats strong,.lq-bay-stats span { display:block; }
.lq-bay-stats small { color:var(--lq-green); font-size:8px; font-weight:900; }
.lq-bay-stats strong { margin:4px 0; font-size:23px; }
.lq-bay-stats span { color:var(--lq-muted); font-size:9px; }
.lq-level-track { padding:16px 20px; border:1px solid var(--lq-line); border-radius:18px; background:rgba(7,28,32,.88); }
.lq-level-track>div { display:flex; gap:15px; justify-content:space-between; font-size:10px; font-weight:900; }
.lq-level-track>div span { color:var(--lq-green); }
.lq-level-track>div b { color:var(--lq-muted); }
.lq-level-track>i { position:relative; display:block; height:9px; margin-top:11px; border-radius:99px; background:rgba(255,255,255,.08); }
.lq-level-track>i u { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--lq-green),var(--lq-cyan)); }
.lq-level-track>i em { position:absolute; top:50%; transform:translate(-50%,-50%); color:#fff; text-shadow:0 0 10px var(--lq-green); font-style:normal; }
.lq-hero-grid { display:grid; grid-template-columns:minmax(420px,.85fr) minmax(0,1.15fr); gap:20px; }
.lq-avatar-customizer { display:grid; gap:14px; margin-top:15px; }
.lq-class-selector { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.lq-class-card { position:relative; display:grid; grid-template-columns:48px 1fr auto; gap:10px; align-items:center; padding:12px; border:1px solid var(--lq-line); border-radius:16px; background:rgba(2,14,17,.55); cursor:pointer; }
.lq-class-card input { position:absolute; opacity:0; pointer-events:none; }
.lq-class-card>span { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; color:var(--lq-green); background:rgba(53,242,164,.08); font-size:22px; }
.lq-class-card small,.lq-class-card strong { display:block; }
.lq-class-card small { color:var(--lq-muted); font-size:8px; }
.lq-class-card p { display:none; }
.lq-class-card>b { color:var(--lq-muted); font-size:8px; }
.lq-class-card.selected,.lq-class-card:has(input:checked) { border-color:var(--lq-green); background:rgba(53,242,164,.09); }
.lq-loadout-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.lq-skill-map { position:relative; min-height:470px; margin-top:10px; }
.lq-skill-map>svg { position:absolute; inset:6% 8%; width:84%; height:88%; }
.lq-skill-map>svg path { fill:none; stroke:rgba(53,242,164,.16); stroke-width:2; stroke-dasharray:8 8; }
.lq-skill-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:104px; height:104px; border:2px solid var(--lq-green); border-radius:50%; background:#071d20; box-shadow:0 0 40px rgba(53,242,164,.2); }
.lq-skill-core span { color:var(--lq-green); font-size:30px; }
.lq-skill-core strong { font-size:11px; }
.lq-skill-node { position:absolute; width:125px; min-height:88px; display:grid; place-items:center; padding:9px; border:1px solid var(--lq-line); border-radius:17px; background:#071a1f; text-align:center; text-decoration:none; }
.lq-skill-node>span { color:var(--lq-green); font-size:21px; }
.lq-skill-node>strong { font-size:10px; }
.lq-skill-node>small { color:var(--lq-muted); font-size:8px; }
.lq-skill-node>i { width:100%; height:4px; border-radius:99px; background:rgba(255,255,255,.07); overflow:hidden; }
.lq-skill-node>i u { display:block; width:calc(var(--skill)*1%); height:100%; background:var(--lq-green); }
.lq-node-1{left:0;top:5%}.lq-node-2{right:0;top:5%}.lq-node-3{left:0;top:43%}.lq-node-4{right:0;top:43%}.lq-node-5{left:16%;bottom:0}.lq-node-6{right:16%;bottom:0}
.lq-achievement-vault { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; }
.lq-achievement { min-height:230px; padding:17px; border:1px solid var(--lq-line); border-radius:19px; background:linear-gradient(160deg,rgba(9,31,35,.9),rgba(2,12,15,.9)); opacity:.52; }
.lq-achievement.unlocked { opacity:1; border-color:rgba(255,201,104,.28); background:linear-gradient(160deg,rgba(59,42,13,.55),rgba(5,21,24,.92)); }
.lq-achievement-medal { position:relative; display:grid; place-items:center; width:72px; height:72px; margin-bottom:14px; border:2px solid var(--lq-line); border-radius:50%; background:#06181c; }
.lq-achievement.unlocked .lq-achievement-medal { border-color:var(--lq-gold); box-shadow:0 0 30px rgba(255,201,104,.18); }
.lq-achievement-medal span { color:var(--lq-gold); font-size:28px; }
.lq-achievement small { color:var(--lq-muted); font-size:8px; font-weight:900; }
.lq-achievement h3 { margin:5px 0; font-size:18px; }
.lq-achievement p { color:var(--lq-muted); font-size:11px; }
.lq-achievement>b { color:var(--lq-gold); font-size:10px; }
.lq-reward-shop { display:grid; gap:9px; margin-top:15px; }
.lq-shop-item { display:grid; grid-template-columns:48px 1fr auto; gap:10px; align-items:center; padding:11px; border:1px solid var(--lq-line); border-radius:15px; background:rgba(2,14,17,.5); }
.lq-shop-item>span { display:grid; place-items:center; width:46px; height:46px; border-radius:13px; background:rgba(255,201,104,.08); font-size:22px; }
.lq-shop-item small,.lq-shop-item strong,.lq-shop-item b { display:block; }
.lq-shop-item small { color:var(--lq-muted); font-size:8px; }
.lq-shop-item b { color:var(--lq-gold); font-size:10px; }
.lq-shop-item button { min-height:36px; border:1px solid var(--lq-line); border-radius:10px; color:var(--lq-muted); background:#06171b; font-size:9px; font-weight:900; }
.lq-shop-item.can-buy button { color:#001a12; border-color:var(--lq-gold); background:var(--lq-gold); cursor:pointer; }
.lq-stack-form { display:grid; gap:11px; margin-top:15px; }
.lq-stack-form label { display:grid; gap:6px; }
.lq-redemption-log { display:grid; gap:6px; margin-top:18px; }
.lq-redemption-log>small { color:var(--lq-green); font-size:9px; font-weight:900; }
.lq-redemption-log>div { display:grid; grid-template-columns:auto 1fr auto; gap:9px; padding:8px; border-radius:10px; background:rgba(2,14,17,.5); font-size:10px; }
.lq-redemption-log em { color:var(--lq-gold); font-style:normal; }
.lq-xp-log>div { display:grid; gap:8px; margin-top:14px; }
.lq-xp-log article { display:grid; grid-template-columns:40px 1fr auto auto; gap:10px; align-items:center; padding:11px; border:1px solid var(--lq-line); border-radius:13px; background:rgba(2,14,17,.45); }
.lq-xp-log article>span { color:var(--lq-green); font-size:20px; }
.lq-xp-log article small,.lq-xp-log article strong,.lq-xp-log article p { display:block; margin:0; }
.lq-xp-log article small,.lq-xp-log article p { color:var(--lq-muted); font-size:9px; }
.lq-xp-log article>b { color:var(--lq-green); }
.lq-xp-log article>em { color:var(--lq-gold); font-style:normal; }

/* Legend hall */
.lq-legend-hero { display:grid; grid-template-columns:190px minmax(0,1fr) 240px; align-items:center; gap:28px; padding:32px; border:1px solid var(--lq-line); border-radius:30px; background:radial-gradient(circle at 15% 50%,rgba(155,120,255,.18),transparent 24%),linear-gradient(135deg,#071b21,#030b0f); box-shadow:var(--lq-shadow); }
.lq-legend-emblem { position:relative; display:grid; place-items:center; width:165px; height:165px; border-radius:50%; background:conic-gradient(var(--lq-violet) calc(var(--progress)*1%),rgba(255,255,255,.07) 0); }
.lq-legend-emblem::before { content:""; position:absolute; inset:10px; border-radius:50%; background:#06171c; }
.lq-legend-emblem i { position:absolute; inset:-12px; border:1px dashed rgba(155,120,255,.35); border-radius:50%; }
.lq-legend-emblem span,.lq-legend-emblem strong,.lq-legend-emblem small { position:relative; z-index:2; display:block; }
.lq-legend-emblem span { color:var(--lq-violet); font-size:9px; font-weight:900; }
.lq-legend-emblem strong { font-size:58px; line-height:1; }
.lq-legend-emblem small { color:var(--lq-muted); }
.lq-legend-copy h1 { margin:8px 0; font-size:clamp(42px,5vw,72px); }
.lq-legend-copy>p { color:var(--lq-muted); font-size:16px; }
.lq-level-road { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; margin-top:20px; font-size:9px; font-weight:900; }
.lq-level-road span { color:var(--lq-green); }
.lq-level-road b { color:var(--lq-muted); }
.lq-level-road i { height:8px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.lq-level-road u { display:block; height:100%; background:linear-gradient(90deg,var(--lq-violet),var(--lq-cyan)); }
.lq-season-card { padding:18px; border:1px solid rgba(155,120,255,.28); border-radius:18px; background:rgba(155,120,255,.07); }
.lq-season-card small,.lq-season-card strong { display:block; }
.lq-season-card small { color:var(--lq-violet); font-size:9px; font-weight:900; }
.lq-season-card strong { margin:5px 0; font-size:38px; }
.lq-season-card p { color:var(--lq-muted); }
.lq-season-card a { color:var(--lq-violet); font-size:10px; font-weight:900; text-decoration:none; }
.lq-stat-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; }
.lq-stat-cards article { display:grid; grid-template-columns:52px 1fr; gap:11px; padding:16px; border:1px solid var(--lq-line); border-radius:18px; background:rgba(7,28,32,.86); }
.lq-stat-cards article>span { grid-row:1/3; display:grid; place-items:center; width:50px; height:50px; border-radius:14px; color:#001a12; background:var(--lq-green); font-size:22px; }
.lq-stat-cards small,.lq-stat-cards strong,.lq-stat-cards p { display:block; margin:0; }
.lq-stat-cards small { color:var(--lq-muted); font-size:8px; font-weight:900; }
.lq-stat-cards strong { font-size:28px; }
.lq-stat-cards p { color:var(--lq-muted); font-size:10px; }
.lq-stat-cards article>b { grid-column:1/3; color:var(--lq-green); font-size:9px; }
.lq-timeline-chart .line-chart { min-height:330px; margin-top:15px; }
.lq-timeline-chart footer { display:flex; flex-wrap:wrap; gap:12px; color:var(--lq-muted); font-size:9px; }
.lq-timeline-chart footer p { margin:0 0 0 auto; }
.lq-skill-bars { display:grid; gap:9px; margin-top:15px; }
.lq-skill-bars article { display:grid; grid-template-columns:38px 1fr auto; gap:10px; align-items:center; }
.lq-skill-bars article>span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:var(--lq-green); background:rgba(53,242,164,.08); }
.lq-skill-bars strong,.lq-skill-bars small { display:block; }
.lq-skill-bars small { color:var(--lq-muted); font-size:8px; }
.lq-skill-bars i { display:block; height:5px; margin:5px 0; border-radius:99px; background:rgba(255,255,255,.07); overflow:hidden; }
.lq-skill-bars u { display:block; width:calc(var(--skill)*1%); height:100%; background:linear-gradient(90deg,var(--lq-green),var(--lq-cyan)); }
.lq-skill-bars article>b { color:var(--lq-green); font-size:9px; }
.lq-trophy-shelf { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.lq-trophy-shelf article { min-height:190px; padding:15px; border:1px solid rgba(255,201,104,.22); border-radius:18px; background:linear-gradient(160deg,rgba(59,42,13,.4),rgba(4,18,21,.92)); text-align:center; }
.lq-trophy-shelf article>div { position:relative; display:grid; place-items:center; width:76px; height:76px; margin:0 auto 12px; border:2px solid var(--lq-gold); border-radius:50%; box-shadow:0 0 24px rgba(255,201,104,.15); }
.lq-trophy-shelf article span { color:var(--lq-gold); font-size:27px; }
.lq-trophy-shelf small { color:var(--lq-gold); font-size:8px; font-weight:900; }
.lq-trophy-shelf strong { display:block; margin:5px 0; font-size:13px; }
.lq-trophy-shelf p { color:var(--lq-muted); font-size:9px; }
.lq-adventure-links { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }
.lq-adventure-links a { display:grid; grid-template-columns:56px 1fr auto; gap:12px; align-items:center; padding:16px; border:1px solid var(--lq-line); border-radius:18px; background:rgba(7,28,32,.86); text-decoration:none; }
.lq-adventure-links>a>span { display:grid; place-items:center; width:56px; height:56px; border-radius:16px; color:#001a12; background:var(--lq-green); font-size:24px; }
.lq-adventure-links small,.lq-adventure-links strong,.lq-adventure-links p { display:block; margin:0; }
.lq-adventure-links small { color:var(--lq-green); font-size:8px; font-weight:900; }
.lq-adventure-links p { margin-top:3px; color:var(--lq-muted); font-size:10px; }
.lq-adventure-links b { color:var(--lq-green); }
.lq-vault-details { padding:0; overflow:hidden; }
.lq-vault-details>summary { display:grid; grid-template-columns:46px 1fr auto; gap:12px; align-items:center; padding:17px 20px; cursor:pointer; }
.lq-vault-details>summary>span { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; color:var(--lq-green); background:rgba(53,242,164,.08); font-size:21px; }
.lq-vault-details>summary small,.lq-vault-details>summary strong { display:block; }
.lq-vault-details>summary small { color:var(--lq-green); font-size:8px; font-weight:900; }
.lq-vault-details>summary b { color:var(--lq-muted); font-size:9px; }
.lq-vault-body { padding:0 20px 20px; }

/* Briefing */
.lq-briefing-hero { display:grid; grid-template-columns:140px 1fr 150px; gap:25px; align-items:center; padding:28px; border:1px solid var(--lq-line); border-radius:28px; background:radial-gradient(circle at 10% 50%,rgba(72,216,255,.17),transparent 22%),linear-gradient(135deg,#071c22,#020b0e); }
.lq-briefing-radar { position:relative; display:grid; place-items:center; width:130px; height:130px; border:1px solid rgba(72,216,255,.38); border-radius:50%; }
.lq-briefing-radar::before { content:""; position:absolute; inset:15px; border:1px dashed rgba(72,216,255,.3); border-radius:50%; }
.lq-briefing-radar::after { content:""; position:absolute; left:50%; top:50%; width:50%; height:1px; background:var(--lq-cyan); transform-origin:left; transform:rotate(-35deg); }
.lq-briefing-radar span { color:var(--lq-cyan); font-size:34px; }
.lq-briefing-radar i { position:absolute; width:6px; height:6px; border-radius:50%; background:var(--lq-cyan); box-shadow:0 0 12px var(--lq-cyan); }
.lq-briefing-radar i:nth-child(1){left:25%;top:28%}.lq-briefing-radar i:nth-child(2){right:22%;bottom:30%}.lq-briefing-radar i:nth-child(3){left:42%;bottom:14%}
.lq-briefing-hero h1 { margin:8px 0; font-size:clamp(37px,5vw,66px); }
.lq-briefing-hero p { color:var(--lq-muted); line-height:1.6; }
.lq-briefing-hero>aside { padding:15px; border:1px solid var(--lq-line); border-radius:16px; text-align:center; }
.lq-briefing-hero aside strong,.lq-briefing-hero aside small,.lq-briefing-hero aside span { display:block; }
.lq-briefing-hero aside strong { color:var(--lq-green); font-size:24px; }
.lq-briefing-hero aside small { font-size:8px; font-weight:900; }
.lq-briefing-hero aside span { margin-top:5px; color:var(--lq-muted); font-size:8px; }
.lq-briefing-form { display:grid; gap:26px; padding:25px; }
.lq-mood-console,.lq-briefing-step { display:grid; gap:15px; }
.lq-vitals-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.lq-vital { display:grid; gap:12px; padding:15px; border:1px solid var(--lq-line); border-radius:17px; background:rgba(2,14,17,.5); }
.lq-vital>div { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:8px; }
.lq-vital>div span { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; color:#001a12; background:var(--lq-green); font-size:18px; }
.lq-vital>div strong { font-size:12px; }
.lq-vital>div b { color:var(--lq-green); }
.lq-vital input[type=range] { min-height:18px; padding:0; border:0; accent-color:var(--lq-green); }
.lq-vital footer { display:flex; align-items:center; gap:7px; }
.lq-vital footer small { color:var(--lq-muted); font-size:7px; }
.lq-vital footer i { flex:1; height:3px; background:linear-gradient(90deg,var(--lq-red),var(--lq-green)); }
.lq-intention-cards { display:grid; grid-template-columns:repeat(5,1fr); gap:9px; }
.lq-intention-cards label { position:relative; display:grid; place-items:center; min-height:118px; padding:10px; border:1px solid var(--lq-line); border-radius:16px; background:rgba(2,14,17,.48); cursor:pointer; text-align:center; }
.lq-intention-cards input { position:absolute; opacity:0; }
.lq-intention-cards span { font-size:28px; }
.lq-intention-cards strong { margin-top:5px; }
.lq-intention-cards small { color:var(--lq-muted); font-size:8px; }
.lq-intention-cards label:has(input:checked) { border-color:var(--lq-green); background:rgba(53,242,164,.1); box-shadow:0 0 22px rgba(53,242,164,.08); }
.lq-main-objective { display:grid; gap:6px; }
.lq-main-objective>div { display:grid; grid-template-columns:50px 1fr; }
.lq-main-objective i { display:grid; place-items:center; border:1px solid var(--lq-line); border-right:0; border-radius:14px 0 0 14px; color:var(--lq-gold); background:rgba(255,201,104,.08); font-style:normal; }
.lq-main-objective input { border-radius:0 14px 14px 0; }
.lq-context-drawer { border:1px solid var(--lq-line); border-radius:17px; overflow:hidden; }
.lq-context-drawer summary { display:grid; grid-template-columns:40px 1fr auto; gap:10px; align-items:center; padding:15px; cursor:pointer; }
.lq-context-drawer summary>span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:var(--lq-green); background:rgba(53,242,164,.08); font-size:20px; }
.lq-context-drawer summary strong,.lq-context-drawer summary small { display:block; }
.lq-context-drawer summary small { color:var(--lq-muted); }
.lq-context-drawer summary>b { color:var(--lq-green); }
.lq-context-body { display:grid; gap:14px; padding:0 15px 15px; }
.lq-briefing-submit { min-height:66px; display:grid; grid-template-columns:40px 1fr auto; text-align:left; }
.lq-briefing-submit>span { font-size:24px; }
.lq-briefing-submit strong,.lq-briefing-submit small { display:block; }
.lq-briefing-submit small { opacity:.72; }
.lq-micro-quest { display:grid; grid-template-columns:120px 1fr; gap:18px; align-items:center; }
.lq-dice { position:relative; display:grid; place-items:center; width:105px; height:105px; border:2px solid var(--lq-violet); border-radius:27px; background:rgba(155,120,255,.1); transform:rotate(-4deg); }
.lq-dice span { font-size:45px; }
.lq-micro-quest h2 { margin:4px 0; }
.lq-micro-quest p { color:var(--lq-muted); }

/* Existing game screens and all remaining modules */
body[data-shell-version^="8.0"] .page-heading { padding:26px; border:1px solid var(--lq-line); border-radius:26px; background:linear-gradient(135deg,rgba(9,34,39,.92),rgba(3,15,18,.95)); }
body[data-shell-version^="8.0"] .page-heading h1 { font-size:clamp(36px,5vw,68px); }
body[data-shell-version^="8.0"] .hero-kicker,.section-title small,.panel-head small { color:var(--lq-green); }
body[data-shell-version^="8.0"] .section-title { margin-top:22px; }
body[data-shell-version^="8.0"] .section-title span { background:linear-gradient(90deg,var(--lq-line-strong),transparent); }
body[data-shell-version^="8.0"] .challenge-card,
body[data-shell-version^="8.0"] .odyssey-mission,
body[data-shell-version^="8.0"] .project-card,
body[data-shell-version^="8.0"] .goal-card,
body[data-shell-version^="8.0"] .routine-card { border-radius:20px; overflow:hidden; }
body[data-shell-version^="8.0"] .game-challenge-card { transition:transform .18s ease,border-color .18s ease; }
body[data-shell-version^="8.0"] .game-challenge-card:hover { transform:translateY(-4px); border-color:var(--lq-green); }
body[data-shell-version^="8.0"] .challenge-thumbnail { background:radial-gradient(circle at 50% 40%,rgba(53,242,164,.2),transparent 45%),#07191e; }
body[data-shell-version^="8.0"] .challenge-validate-button { border-radius:13px; }
body[data-shell-version^="8.0"] .odyssey-hero { border-radius:30px; border-color:var(--lq-line); background:radial-gradient(circle at 70% 35%,rgba(155,120,255,.18),transparent 32%),linear-gradient(135deg,#071a20,#020b0e); }
body[data-shell-version^="8.0"] .weekly-boss-card { border-color:rgba(255,86,109,.25); background:linear-gradient(145deg,rgba(48,13,21,.7),rgba(5,21,24,.92)); }
body[data-shell-version^="8.0"] .data-table-wrap { overflow:auto; }
body[data-shell-version^="8.0"] .data-table th { color:var(--lq-green); background:#061b1f; }
body[data-shell-version^="8.0"] .data-table tr:hover td { background:rgba(53,242,164,.035); }
body[data-shell-version^="8.0"] .empty-state { color:var(--lq-muted); }
body[data-shell-version^="8.0"] .toast { border-radius:16px; border-color:var(--lq-line-strong); background:#071c20; }
body[data-shell-version^="8.0"] .toggle-grid label { border-color:var(--lq-line); background:rgba(2,14,17,.5); }
body[data-shell-version^="8.0"] details.module-companion { border-radius:20px; }

/* Onboarding as character creation */
body[data-shell-version^="8.0"].onboarding-body { background:radial-gradient(circle at 50% 15%,rgba(53,242,164,.14),transparent 28%),#020a0d; }
body[data-shell-version^="8.0"] .genesis-shell { min-height:100vh; }
body[data-shell-version^="8.0"] .genesis-console { border-color:var(--lq-line); border-radius:30px; background:linear-gradient(145deg,rgba(8,31,36,.96),rgba(2,11,14,.97)); box-shadow:var(--lq-shadow); }
body[data-shell-version^="8.0"] .genesis-progress i u { background:linear-gradient(90deg,var(--lq-green),var(--lq-cyan)); }
body[data-shell-version^="8.0"] .genesis-choice-card { border-radius:18px; border-color:var(--lq-line); }
body[data-shell-version^="8.0"] .genesis-choice-card:has(input:checked) { border-color:var(--lq-green); background:rgba(53,242,164,.09); }

/* Celebration and game feedback */
.lq-xp-burst { position:fixed; z-index:10050; left:50%; top:45%; transform:translate(-50%,-50%); pointer-events:none; display:grid; place-items:center; color:var(--lq-green); font-size:38px; font-weight:1000; text-shadow:0 0 25px rgba(53,242,164,.6); animation:lqXpBurst .85s ease forwards; }
.lq-xp-burst small { display:block; color:#fff; font-size:10px; letter-spacing:.1em; }
.lq-particle { position:fixed; z-index:10049; width:7px; height:7px; border-radius:2px; pointer-events:none; background:var(--lq-green); animation:lqParticle .8s ease-out forwards; }
.lq-achievement-pop { position:fixed; z-index:10060; left:50%; top:50%; transform:translate(-50%,-50%); width:min(420px,calc(100vw - 30px)); padding:24px; border:1px solid var(--lq-gold); border-radius:24px; background:linear-gradient(145deg,#30220c,#06191d); box-shadow:0 30px 120px rgba(0,0,0,.7),0 0 50px rgba(255,201,104,.18); text-align:center; animation:lqPop .4s ease both; }
.lq-achievement-pop>span { display:grid; place-items:center; width:74px; height:74px; margin:0 auto 12px; border:2px solid var(--lq-gold); border-radius:50%; color:var(--lq-gold); font-size:34px; box-shadow:0 0 30px rgba(255,201,104,.2); }
.lq-achievement-pop small { color:var(--lq-gold); font-weight:900; letter-spacing:.12em; }
.lq-achievement-pop h2 { margin:7px 0; }
.lq-achievement-pop p { color:var(--lq-muted); }
.lq-achievement-pop button { min-height:42px; padding:0 18px; border:0; border-radius:12px; color:#241600; background:var(--lq-gold); font-weight:900; cursor:pointer; }
.lq-reveal { animation:lqReveal .5s ease both; }
@keyframes lqReveal { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }
@keyframes lqXpBurst { 0%{opacity:0;transform:translate(-50%,-30%) scale(.7)} 20%{opacity:1;transform:translate(-50%,-50%) scale(1.15)} 100%{opacity:0;transform:translate(-50%,-110%) scale(.95)} }
@keyframes lqParticle { from{opacity:1;transform:translate(0,0) rotate(0)} to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(240deg)} }
@keyframes lqPop { from{opacity:0;transform:translate(-50%,-46%) scale(.88)} to{opacity:1;transform:translate(-50%,-50%) scale(1)} }
@keyframes lqAvatarIdle { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes lqOrbit { to{transform:rotate(360deg)} }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .lq-avatar svg { animation:lqAvatarIdle 5.5s ease-in-out infinite; }
  .lq-avatar-aura i:nth-child(2),.lq-companion-ring { animation:lqOrbit 18s linear infinite; }
}

/* Responsive */
@media (max-width:1180px) {
  .lq-nexus-hero { grid-template-columns:1fr 420px; }
  .lq-world-portals { grid-template-columns:1fr 1fr; }
  .lq-action-dock { grid-template-columns:1fr 1fr; }
  .lq-achievement-vault { grid-template-columns:repeat(3,1fr); }
  .lq-trophy-shelf { grid-template-columns:repeat(3,1fr); }
  .lq-hero-bay-stage { grid-template-columns:300px 1fr; }
  .lq-bay-stats { grid-column:1/3; grid-template-columns:repeat(4,1fr); }
}

@media (max-width:900px) {
  :root { --lq-nav-height:74px; }
  html { height:auto!important; overflow-x:hidden!important; overflow-y:auto!important; }
  body[data-shell-version^="8.0"] { min-height:100dvh; height:auto!important; overflow-x:hidden!important; overflow-y:auto!important; padding-top:calc(64px + env(safe-area-inset-top)); padding-bottom:calc(var(--lq-nav-height) + 24px + env(safe-area-inset-bottom)); touch-action:pan-y pinch-zoom; }
  body[data-shell-version^="8.0"] .app-shell { display:block; min-height:0; }
  body[data-shell-version^="8.0"] .sidebar,
  body[data-shell-version^="8.0"] .topbar { display:none!important; }
  body[data-shell-version^="8.0"] .main-area,
  body[data-shell-version^="8.0"] .page-wrap,
  body[data-shell-version^="8.0"] .page-content,
  body[data-shell-version^="8.0"] main#main-content { min-height:0!important; height:auto!important; max-height:none!important; overflow:visible!important; }
  body[data-shell-version^="8.0"] .page-content { padding:14px 12px 28px; }
  body[data-shell-version^="8.0"] .module-arcade-stage,.next-moves-strip { display:none!important; }
  .lq-mobile-hud { position:fixed; z-index:9000; top:0; left:0; right:0; height:calc(64px + env(safe-area-inset-top)); display:grid; grid-template-columns:minmax(0,1fr) 110px auto 44px; align-items:end; gap:7px; padding:env(safe-area-inset-top) 10px 8px; border-bottom:1px solid var(--lq-line); background:rgba(3,15,18,.98); }
  .lq-mobile-brand { display:flex; align-items:center; gap:8px; min-width:0; text-decoration:none; }
  .lq-mobile-logo { position:relative; display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--lq-line-strong); border-radius:12px; color:var(--lq-green); background:rgba(53,242,164,.06); }
  .lq-mobile-logo i { position:absolute; inset:5px; border:1px dashed rgba(53,242,164,.35); border-radius:50%; }
  .lq-mobile-logo b { position:relative; z-index:2; }
  .lq-mobile-brand>span:last-child { min-width:0; }
  .lq-mobile-brand strong,.lq-mobile-brand small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .lq-mobile-brand strong { font-size:11px; letter-spacing:.08em; }
  .lq-mobile-brand small { color:var(--lq-green); font-size:7px; font-weight:900; letter-spacing:.11em; }
  .lq-mobile-level { display:block; min-width:0; text-decoration:none; }
  .lq-mobile-level>span { display:flex; justify-content:space-between; gap:4px; font-size:8px; }
  .lq-mobile-level>span b { color:var(--lq-green); }
  .lq-mobile-level>span small { color:var(--lq-muted); }
  .lq-mobile-level>i { display:block; height:5px; margin-top:4px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
  .lq-mobile-level u { display:block; height:100%; background:linear-gradient(90deg,var(--lq-green),var(--lq-cyan)); }
  .lq-mobile-wallet { display:flex; align-items:center; gap:3px; color:var(--lq-gold); font-size:10px; }
  .lq-mobile-world { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--lq-line); border-radius:12px; color:var(--lq-green); background:#061a1e; }
  .lq-mobile-nav { position:fixed; z-index:9000; left:0; right:0; bottom:0; height:calc(var(--lq-nav-height) + env(safe-area-inset-bottom)); display:grid; grid-template-columns:repeat(5,1fr); align-items:start; padding:5px 5px env(safe-area-inset-bottom); border-top:1px solid var(--lq-line); background:rgba(3,15,18,.99); }
  .lq-mobile-nav>a,.lq-mobile-nav>button { position:relative; min-width:0; height:64px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; border:0; border-radius:13px; color:#788f91; background:transparent; text-decoration:none; }
  .lq-mobile-nav>a>span,.lq-mobile-nav>button>span { font-size:19px; }
  .lq-mobile-nav small { font-size:8px; font-weight:850; }
  .lq-mobile-nav .active { color:var(--lq-green); background:rgba(53,242,164,.07); }
  .lq-mobile-nav .active::after { content:""; position:absolute; top:3px; width:18px; height:2px; border-radius:99px; background:var(--lq-green); box-shadow:0 0 10px var(--lq-green); }
  .lq-avatar-tab { transform:translateY(-17px); }
  .lq-avatar-tab>span { position:relative; display:grid; place-items:center; width:58px; height:58px; border:2px solid var(--lq-green); border-radius:21px; color:#001a12; background:linear-gradient(145deg,#a5ffe3,var(--lq-green)); box-shadow:0 8px 28px rgba(53,242,164,.22); }
  .lq-avatar-tab>span b { font-size:22px; }
  .lq-avatar-tab>span i { position:absolute; inset:5px; border:1px dashed rgba(0,48,32,.3); border-radius:16px; }
  .lq-avatar-tab small { margin-top:-1px; }
  .lq-mobile-fab { position:fixed; z-index:8999; right:12px; bottom:calc(var(--lq-nav-height) + 12px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:6px; min-height:40px; padding:0 12px; border:1px solid var(--lq-line-strong); border-radius:999px; color:#001b12; background:var(--lq-green); box-shadow:0 10px 30px rgba(0,0,0,.35); font-weight:900; }
  .lq-mobile-fab small { font-size:8px; }
  body.life-keyboard-open .lq-mobile-nav,body.life-keyboard-open .lq-mobile-fab { display:none!important; }
  .r7-universe { z-index:10000; }
  .r7-universe-panel { width:100%; max-width:none; border-radius:24px 24px 0 0; background:#061a1e; }
  .r7-universe-scroll { overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .lq-nexus-hero,.lq-coach-stage,.lq-legend-hero,.lq-hero-bay-stage,.lq-briefing-hero { grid-template-columns:1fr; min-height:0; }
  .lq-nexus-hero { border-radius:24px; }
  .lq-hero-story { padding:26px 20px; }
  .lq-hero-story h1 { font-size:47px; }
  .lq-hero-story>p { font-size:14px; }
  .lq-live-stats { margin-top:22px; }
  .lq-live-stats>div { padding:10px; }
  .lq-live-stats strong { font-size:15px; }
  .lq-avatar-sanctuary { min-height:500px; border-left:0; border-top:1px solid var(--lq-line); }
  .lq-avatar-hero { width:min(310px,88vw); }
  .lq-sanctuary-hud { left:12px; right:12px; bottom:12px; }
  .lq-main-quest { grid-template-columns:1fr; }
  .lq-quest-art { min-height:170px; border-right:0; border-bottom:1px solid rgba(255,201,104,.2); }
  .lq-quest-art>span { font-size:55px; }
  .lq-main-quest-copy { padding:20px; }
  .lq-quest-rank { display:none; }
  .lq-two-columns,.lq-coach-grid,.lq-hero-grid { grid-template-columns:1fr; }
  .lq-world-portals { grid-template-columns:1fr 1fr; }
  .lq-portal { min-height:210px; padding:15px; }
  .lq-portal>span { font-size:48px; }
  .lq-portal h3 { font-size:17px; }
  .lq-companion-card { grid-template-columns:86px 1fr; }
  .lq-companion-orb { width:80px; height:80px; }
  .lq-coach-stage { padding:24px 18px; text-align:center; }
  .lq-companion-entity { width:180px; height:180px; }
  .lq-coach-intro h1 { font-size:42px; }
  .lq-coach-status-row { grid-template-columns:1fr 1fr; }
  .lq-speech-button { position:absolute; right:16px; top:16px; width:68px; height:68px; }
  .lq-dialogue-console { min-height:580px; }
  .lq-action-dock { grid-template-columns:1fr 1fr; }
  .lq-quest-lane>div { grid-template-columns:1fr; }
  .lq-hero-bay-stage { padding:25px 16px; text-align:center; }
  .lq-bay-copy h1 { font-size:54px; }
  .lq-rank-banner { text-align:left; }
  .lq-bay-avatar { grid-row:2; }
  .lq-bay-stats { grid-column:auto; grid-template-columns:1fr 1fr; text-align:left; }
  .lq-loadout-fields,.lq-class-selector { grid-template-columns:1fr; }
  .lq-skill-map { min-height:530px; }
  .lq-skill-node { width:108px; }
  .lq-node-1{left:0}.lq-node-2{right:0}.lq-node-3{left:0;top:44%}.lq-node-4{right:0;top:44%}.lq-node-5{left:5%}.lq-node-6{right:5%}
  .lq-achievement-vault { grid-template-columns:1fr 1fr; }
  .lq-achievement { min-height:210px; }
  .lq-legend-hero { padding:24px 18px; text-align:center; }
  .lq-legend-emblem { margin:auto; }
  .lq-level-road { grid-template-columns:1fr; }
  .lq-season-card { text-align:left; }
  .lq-stat-cards { grid-template-columns:1fr 1fr; }
  .lq-trophy-shelf { grid-template-columns:1fr 1fr; }
  .lq-adventure-links { grid-template-columns:1fr; }
  .lq-briefing-hero { padding:23px 17px; text-align:center; }
  .lq-briefing-radar { margin:auto; }
  .lq-vitals-grid { grid-template-columns:1fr 1fr; }
  .lq-intention-cards { grid-template-columns:repeat(3,1fr); }
  .lq-micro-quest { grid-template-columns:90px 1fr; }
  .lq-dice { width:80px; height:80px; }
  .lq-section-heading { align-items:flex-start; }
  .lq-section-heading .lq-button { min-height:38px; padding:0 10px; font-size:9px; }
  .lq-achievement-pop { top:45%; }
}

@media (max-width:560px) {
  .lq-mobile-hud { grid-template-columns:minmax(0,1fr) 96px auto 40px; }
  .lq-mobile-wallet span { display:none; }
  .lq-story-banner,.lq-unlock-banner { align-items:flex-start; }
  .lq-story-banner>a,.lq-unlock-banner>a { display:none; }
  .lq-hero-story h1 { font-size:41px; }
  .lq-hero-actions { display:grid; }
  .lq-live-stats { grid-template-columns:1fr 1fr; }
  .lq-live-stats>div:first-child { grid-column:1/3; }
  .lq-quest-row { grid-template-columns:43px minmax(0,1fr) 50px; padding:9px; }
  .lq-quest-row>button { width:42px; height:42px; }
  .lq-world-portals { grid-template-columns:1fr; }
  .lq-portal { min-height:190px; }
  .lq-rituals { grid-template-columns:1fr 1fr; }
  .lq-companion-card { grid-template-columns:1fr; text-align:center; }
  .lq-companion-orb { margin:auto; }
  .lq-companion-actions { justify-content:center; }
  .lq-coach-status-row { grid-template-columns:1fr 1fr; }
  .lq-action-dock { grid-template-columns:1fr; }
  .lq-chat-form { grid-template-columns:1fr 80px; }
  .lq-class-selector { grid-template-columns:1fr; }
  .lq-achievement-vault { grid-template-columns:1fr; }
  .lq-bay-stats { grid-template-columns:1fr 1fr; }
  .lq-trophy-shelf { grid-template-columns:1fr 1fr; }
  .lq-stat-cards { grid-template-columns:1fr 1fr; }
  .lq-stat-cards article { grid-template-columns:42px 1fr; padding:12px; }
  .lq-stat-cards article>span { width:42px; height:42px; }
  .lq-stat-cards strong { font-size:22px; }
  .lq-vitals-grid { grid-template-columns:1fr; }
  .lq-intention-cards { grid-template-columns:1fr 1fr; }
  .lq-briefing-submit { grid-template-columns:34px 1fr auto; padding:0 12px; }
  .lq-main-quest-copy h3 { font-size:28px; }
}

/* Android WebView stability */
body.native-android[data-shell-version^="8.0"] *,
body.native-android[data-shell-version^="8.0"] *::before,
body.native-android[data-shell-version^="8.0"] *::after { -webkit-backdrop-filter:none!important; backdrop-filter:none!important; }
body.native-android[data-shell-version^="8.0"]::before { display:none; }
body.native-android[data-shell-version^="8.0"] .lq-avatar svg,
body.native-android[data-shell-version^="8.0"] .lq-avatar-aura i,
body.native-android[data-shell-version^="8.0"] .lq-companion-ring { animation:none!important; }
body.native-android[data-shell-version^="8.0"] .lq-reveal { animation:none; }
body.native-android[data-shell-version^="8.0"] .lq-mobile-hud,
body.native-android[data-shell-version^="8.0"] .lq-mobile-nav { background:#031014; }

@media (prefers-reduced-motion:reduce) {
  body[data-shell-version^="8.0"] *,body[data-shell-version^="8.0"] *::before,body[data-shell-version^="8.0"] *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
}
.lq-avatar-alchemist { --avatar-main:#ff6ec7; --avatar-light:#ffd0ed; --avatar-dark:#81285f; }
.lq-avatar-vanguard { --avatar-main:#ff795b; --avatar-light:#ffd0c3; --avatar-dark:#922f23; }