.lexapyr-service-actions{display:flex;align-items:center;gap:7px}.lexapyr-ad-slot{width:min(100%,932px);
  min-height:0;
  margin:24px auto;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:20px;
  color:#c7b5a3;
  background:transparent;
  text-align:center;}.lexapyr-ad-slot.is-ready{min-height:112px;
  display:grid;
  place-items:center;
  gap:4px;
  padding:18px;
  border:1.2px dashed rgba(227,154,37,.42);
  background:rgba(24,11,5,.82);}.lexapyr-ad-slot[hidden]{display:none!important}.lexapyr-ad-label{display:block;
  color:#e39a25;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;}.lexapyr-ad-slot strong{font-size:18px;color:#fff6ea}.lexapyr-ad-slot small{font-size:14px;color:#9f8a77}@media (max-width:560px){.lexapyr-ad-slot{margin:18px auto}.lexapyr-ad-slot.is-ready{min-height:96px;border-radius:16px}}



/* Shared UI layer. */
[data-lexapyr-mascot="still"]{position:relative;isolation:isolate;}[data-lexapyr-mascot="still"] img{display:block;width:100%;height:100%;object-fit:contain;animation:none!important;transform:none!important;will-change:auto!important;}[data-lexapyr-mascot="still"]::before,[data-lexapyr-mascot="still"]::after{animation:none!important;}.complete-modal .completion-mascot[data-lexapyr-mascot="still"]{display:grid!important;place-items:center!important;overflow:visible!important;}.complete-modal .completion-mascot[data-lexapyr-mascot="still"] img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 18px 22px color-mix(in srgb,var(--theme-primary,#9c43ff) 24%,transparent));}.lexapyr-mascot-message{width:100%;min-height:184px;padding:18px 22px;display:grid;grid-template-columns:146px minmax(0,1fr);align-items:center;gap:20px;border:1.5px solid var(--theme-line-accent,var(--border-soft));border-radius:22px;color:var(--theme-text,var(--text));background:
    linear-gradient(145deg,color-mix(in srgb,var(--theme-primary,#9c43ff) 16%,transparent),transparent 52%),
    var(--theme-panel,var(--surface));box-shadow:var(--theme-card-shadow,var(--shadow-soft));text-align:left;}.lexapyr-mascot-message .lexapyr-mascot-stage{width:146px;height:146px;display:grid;place-items:center;pointer-events:none;}.lexapyr-mascot-message .lexapyr-mascot-copy{min-width:0;}.lexapyr-mascot-message strong{display:block;margin:0;color:var(--theme-text-strong,var(--text));font-size:28px;font-weight:950;line-height:1.1;}.lexapyr-mascot-message p{margin:8px 0 0;color:var(--theme-text-muted,var(--muted));font-size:21px;line-height:1.35;}@media (max-width:720px){.lexapyr-mascot-message{min-height:150px;padding:14px 16px;grid-template-columns:112px minmax(0,1fr);gap:14px;}.lexapyr-mascot-message .lexapyr-mascot-stage{width:112px;height:112px;}.lexapyr-mascot-message strong{font-size:24px;}.lexapyr-mascot-message p{font-size:18px;}}

html[data-theme-system="tokens"]{color-scheme:dark;--theme-font:ui-rounded,"SF Pro Rounded","Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;--theme-text:#fff8e8;--theme-text-strong:#fff;--theme-muted:#e3d9f4;--theme-muted-2:#c9bcdf;--theme-danger:#ff6d7d;--theme-success:#53dda0;--theme-warning:#ffd457;--theme-line:rgba(255,248,232,.22);--theme-line-accent:color-mix(in srgb,var(--theme-secondary) 56%,transparent);--theme-shadow:rgba(12,5,38,.42);--theme-shadow-soft:rgba(12,5,38,.28);--theme-page:
    radial-gradient(circle at 8% 7%,color-mix(in srgb,var(--theme-primary) 38%,transparent),transparent 340px),
    radial-gradient(circle at 92% 19%,color-mix(in srgb,var(--theme-secondary) 28%,transparent),transparent 410px),
    radial-gradient(circle at 53% 94%,color-mix(in srgb,var(--theme-reward) 13%,transparent),transparent 450px),
    linear-gradient(155deg,var(--theme-bg-deep) 0%,var(--theme-bg-mid) 43%,var(--theme-bg-end) 100%);--theme-app:
    radial-gradient(circle at 5% 12%,color-mix(in srgb,var(--theme-primary) 25%,transparent),transparent 300px),
    radial-gradient(circle at 95% 34%,color-mix(in srgb,var(--theme-secondary) 20%,transparent),transparent 360px),
    linear-gradient(180deg,var(--theme-bg-mid),color-mix(in srgb,var(--theme-surface-2) 76%,var(--theme-bg-deep)) 56%,var(--theme-bg-end));--theme-header:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--theme-reward) 18%,transparent),transparent 190px),
    linear-gradient(105deg,var(--theme-surface) 0%,var(--theme-primary-2) 48%,var(--theme-secondary-2) 100%);--theme-panel:linear-gradient(142deg,var(--theme-surface) 0%,var(--theme-surface-2) 56%,var(--theme-surface-3) 100%);--theme-panel-deep:linear-gradient(145deg,var(--theme-inner) 0%,var(--theme-inner-2) 100%);--theme-action:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2) 52%,var(--theme-secondary-2));--theme-active:linear-gradient(135deg,var(--theme-reward),var(--theme-secondary));--theme-brand:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 86%,white),var(--theme-primary-2));}html[data-lexapyr-theme="festival"]{--theme-bg-deep:#251149;--theme-bg-mid:#3b1c72;--theme-bg-end:#126f7c;--theme-surface:#572a9c;--theme-surface-2:#344d96;--theme-surface-3:#12646f;--theme-inner:#321d63;--theme-inner-2:#214f76;--theme-primary:#c53cff;--theme-primary-2:#7650ff;--theme-secondary:#25d1c7;--theme-secondary-2:#126f7c;--theme-reward:#ffd457;}html[data-lexapyr-theme="aurora"]{--theme-bg-deep:#07192d;--theme-bg-mid:#123c66;--theme-bg-end:#0b646c;--theme-surface:#174c72;--theme-surface-2:#344f9b;--theme-surface-3:#0c7074;--theme-inner:#102d4d;--theme-inner-2:#17475c;--theme-primary:#6878ff;--theme-primary-2:#3e9eff;--theme-secondary:#36e0c8;--theme-secondary-2:#107b85;--theme-reward:#ffe16c;--theme-muted:#d8e8ff;--theme-muted-2:#b8cde7;--theme-shadow:rgba(1,13,34,.50);--theme-shadow-soft:rgba(1,13,34,.32);}html[data-lexapyr-theme="forest"]{--theme-bg-deep:#0d2119;--theme-bg-mid:#1c4936;--theme-bg-end:#536d2c;--theme-surface:#24583f;--theme-surface-2:#3b6740;--theme-surface-3:#65752f;--theme-inner:#17392a;--theme-inner-2:#304a2d;--theme-primary:#42c379;--theme-primary-2:#78bd4e;--theme-secondary:#70d6af;--theme-secondary-2:#397659;--theme-reward:#ffd36a;--theme-muted:#e0ecd9;--theme-muted-2:#bfd0b8;--theme-shadow:rgba(4,24,15,.48);--theme-shadow-soft:rgba(4,24,15,.30);}html[data-lexapyr-theme="ember"]{--theme-bg-deep:#290b1d;--theme-bg-mid:#6a1d38;--theme-bg-end:#934622;--theme-surface:#792547;--theme-surface-2:#8c3949;--theme-surface-3:#9f582b;--theme-inner:#4b162f;--theme-inner-2:#682c37;--theme-primary:#ff4d7e;--theme-primary-2:#ff7355;--theme-secondary:#ffb548;--theme-secondary-2:#ad542d;--theme-reward:#ffe16c;--theme-muted:#f2d9e2;--theme-muted-2:#d8b8c3;--theme-shadow:rgba(35,3,17,.50);--theme-shadow-soft:rgba(35,3,17,.31);}html[data-theme-system="tokens"]{--portal-shadow-elevated:0 22px 48px var(--theme-shadow),inset 0 1px 0 rgba(255,255,255,.17);--portal-shadow-soft:0 13px 28px var(--theme-shadow-soft),inset 0 1px 0 rgba(255,255,255,.13);--lp-purple:var(--theme-primary);--lp-ink:var(--theme-text);--lp-muted:var(--theme-muted);}html[data-theme-system="tokens"][data-game-ui="platform"]{--lx-canvas:var(--theme-bg-deep);--lx-canvas-mid:var(--theme-bg-mid);--lx-surface:var(--theme-surface);--lx-surface-deep:var(--theme-inner);--lx-surface-inset:var(--theme-inner);--lx-surface-inset-alt:var(--theme-inner-2);--lx-label-surface:var(--theme-inner);--lx-control-surface:color-mix(in srgb,var(--theme-inner) 84%,#080411);--lx-button-surface:var(--theme-inner);--lx-card-surface:var(--theme-inner);--lx-level-surface:color-mix(in srgb,var(--theme-surface) 58%,var(--theme-inner));--lx-range-surface:color-mix(in srgb,var(--theme-surface-2) 55%,var(--theme-inner));--lx-slot-surface:color-mix(in srgb,var(--theme-inner) 86%,#080411);--lx-slot-filled-top:var(--theme-surface);--lx-slot-filled-deep:var(--theme-surface-2);--lx-tile:color-mix(in srgb,var(--theme-primary) 62%,var(--theme-surface));--lx-tile-deep:var(--theme-surface-2);--lx-tile-empty-top:color-mix(in srgb,var(--theme-surface) 62%,var(--theme-inner));--lx-tile-found:var(--theme-primary);--lx-tile-found-deep:var(--theme-secondary-2);--lx-modal-top:var(--theme-surface);--lx-panel-top:var(--theme-surface);--lx-panel-bottom:var(--theme-surface-2);--lx-status-surface:var(--theme-inner);--lx-group-surface:var(--theme-inner);--lx-action-surface:color-mix(in srgb,var(--theme-surface) 55%,var(--theme-inner));--lx-success-surface:color-mix(in srgb,var(--theme-success) 28%,var(--theme-bg-deep));--lx-success-control:color-mix(in srgb,var(--theme-success) 18%,var(--theme-bg-deep));--lx-text:var(--theme-text);--lx-text-strong:var(--theme-text-strong);--lx-text-muted:var(--theme-muted);--lx-text-faint:var(--theme-muted-2);--lx-on-accent:var(--theme-bg-deep);--lx-success-text:#effff7;--lx-primary:var(--theme-primary);--lx-primary-2:var(--theme-primary-2);--lx-secondary:var(--theme-secondary);--lx-secondary-2:var(--theme-secondary-2);--lx-reward:var(--theme-reward);--lx-success:var(--theme-success);--lx-danger:var(--theme-danger);--lx-warning:var(--theme-warning);--lx-border-subtle:var(--theme-line);--lx-border:color-mix(in srgb,var(--theme-secondary) 38%,transparent);--lx-border-strong:color-mix(in srgb,var(--theme-secondary) 72%,transparent);--lx-border-reward:color-mix(in srgb,var(--theme-reward) 76%,transparent);--lx-focus:color-mix(in srgb,var(--theme-reward) 92%,transparent);--lx-overlay:color-mix(in srgb,var(--theme-bg-deep) 86%,transparent);--lx-primary-a05:color-mix(in srgb,var(--theme-primary) 5%,transparent);--lx-primary-a09:color-mix(in srgb,var(--theme-primary) 9%,transparent);--lx-primary-a12:color-mix(in srgb,var(--theme-primary) 12%,transparent);--lx-primary-a15:color-mix(in srgb,var(--theme-primary) 15%,transparent);--lx-primary-a20:color-mix(in srgb,var(--theme-primary) 20%,transparent);--lx-primary-a25:color-mix(in srgb,var(--theme-primary) 25%,transparent);--lx-primary-a30:color-mix(in srgb,var(--theme-primary) 30%,transparent);--lx-primary-a38:color-mix(in srgb,var(--theme-primary) 38%,transparent);--lx-secondary-a05:color-mix(in srgb,var(--theme-secondary) 5%,transparent);--lx-secondary-a10:color-mix(in srgb,var(--theme-secondary) 10%,transparent);--lx-secondary-a12:color-mix(in srgb,var(--theme-secondary) 12%,transparent);--lx-secondary-a15:color-mix(in srgb,var(--theme-secondary) 15%,transparent);--lx-secondary-a20:color-mix(in srgb,var(--theme-secondary) 20%,transparent);--lx-secondary-a25:color-mix(in srgb,var(--theme-secondary) 25%,transparent);--lx-secondary-a27:color-mix(in srgb,var(--theme-secondary) 27%,transparent);--lx-secondary-a30:color-mix(in srgb,var(--theme-secondary) 30%,transparent);--lx-secondary-a42:color-mix(in srgb,var(--theme-secondary) 42%,transparent);--lx-secondary-a44:color-mix(in srgb,var(--theme-secondary) 44%,transparent);--lx-secondary-a72:color-mix(in srgb,var(--theme-secondary) 72%,transparent);--lx-reward-a09:color-mix(in srgb,var(--theme-reward) 9%,transparent);--lx-reward-a10:color-mix(in srgb,var(--theme-reward) 10%,transparent);--lx-reward-a20:color-mix(in srgb,var(--theme-reward) 20%,transparent);--lx-reward-a25:color-mix(in srgb,var(--theme-reward) 25%,transparent);--lx-reward-a64:color-mix(in srgb,var(--theme-reward) 64%,transparent);--lx-reward-a78:color-mix(in srgb,var(--theme-reward) 78%,transparent);--lx-reward-a86:color-mix(in srgb,var(--theme-reward) 86%,transparent);--lx-reward-a95:color-mix(in srgb,var(--theme-reward) 95%,transparent);--lx-success-a45:color-mix(in srgb,var(--theme-success) 45%,transparent);--lx-success-a50:color-mix(in srgb,var(--theme-success) 50%,transparent);--lx-success-a55:color-mix(in srgb,var(--theme-success) 55%,transparent);--lx-shadow-soft:var(--theme-shadow-soft);--lx-shadow-tile:color-mix(in srgb,var(--theme-shadow) 72%,transparent);--lx-shadow-panel:var(--theme-shadow);--lx-shadow-modal:color-mix(in srgb,var(--theme-shadow) 88%,#000);--lx-page-background:var(--theme-page);--lx-panel-background:var(--theme-panel);--lx-inset-background:var(--theme-panel-deep);--lx-tile-empty-background:linear-gradient(160deg,var(--lx-tile-empty-top),var(--lx-surface-deep));--lx-tile-found-background:radial-gradient(circle at 45% 20%,var(--lx-reward-a25),transparent 43%),linear-gradient(155deg,var(--lx-tile-found),var(--lx-tile-found-deep));--lx-slot-filled-background:linear-gradient(155deg,var(--lx-slot-filled-top),var(--lx-slot-filled-deep));--lx-letter-background:radial-gradient(circle at 40% 22%,var(--lx-secondary-a27),transparent 42%),linear-gradient(155deg,var(--lx-tile),var(--lx-tile-deep));--lx-primary-action-background:var(--theme-action);--lx-active-tab-background:var(--theme-active);--lx-modal-background:radial-gradient(circle at 50% 0,var(--lx-primary-a20),transparent 37%),linear-gradient(160deg,var(--lx-modal-top),var(--lx-surface-deep) 74%);--lx-header-background:var(--theme-header);--lx-panel-shadow:0 22px 48px var(--theme-shadow),inset 0 1px 0 rgba(255,255,255,.17);--lx-card-shadow:0 13px 28px var(--theme-shadow-soft),inset 0 1px 0 rgba(255,255,255,.13);--lx-share-bg-start:var(--theme-surface);--lx-share-bg-mid:var(--theme-surface-2);--lx-share-bg-end:var(--theme-secondary-2);--lx-share-panel:var(--theme-inner);--lx-share-tile:var(--theme-surface);--lx-share-tile-border:var(--theme-secondary);--lx-share-letter-tile:var(--theme-surface-2);--lx-share-letter-border:var(--theme-reward);--lx-share-text:var(--theme-text);--lx-share-accent:var(--theme-reward);}html[data-theme-system="tokens"] :is(input,select,textarea){color:var(--theme-text)!important;background:color-mix(in srgb,var(--theme-inner) 88%,#06030b)!important;border-color:var(--theme-line-accent)!important;}html[data-theme-system="tokens"] :is(input,textarea)::placeholder{color:var(--theme-muted-2)!important;}html[data-theme-system="tokens"] :is(.secondary-button,button.secondary-button,.text-button){color:var(--theme-text)!important;background:var(--theme-panel-deep)!important;border-color:var(--theme-line-accent)!important;}html[data-theme-system="tokens"] .difficulty.easy{background:var(--theme-success)!important;color:#08291c!important;}html[data-theme-system="tokens"] .difficulty.medium{background:var(--theme-reward)!important;color:#3d2b00!important;}html[data-theme-system="tokens"] .difficulty.hard{background:var(--theme-danger)!important;color:#fff!important;}html[data-theme-system="tokens"][data-game-ui="platform"] body{background:var(--lx-page-background)!important;color:var(--lx-text)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"]{--theme-panel-soft:linear-gradient(145deg,
    color-mix(in srgb,var(--theme-surface) 88%,var(--theme-inner)),
    color-mix(in srgb,var(--theme-surface-2) 84%,var(--theme-inner-2)) 58%,
    color-mix(in srgb,var(--theme-surface-3) 82%,var(--theme-inner-2)));--theme-card:linear-gradient(148deg,
    color-mix(in srgb,var(--theme-surface) 92%,var(--theme-inner)),
    color-mix(in srgb,var(--theme-surface-2) 88%,var(--theme-inner)) 56%,
    color-mix(in srgb,var(--theme-surface-3) 86%,var(--theme-inner-2)));--theme-card-inner:linear-gradient(145deg,
    color-mix(in srgb,var(--theme-inner) 94%,#05020a),
    color-mix(in srgb,var(--theme-inner-2) 91%,#05020a));--theme-header-button:linear-gradient(145deg,
    color-mix(in srgb,var(--theme-primary) 50%,var(--theme-inner)),
    color-mix(in srgb,var(--theme-secondary-2) 66%,var(--theme-inner-2)));--theme-selected:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2) 52%,var(--theme-secondary-2));--theme-border:color-mix(in srgb,var(--theme-secondary) 58%,transparent);--theme-border-soft:color-mix(in srgb,var(--theme-text) 24%,transparent);}html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(.weekly-progress,.progress-track){background:color-mix(in srgb,var(--theme-bg-deep) 72%,transparent)!important;border-color:var(--theme-border-soft)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(.weekly-progress>progress,.progress-track>progress){background:linear-gradient(90deg,var(--theme-reward),var(--theme-secondary))!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(input,select,textarea){color:var(--theme-text-strong)!important;background:var(--theme-card-inner)!important;border-color:var(--theme-border)!important;box-shadow:inset 0 2px 8px var(--theme-shadow-soft)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(input,textarea)::placeholder{color:var(--theme-muted-2)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(input,select,textarea):focus{border-color:var(--theme-secondary)!important;outline-color:color-mix(in srgb,var(--theme-secondary) 52%,transparent)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--theme-secondary)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(.secondary-button,button.secondary-button,.text-button,a.secondary-button){color:var(--theme-text)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 58%,var(--theme-inner)),color-mix(in srgb,var(--theme-secondary-2) 58%,var(--theme-inner-2)))!important;border-color:var(--theme-border)!important;box-shadow:0 11px 23px var(--theme-shadow-soft)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"][data-game-ui="platform"] body{color:var(--lx-text)!important;background:var(--lx-page-background)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"][data-game-ui="platform"][data-game] body{color:var(--lx-text)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"][data-game-chrome="shared"] .status-strip>div{color:var(--lx-text)!important;background:linear-gradient(150deg,var(--lx-primary-a12),transparent 48%),var(--lx-status-surface)!important;border-color:var(--lx-border)!important;box-shadow:var(--lx-card-shadow)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"][data-game-chrome="shared"] .status-strip .status-label{color:var(--lx-text-muted)!important;background:var(--lx-label-surface)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"][data-game-chrome="shared"] :is(.tool-button,.board-tool,.help-button,.board-tool-help){color:var(--lx-text)!important;background:var(--lx-action-surface)!important;border-color:var(--lx-border-strong)!important;box-shadow:var(--lx-card-shadow)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"][data-game-ui="platform"] :is(.primary-button,.wide-button,.hint-button,.restart-button,.lock-button,.mode-button.active){color:var(--lx-text-strong)!important;background:var(--lx-primary-action-background)!important;border-color:var(--lx-border-strong)!important;box-shadow:var(--lx-card-shadow)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"][data-game-ui="platform"] :is(.secondary-button,.small-button,.square-button,.mode-button:not(.active)){color:var(--lx-text)!important;background:var(--lx-action-surface)!important;border-color:var(--lx-border)!important;box-shadow:var(--lx-card-shadow)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"][data-game-ui="platform"] :is(.rules,.message,.feedback,.complete-summary,.progress-copy,.board-caption,.control-caption){color:var(--lx-text-muted)!important;}html[data-theme-system="tokens"][data-theme-coverage="complete"][data-game-ui="platform"] :is(.eyebrow,.mode-badge,.tightness-pill){color:var(--lx-on-accent)!important;background:var(--lx-active-tab-background)!important;border-color:var(--lx-border-reward)!important;}@media (prefers-reduced-motion:reduce){html[data-theme-system="tokens"][data-theme-coverage="complete"] *{transition-duration:.01ms!important;}}

html[data-responsive-layout="adaptive"][data-layout-mode="tablet"][data-game-ui="platform"] body>.game-shell{width:min(1000px,calc(100% - 32px))!important;max-width:1000px!important;}html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game-ui="platform"] body>.game-shell{width:min(1440px,calc(100% - 64px))!important;max-width:1440px!important;margin-top:32px!important;}html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game-ui="platform"] .status-strip{width:min(1120px,100%)!important;margin-inline:auto!important;}html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game-ui="platform"] :is(.forge,.loom,.forge-panel,.chain-panel,.ring-panel,.mirror-panel,.bridge-panel){width:100%!important;max-width:none!important;}@media (prefers-reduced-motion:reduce){html[data-responsive-layout="adaptive"] *{scroll-behavior:auto!important;}}
html[data-game-chrome="shared"] body .complete-modal .completion-hero{width:100%!important;display:grid!important;grid-template-columns:minmax(248px,34%) minmax(0,1fr)!important;align-items:center!important;gap:24px!important;}html[data-game-chrome="shared"] body .complete-modal .completion-mascot[data-lexapyr-mascot="still"]{width:100%!important;min-width:248px!important;height:310px!important;min-height:310px!important;margin:0!important;display:grid!important;place-items:center!important;overflow:visible!important;}html[data-game-chrome="shared"] body .complete-modal .completion-mascot[data-lexapyr-mascot="still"] img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}html[data-game-overlays="shared"] body dialog.lexapyr-help-dialog[open]{box-sizing:border-box!important;width:min(850px,calc(100% - 28px))!important;height:min(1480px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;padding:18px!important;display:flex!important;flex-direction:column!important;gap:12px!important;overflow:hidden!important;}html[data-game-overlays="shared"] body .lexapyr-help-mascot{flex:0 0 auto!important;width:100%!important;height:280px!important;min-height:280px!important;margin:0!important;display:grid!important;place-items:center!important;overflow:visible!important;}html[data-game-overlays="shared"] body .lexapyr-help-mascot img{object-fit:contain!important;object-position:center bottom!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog>.modal-header{flex:0 0 auto!important;min-height:100px!important;margin:0!important;padding:14px 18px!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog :is(.intro-chain,.intro-mirror,.intro-rings){flex:0 0 auto!important;margin:0!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog :is(.help-content,.rules){flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;scroll-padding-bottom:92px!important;padding:2px 6px 4px 0!important;display:grid!important;align-content:start!important;gap:10px!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog :is(.help-content>.rule-row,.rules>div){min-height:0!important;padding:13px 16px!important;grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog :is(.rule-row>span,.rules>div>b){width:48px!important;height:48px!important;font-size:26px!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog :is(.rule-row p,.rules p){margin:0!important;font-size:32px!important;line-height:1.32!important;font-weight:750!important;overflow-wrap:anywhere!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog :is(.help-content>.primary-button,.help-content>.accent,.rules+button){flex:0 0 auto!important;width:100%!important;min-height:72px!important;margin:0!important;font-size:30px!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog .help-content>:is(button,.primary-button,.accent):last-child{position:sticky!important;bottom:0!important;z-index:4!important;margin-top:6px!important;box-shadow:0 -10px 24px color-mix(in srgb,var(--theme-dialog,#24104f) 86%,transparent)!important;}@media (max-height:1450px){html[data-game-overlays="shared"] body .lexapyr-help-mascot{display:none!important;}html[data-game-overlays="shared"] body dialog.lexapyr-help-dialog[open]{height:calc(100dvh - 20px)!important;padding:14px!important;gap:10px!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog>.modal-header{min-height:92px!important;padding:12px 16px!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog :is(.rule-row p,.rules p){font-size:30px!important;}}

@media (max-height:980px){html[data-game-overlays="shared"] body .lexapyr-help-dialog :is(.rule-row p,.rules p){font-size:27px!important;}html[data-game-overlays="shared"] body .lexapyr-help-dialog :is(.help-content>.rule-row,.rules>div){padding:10px 13px!important;}}

@media (max-width:720px){html[data-game-chrome="shared"] body .complete-modal .completion-hero{grid-template-columns:190px minmax(0,1fr)!important;gap:16px!important;}html[data-game-chrome="shared"] body .complete-modal .completion-mascot[data-lexapyr-mascot="still"]{min-width:190px!important;height:240px!important;min-height:240px!important;}}

html[data-game-overlays="shared"] body .lexapyr-help-mascot{--lexapyr-help-mascot-height:280px;}html[data-game-overlays="shared"] body .lexapyr-help-mascot img{width:auto!important;max-width:96%!important;height:var(--lexapyr-help-mascot-height)!important;max-height:var(--lexapyr-help-mascot-height)!important;}html{--lexapyr-font-label:26px;--lexapyr-font-primary-ui:32px;--lexapyr-font-value:39.2px;--lexapyr-field-card-min-height:102.4px;--lexapyr-topbar-action-size:88px;--lexapyr-topbar-icon-size:76px;}html[data-layout-mode="desktop"]{--lexapyr-topbar-action-size:64px;--lexapyr-topbar-icon-size:44px;}html dialog.lexapyr-level-dialog{box-sizing:border-box!important;width:min(849.3px,calc(100% - 32px))!important;max-width:849.3px!important;max-height:calc(100dvh - 32px)!important;padding:24px!important;overflow-x:hidden!important;overflow-y:auto!important;}html .lexapyr-level-dialog>.modal-header .eyebrow{font-size:var(--lexapyr-font-label)!important;line-height:1!important;font-weight:850!important;}html .lexapyr-level-dialog>.modal-header h2{font-size:44px!important;line-height:1.05!important;font-weight:950!important;}html .lexapyr-level-dialog :is(.lexapyr-tier-tabs,.height-tabs.lexapyr-tier-tabs){box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:repeat(var(--lexapyr-tier-count,4),minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;align-items:stretch!important;gap:8.8px!important;margin:0 0 14px!important;padding:8.8px!important;overflow-x:visible!important;}html .lexapyr-level-dialog .lexapyr-tier-tabs.is-scrollable{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:minmax(145px,1fr)!important;overflow-x:auto!important;}html .lexapyr-level-dialog .lexapyr-tier-tab{box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:75px!important;padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:30px!important;line-height:1.05!important;font-weight:900!important;text-align:center!important;white-space:normal!important;}html .lexapyr-level-dialog .lexapyr-tier-lock{font-size:26px!important;}html .lexapyr-level-dialog .mirror-mode-switch{box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:8.8px!important;margin:0 0 14px!important;padding:8.8px!important;}html .lexapyr-level-dialog .mirror-mode-switch>.mode-button{box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:94px!important;padding:12px 16px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;}html .lexapyr-level-dialog .mode-button strong{font-size:var(--lexapyr-font-primary-ui)!important;line-height:1.05!important;font-weight:900!important;}html .lexapyr-level-dialog .mode-button small{font-size:var(--lexapyr-font-label)!important;line-height:1.1!important;}html .lexapyr-level-dialog .mode-button em{font-size:22px!important;line-height:1!important;}html .lexapyr-level-dialog :is(.overall-progress,.tier-overall){box-sizing:border-box!important;width:100%!important;min-height:94.4px!important;margin:0 0 14px!important;padding:14px 16px!important;display:flex!important;align-items:center!important;gap:6px!important;font-size:var(--lexapyr-font-label)!important;line-height:1.15!important;font-weight:850!important;}html .lexapyr-level-dialog :is(.overall-progress,.tier-overall)>strong{font-size:var(--lexapyr-font-value)!important;line-height:1!important;font-weight:950!important;}html .lexapyr-level-dialog :is(.overall-progress,.tier-overall)>small{font-size:var(--lexapyr-font-label)!important;line-height:1.1!important;}html .lexapyr-level-dialog .lexapyr-unlock-notice{font-size:var(--lexapyr-font-label)!important;line-height:1.3!important;font-weight:850!important;}html .lexapyr-level-dialog :is(.lexapyr-jump-form,.jump-form) label{display:block!important;font-size:var(--lexapyr-font-label)!important;line-height:1.2!important;font-weight:850!important;}html .lexapyr-level-dialog :is(.lexapyr-jump-form,.jump-form) label>div,html .lexapyr-level-dialog :is(.lexapyr-jump-form,.jump-form)>div{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:8.8px!important;margin-top:8px!important;}html .lexapyr-level-dialog :is(.lexapyr-jump-form,.jump-form) :is(input,button){min-height:75px!important;font-size:var(--lexapyr-font-primary-ui)!important;line-height:1!important;font-weight:900!important;}html .lexapyr-level-dialog .lexapyr-outer-range>summary{min-height:75px!important;padding:14px 18px!important;font-size:var(--lexapyr-font-primary-ui)!important;line-height:1.15!important;font-weight:950!important;}html .lexapyr-level-dialog .lexapyr-field-group>summary{min-height:66px!important;padding:12px 16px!important;font-size:var(--lexapyr-font-label)!important;line-height:1.1!important;font-weight:900!important;}html .lexapyr-level-dialog .lexapyr-field-group>summary small{font-size:var(--lexapyr-font-label)!important;line-height:1!important;font-weight:850!important;}html .lexapyr-level-dialog .lexapyr-field-grid{box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8.8px!important;padding:8.8px!important;}html .lexapyr-level-dialog .lexapyr-field-card{box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:var(--lexapyr-field-card-min-height)!important;padding:12px 8px 9px!important;}html .lexapyr-level-dialog .lexapyr-field-card>strong{font-size:var(--lexapyr-font-primary-ui)!important;line-height:1!important;font-weight:950!important;}html .lexapyr-level-dialog .lexapyr-field-status{min-height:26px!important;font-size:var(--lexapyr-font-label)!important;line-height:1!important;font-weight:900!important;}html .lexapyr-level-dialog .lexapyr-tier-pin{min-width:34px!important;height:34px!important;padding:0 6px!important;font-size:18px!important;line-height:1!important;font-weight:950!important;}html[data-layout-mode="tablet"] .lexapyr-level-dialog .lexapyr-field-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}html[data-layout-mode="desktop"] .lexapyr-level-dialog .lexapyr-field-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}html[data-field-chooser="shared"] body dialog.lexapyr-level-dialog > .height-tabs.lexapyr-tier-tabs{display:grid!important;grid-template-columns:repeat(var(--lexapyr-tier-count,4),minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;}html[data-field-chooser="shared"] body dialog.lexapyr-level-dialog > .mirror-mode-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;}html dialog.lexapyr-level-dialog:not([open]){display: none !important;}html dialog.lexapyr-level-dialog[open]{display: block !important;}html[data-game-ui="platform"][data-game-chrome="shared"] .status-strip{overflow: visible !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;box-shadow: none !important;}html[data-game-ui="platform"][data-game-chrome="shared"] .status-strip > div{overflow: visible !important;}.lexapyr-dialog-close{flex: 0 0 auto;}.dialog-card > .lexapyr-dialog-close,dialog > .lexapyr-dialog-close,form > .lexapyr-dialog-close{position: absolute;inset-block-start: 18px;inset-inline-end: 18px;}.lexapyr-shared-dialog{width:min(820px,calc(100vw - 32px));max-width:820px;max-height:min(88dvh,980px);padding:0;border:0;background:transparent;color:var(--lx-text,#fff);overflow:visible;}.lexapyr-shared-dialog::backdrop{background:rgba(7,17,45,.78);backdrop-filter:blur(10px);}.lexapyr-shared-card{position:relative;width:100%;max-height:min(88dvh,980px);overflow:auto;padding:28px;border:2px solid var(--lx-border-strong,rgba(83,238,225,.72));border-radius:28px;background:linear-gradient(160deg,var(--lx-surface,#244f8d),var(--lx-surface-inset,#0d4057));box-shadow:0 30px 80px rgba(0,0,0,.46);}.lexapyr-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-right:78px;margin-bottom:20px;}.lexapyr-dialog-heading h2{margin:2px 0 0;color:var(--lx-text-strong,#fff);font-size:40px;line-height:1.05;}.lexapyr-dialog-heading .eyebrow{margin:0;color:var(--lx-reward,#ffd457);font-weight:900;letter-spacing:.08em;}.lexapyr-dialog-close{position:absolute;top:22px;right:22px;z-index:5;width:58px;height:58px;min-width:58px;min-height:58px;padding:8px;display:grid;place-items:center;border:2px solid var(--lx-border,rgba(83,238,225,.5));border-radius:18px;color:var(--lx-text-strong,#fff);background:var(--lx-control-surface,#173e62);cursor:pointer;}.lexapyr-dialog-close .lp-icon{width:40px;height:40px;}.lexapyr-settings-list{display:grid;gap:14px;}.lexapyr-audio-setting,.lexapyr-setting-action{width:100%;min-height:92px;padding:16px 18px;border:1.5px solid var(--lx-border,rgba(83,238,225,.42));border-radius:18px;color:var(--lx-text,#fff);background:var(--lx-inset-background,var(--lx-surface-inset,#123f59));text-decoration:none;text-align:left;}.lexapyr-setting-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;cursor:pointer;}button.lexapyr-setting-action,.lexapyr-setting-action[href]{font:inherit;}.lexapyr-setting-action:has(.lexapyr-setting-icon){grid-template-columns:58px minmax(0,1fr);}.lexapyr-setting-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;}.lexapyr-setting-row>span:nth-child(2),.lexapyr-setting-action>span:last-child{display:grid;gap:3px;min-width:0;}.lexapyr-setting-row strong,.lexapyr-setting-action strong{font-size:26px;line-height:1.12;font-weight:900;color:var(--lx-text-strong,#fff);}.lexapyr-setting-row small,.lexapyr-setting-action small{font-size:18px;line-height:1.25;font-weight:700;color:var(--lx-text-muted,#dbe9f4);}.lexapyr-setting-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:var(--lx-control-surface,#173e62);color:var(--lx-reward,#ffd457);}.lexapyr-setting-icon .lp-icon{width:38px;height:38px;}.lexapyr-setting-row input[type="checkbox"],.lexapyr-setting-toggle input[type="checkbox"]{width:74px;height:42px;margin:0;appearance:none;-webkit-appearance:none;position:relative;border:2px solid var(--lx-border-strong,rgba(83,238,225,.72));border-radius:999px;background:var(--lx-control-surface,#173e62);cursor:pointer;}.lexapyr-setting-row input[type="checkbox"]::before,.lexapyr-setting-toggle input[type="checkbox"]::before{content:"";display:block;width:32px;height:32px;margin:3px;border-radius:50%;background:#fff;transition:transform .16s ease;}.lexapyr-setting-row input[type="checkbox"]:checked,.lexapyr-setting-toggle input[type="checkbox"]:checked{background:var(--lx-secondary,#25d1c7);}.lexapyr-setting-row input[type="checkbox"]:checked::before,.lexapyr-setting-toggle input[type="checkbox"]:checked::before{transform:translateX(32px);}.lexapyr-volume-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;margin:14px 0 0 72px;font-weight:800;color:var(--lx-text-muted,#dbe9f4);}.lexapyr-volume-row output{color:var(--lx-reward,#ffd457);font-weight:900;}.lexapyr-volume-row input[type="range"]{grid-column:1/-1;width:100%;accent-color:var(--lx-secondary,#25d1c7);}.lexapyr-dialog-status{min-height:1.3em;margin:12px 0 0;color:var(--lx-text-muted,#dbe9f4);font-weight:800;}.lexapyr-dialog-status.error{color:#ff9c9c;}.lexapyr-info-copy{margin:0 0 18px;font-size:20px;line-height:1.45;color:var(--lx-text-muted,#dbe9f4);}.lexapyr-info-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.lexapyr-info-links a{padding:18px;border:1.5px solid var(--lx-border,rgba(83,238,225,.42));border-radius:16px;color:var(--lx-text-strong,#fff);background:var(--lx-inset-background,#123f59);font-size:20px;font-weight:900;text-decoration:none;}.lexapyr-form-field{display:grid;gap:7px;margin-top:14px;font-size:19px;font-weight:850;color:var(--lx-text-strong,#fff);}.lexapyr-form-field select,.lexapyr-form-field textarea{width:100%;padding:14px 16px;border:1.5px solid var(--lx-border,rgba(83,238,225,.42));border-radius:14px;color:var(--lx-text-strong,#fff);background:var(--lx-control-surface,#173e62);font:inherit;}.lexapyr-form-field textarea{min-height:160px;resize:vertical;}.lexapyr-form-help{color:var(--lx-text-muted,#dbe9f4);font-size:17px;line-height:1.4;}.sound-button{position:relative;}@media (max-width:700px){.lexapyr-shared-dialog{width:min(860px,calc(100vw - 28px));}.lexapyr-shared-card{padding:24px;border-radius:24px;}.lexapyr-dialog-heading h2{font-size:36px;}.lexapyr-setting-row strong,.lexapyr-setting-action strong{font-size:24px;}.lexapyr-setting-row small,.lexapyr-setting-action small{font-size:17px;}}

@media (prefers-reduced-motion:reduce){.lexapyr-setting-row input[type="checkbox"]::before,.lexapyr-setting-toggle input[type="checkbox"]::before{transition:none;}}


/* Canonical game feedback tones. Runtime uses success/error/warn only. */
html[data-game] :is(.feedback,.message).success{color:var(--lx-success);}
html[data-game] :is(.feedback,.message).error{color:var(--lx-danger);}
html[data-game] :is(.feedback,.message).warn{color:var(--lx-warning);}
/* Canonical reduced-motion behavior for every game. */
html[data-game].reduced-motion *,html[data-game].reduced-motion *::before,html[data-game].reduced-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
@media (prefers-reduced-motion:reduce){html[data-game] *,html[data-game] *::before,html[data-game] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}}



/* Checkpoint 23: dark portal surfaces and consistent readable typography. */
.lexapyr-setting-toggle>span:first-child{display:grid;gap:5px;min-width:0;}

/* Checkpoint 24: one portal font, switch and close-button contract. */
html[data-theme-system="tokens"] :is(body,button,input,select,textarea,dialog),html[data-theme-system="tokens"] :is(lexapyr-topbar,.lexapyr-shared-dialog,.dialog-card){font-family:var(--theme-font)!important;}
html[data-theme-system="tokens"][data-theme-coverage="complete"] .lexapyr-setting-toggle>span:first-child{display:grid!important;gap:7px!important;min-width:0!important;}
html[data-theme-system="tokens"][data-theme-coverage="complete"] .lexapyr-setting-toggle>span:first-child>small{display:block!important;margin:0!important;}
html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(.lexapyr-setting-row,.lexapyr-setting-action) strong{font-family:var(--theme-font)!important;font-size:30px!important;line-height:1.12!important;}
html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(.lexapyr-setting-row,.lexapyr-setting-action) small{font-family:var(--theme-font)!important;font-size:24px!important;line-height:1.25!important;}
html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(.lexapyr-setting-row,.lexapyr-setting-toggle) input[type="checkbox"][role="switch"]{box-sizing:border-box!important;position:relative!important;flex:0 0 92px!important;width:92px!important;min-width:92px!important;max-width:92px!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0!important;overflow:hidden!important;appearance:none!important;-webkit-appearance:none!important;border:2px solid var(--theme-line-accent)!important;border-radius:999px!important;background:var(--theme-inner)!important;box-shadow:inset 0 2px 8px var(--theme-shadow-soft),0 0 0 1px rgba(255,255,255,.06)!important;cursor:pointer!important;}
html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(.lexapyr-setting-row,.lexapyr-setting-toggle) input[type="checkbox"][role="switch"]::before{content:""!important;position:absolute!important;inset:5px auto auto 5px!important;width:38px!important;height:38px!important;margin:0!important;border-radius:50%!important;background:var(--theme-text-strong)!important;box-shadow:0 3px 8px rgba(6,3,25,.42)!important;transform:translateX(0)!important;transition:transform .16s ease!important;}
html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(.lexapyr-setting-row,.lexapyr-setting-toggle) input[type="checkbox"][role="switch"]:checked{border-color:color-mix(in srgb,var(--theme-secondary) 78%,#fff 12%)!important;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;}
html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(.lexapyr-setting-row,.lexapyr-setting-toggle) input[type="checkbox"][role="switch"]:checked::before{transform:translateX(40px)!important;}
html[data-theme-system="tokens"][data-theme-coverage="complete"] :is(.lexapyr-setting-row,.lexapyr-setting-toggle) input[type="checkbox"][role="switch"]:focus-visible{outline:4px solid color-mix(in srgb,var(--theme-secondary) 48%,transparent)!important;outline-offset:4px!important;}
html[data-theme-system="tokens"] dialog>#lexapyrDialogClose{box-sizing:border-box!important;position:absolute!important;inset:18px 18px auto auto!important;z-index:30!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;margin:0!important;padding:8px!important;display:grid!important;place-items:center!important;border:2px solid var(--theme-line-accent,var(--lx-border-strong))!important;border-radius:18px!important;color:var(--theme-text-strong,var(--lx-text-strong))!important;background:linear-gradient(145deg,var(--theme-surface,var(--lx-control-surface)),var(--theme-inner,var(--lx-surface-inset)))!important;box-shadow:0 10px 22px var(--theme-shadow-soft),inset 0 1px 0 rgba(255,255,255,.16)!important;transform:none!important;appearance:none!important;-webkit-appearance:none!important;}
html[data-theme-system="tokens"] dialog>#lexapyrDialogClose .lp-icon{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;}
@media (prefers-reduced-motion:reduce){html[data-theme-system="tokens"] :is(.lexapyr-setting-row,.lexapyr-setting-toggle) input[type="checkbox"][role="switch"]::before{transition:none!important;}}



/* Checkpoint 26: browser-independent switches and a closed dark-surface contract. */
html[data-theme-system="tokens"] .lexapyr-switch{box-sizing:border-box!important;position:relative!important;isolation:isolate!important;flex:0 0 92px!important;width:92px!important;min-width:92px!important;max-width:92px!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;}
html[data-theme-system="tokens"] .lexapyr-switch>input[type="checkbox"][role="switch"]{box-sizing:border-box!important;position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;padding:0!important;opacity:0!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;}
html[data-theme-system="tokens"] .lexapyr-switch>input[type="checkbox"][role="switch"]::before{content:none!important;display:none!important;}
html[data-theme-system="tokens"] .lexapyr-switch>span[aria-hidden="true"]{box-sizing:border-box!important;position:absolute!important;inset:0!important;z-index:1!important;display:block!important;border:2px solid var(--theme-line-accent)!important;border-radius:999px!important;background:var(--theme-inner)!important;box-shadow:inset 0 2px 8px var(--theme-shadow-soft),0 0 0 1px rgba(255,255,255,.06)!important;pointer-events:none!important;}
html[data-theme-system="tokens"] .lexapyr-switch>span[aria-hidden="true"]::before{content:""!important;position:absolute!important;inset:5px auto auto 5px!important;width:38px!important;height:38px!important;border-radius:50%!important;background:var(--theme-text-strong)!important;box-shadow:0 3px 8px rgba(6,3,25,.42)!important;transform:translateX(0)!important;transition:transform .16s ease!important;}
html[data-theme-system="tokens"] .lexapyr-switch>input[type="checkbox"][role="switch"]:checked+span[aria-hidden="true"]{border-color:color-mix(in srgb,var(--theme-secondary) 78%,#fff 12%)!important;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;}
html[data-theme-system="tokens"] .lexapyr-switch>input[type="checkbox"][role="switch"]:checked+span[aria-hidden="true"]::before{transform:translateX(40px)!important;}
html[data-theme-system="tokens"] .lexapyr-switch>input[type="checkbox"][role="switch"]:focus-visible+span[aria-hidden="true"]{outline:4px solid color-mix(in srgb,var(--theme-secondary) 48%,transparent)!important;outline-offset:4px!important;}
html[data-theme-system="tokens"] .lexapyr-switch>input[type="checkbox"][role="switch"]:disabled+span[aria-hidden="true"]{opacity:.55!important;cursor:not-allowed!important;}
@media (prefers-reduced-motion:reduce){html[data-theme-system="tokens"] .lexapyr-switch>span[aria-hidden="true"]::before{transition:none!important;}}



/* Checkpoint 27: in-game notifications remain inside the active game. */
.lexapyr-notification-list{display:grid;gap:12px;margin:0 0 18px;}.lexapyr-notification-card,.lexapyr-notification-empty{margin:0;padding:18px;border:1.5px solid var(--lx-border,rgba(83,238,225,.42));border-radius:16px;color:var(--lx-text,#fff);background:var(--lx-inset-background,var(--lx-surface-inset,#123f59));}.lexapyr-notification-card.unread{border-color:var(--lx-border-strong,rgba(83,238,225,.72));box-shadow:inset 5px 0 0 var(--lx-secondary,#25d1c7);}.lexapyr-notification-card p{margin:0;color:var(--lx-text-strong,#fff);font-size:22px;line-height:1.35;font-weight:800;}.lexapyr-notification-card time{display:block;margin-top:8px;color:var(--lx-text-muted,#dbe9f4);font-size:17px;font-weight:700;}.lexapyr-notification-empty{font-size:20px;line-height:1.4;font-weight:750;}

/* v171-r5: canonical service topbar. This is the only topbar geometry/visual owner. */
html{
  --lexapyr-topbar-height:128px;
  --lexapyr-topbar-action-size:88px;
  --lexapyr-topbar-icon-size:76px;
  --lexapyr-topbar-brand-size:76px;
  --lexapyr-topbar-brand-icon-size:60px;
  --lexapyr-topbar-title-size:44.8px;
  --lexapyr-topbar-subtitle-size:26px;
}
html[data-layout-mode="tablet"]{
  --lexapyr-topbar-height:96px;
  --lexapyr-topbar-action-size:58px;
  --lexapyr-topbar-icon-size:44px;
  --lexapyr-topbar-brand-size:60px;
  --lexapyr-topbar-brand-icon-size:46px;
  --lexapyr-topbar-title-size:34px;
  --lexapyr-topbar-subtitle-size:18px;
}
html[data-layout-mode="desktop"]{
  --lexapyr-topbar-height:68px;
  --lexapyr-topbar-action-size:50px;
  --lexapyr-topbar-icon-size:40px;
  --lexapyr-topbar-brand-size:46px;
  --lexapyr-topbar-brand-icon-size:36px;
  --lexapyr-topbar-title-size:26px;
  --lexapyr-topbar-subtitle-size:13px;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context]{
  box-sizing:border-box!important;
  position:sticky!important;
  inset:0 0 auto 0!important;
  z-index:1000!important;
  width:100%!important;
  height:var(--lexapyr-topbar-height)!important;
  min-height:var(--lexapyr-topbar-height)!important;
  margin:0!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  overflow:visible!important;
  color:var(--theme-text,var(--lx-text,#fff))!important;
  background:var(--theme-header,var(--lx-header-background,#37117d))!important;
  border:0!important;
  border-bottom:3px solid var(--theme-line-accent,var(--lx-secondary,#25d1c7))!important;
  box-shadow:0 14px 34px var(--theme-shadow,rgba(12,3,45,.34))!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  font-family:var(--theme-font,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif)!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .brand{
  min-width:0!important;
  height:100%!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  overflow:visible!important;
  color:inherit!important;
  text-decoration:none!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .brand-mark{
  box-sizing:border-box!important;
  flex:0 0 var(--lexapyr-topbar-brand-size)!important;
  width:var(--lexapyr-topbar-brand-size)!important;
  height:var(--lexapyr-topbar-brand-size)!important;
  min-width:var(--lexapyr-topbar-brand-size)!important;
  min-height:var(--lexapyr-topbar-brand-size)!important;
  display:grid!important;
  place-items:center!important;
  border:3px solid var(--theme-reward,var(--lx-border-reward,#ffd761))!important;
  border-radius:20px!important;
  color:var(--theme-text-strong,#fff)!important;
  background:var(--theme-brand,linear-gradient(145deg,#9c43ff,#29136b))!important;
  box-shadow:0 13px 27px var(--theme-shadow-soft,rgba(37,10,93,.34)),inset 0 2px 0 rgba(255,255,255,.24)!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .brand-mark .lp-icon{
  width:var(--lexapyr-topbar-brand-icon-size)!important;
  height:var(--lexapyr-topbar-brand-icon-size)!important;
  max-width:none!important;
  max-height:none!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .brand-copy{
  min-width:0!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  line-height:1!important;
  overflow:visible!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .brand-copy strong{
  color:var(--theme-text-strong,#fff)!important;
  font-size:var(--lexapyr-topbar-title-size)!important;
  line-height:.95!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .brand-copy strong span{color:inherit!important;}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .brand-copy small{
  display:block!important;
  margin-top:3px!important;
  color:var(--theme-muted,var(--lx-text-muted,#dbe9f4))!important;
  font-size:var(--lexapyr-topbar-subtitle-size)!important;
  line-height:1.05!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  overflow:visible!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-actions > .header-icon-button{
  box-sizing:border-box!important;
  position:relative!important;
  flex:0 0 var(--lexapyr-topbar-action-size)!important;
  width:var(--lexapyr-topbar-action-size)!important;
  height:var(--lexapyr-topbar-action-size)!important;
  min-width:var(--lexapyr-topbar-action-size)!important;
  min-height:var(--lexapyr-topbar-action-size)!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  color:var(--theme-text-strong,var(--lx-text,#fff))!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-actions > .header-icon-button > .lp-icon{
  width:var(--lexapyr-topbar-icon-size)!important;
  height:var(--lexapyr-topbar-icon-size)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
  filter:drop-shadow(0 5px 5px var(--theme-shadow-soft,rgba(25,7,67,.28)))!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-actions > .header-icon-button:active{
  transform:translateY(2px) scale(.94)!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-actions > .header-icon-button:focus-visible,
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-login-button:focus-visible{
  outline:4px solid var(--theme-focus,var(--lx-focus,#ffd761))!important;
  outline-offset:2px!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .notification-button b{
  position:absolute!important;
  top:-2px!important;
  right:-5px!important;
  z-index:5!important;
  min-width:38px!important;
  height:38px!important;
  padding:0 8px!important;
  display:grid!important;
  place-items:center!important;
  border:3px solid var(--theme-header,var(--lx-header-background,#37117d))!important;
  border-radius:999px!important;
  color:var(--theme-bg-deep,#16072e)!important;
  background:var(--theme-reward,#ffd761)!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:950!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .notification-button b[hidden]{display:none!important;}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-login-button{
  box-sizing:border-box!important;
  min-height:var(--lexapyr-topbar-action-size)!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1.5px solid var(--theme-border-soft,rgba(255,255,255,.25))!important;
  border-radius:18px!important;
  color:var(--theme-text-strong,#fff)!important;
  background:var(--theme-header-button,rgba(255,255,255,.1))!important;
  font:900 22px/1 var(--theme-font,system-ui,sans-serif)!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-login-button .lp-icon{
  width:calc(var(--lexapyr-topbar-icon-size) * .78)!important;
  height:calc(var(--lexapyr-topbar-icon-size) * .78)!important;
}
html[data-layout-mode="tablet"] :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context],
html[data-layout-mode="desktop"] :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context]{
  padding-inline:20px!important;
  gap:14px!important;
}
html[data-layout-mode="tablet"] :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .brand,
html[data-layout-mode="desktop"] :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .brand{gap:14px!important;}
html[data-layout-mode="desktop"] :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-login-button{
  min-height:42px!important;
  padding:0 12px!important;
  border-radius:13px!important;
  font-size:15px!important;
}
@media (prefers-reduced-motion:reduce){
  html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-actions > .header-icon-button{transition:none!important;}
}



/* v171-r5: readable mobile info dialog uses the responsive mode. */
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"] .lexapyr-info-card{
  padding:28px 26px!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"] .lexapyr-info-copy{
  margin:0 0 22px!important;
  font-size:32px!important;
  line-height:1.42!important;
  letter-spacing:0!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"] .lexapyr-info-links{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"] .lexapyr-info-links a{
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  padding:16px 18px!important;
  font-size:28px!important;
  line-height:1.15!important;
}
/* v171-r12: hidden auth action stays hidden in canonical topbar */
html body > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-login-button[hidden]{
  display:none!important;
}
html :where(body, .desktop-app-shell, .desktop-game-shell) > lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context] .header-login-button[hidden]{
  display:none!important;
}

/* Canonical desktop app shell D2-r2.
   Portal and every game share one topbar, one navigation component and one frame geometry. */
.desktop-app-shell,.desktop-game-shell{display:contents;}
html[data-game] .desktop-game-shell>lexapyr-navigation{display:none;}

@media (min-width:0px){
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"]{
    --desktop-header-h:68px;
    --desktop-rail-w:176px;
    --desktop-shell-max:1440px;
    --desktop-frame-radius:24px;
    --desktop-frame-divider:color-mix(in srgb,var(--theme-secondary) 34%,transparent);
    --desktop-frame-border-a:color-mix(in srgb,var(--theme-primary) 58%,white 8%);
    --desktop-frame-border-b:color-mix(in srgb,var(--theme-secondary) 62%,white 7%);
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game]{
    --desktop-shell-width:min(calc(100vw - 40px),var(--desktop-shell-max));
    --desktop-shell-height:calc(100dvh - 32px);
    --desktop-shell-margin:16px auto;
    --desktop-gutter:16px;
    --desktop-gap:12px;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] body{
    width:100%!important;
    min-width:0!important;
    min-height:100dvh!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] body{
    height:100dvh!important;
    overflow:hidden!important;
    padding:0!important;
    font-size:16px!important;
  }

  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] body>:is(.desktop-app-shell,.desktop-game-shell){
    box-sizing:border-box!important;
    position:relative!important;
    z-index:100!important;
    isolation:isolate!important;
    display:grid!important;
    grid-template-columns:var(--desktop-rail-w) minmax(0,1fr)!important;
    grid-template-rows:var(--desktop-header-h) minmax(0,1fr)!important;
    width:var(--desktop-shell-width)!important;
    max-width:var(--desktop-shell-max)!important;
    height:var(--desktop-shell-height)!important;
    min-height:0!important;
    margin:var(--desktop-shell-margin)!important;
    overflow:hidden!important;
    border:1px solid transparent!important;
    border-radius:var(--desktop-frame-radius)!important;
    outline:0!important;
    background:
      linear-gradient(155deg,
        color-mix(in srgb,var(--theme-bg-deep) 87%,#05020c 13%) 0%,
        color-mix(in srgb,var(--theme-inner) 84%,#05020c 16%) 52%,
        color-mix(in srgb,var(--theme-bg-deep) 88%,#02050b 12%) 100%) padding-box,
      linear-gradient(120deg,var(--desktop-frame-border-a),var(--theme-primary-2) 50%,var(--desktop-frame-border-b)) border-box!important;
    box-shadow:
      0 20px 52px color-mix(in srgb,var(--theme-shadow) 58%,black 12%),
      0 5px 16px color-mix(in srgb,var(--theme-shadow-soft) 52%,transparent),
      inset 0 1px 0 color-mix(in srgb,var(--theme-text) 10%,transparent)!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] body>:is(.desktop-app-shell,.desktop-game-shell)>lexapyr-topbar.app-header.lexapyr-service-header.lexapyr-topbar[data-context]{
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
    grid-column:1/-1!important;
    grid-row:1!important;
    z-index:4!important;
    width:100%!important;
    max-width:none!important;
    height:var(--desktop-header-h)!important;
    min-height:var(--desktop-header-h)!important;
    margin:0!important;
    transform:none!important;
    border:0!important;
    border-bottom:1px solid var(--desktop-frame-divider)!important;
    border-radius:calc(var(--desktop-frame-radius) - 1px) calc(var(--desktop-frame-radius) - 1px) 0 0!important;
    box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--theme-text) 7%,transparent)!important;
    overflow:hidden!important;
  }

  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] body>.desktop-game-shell>.game-shell{
    box-sizing:border-box!important;
    position:relative!important;
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    padding:14px var(--desktop-gutter) 16px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    overflow:hidden!important;
    background:transparent!important;
    border:0!important;
    border-radius:0 0 calc(var(--desktop-frame-radius) - 2px) 0!important;
    box-shadow:none!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] body>.desktop-game-shell>.game-shell>.status-strip{flex:0 0 auto!important;}
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] body>.desktop-game-shell>.game-shell>:not(.status-strip):not([hidden]){min-height:0!important;}
}



/* Desktop popup and overlay normalization D1-r13.
   One scale for portal dialogs, shared service dialogs and shared game overlays. */
@media (min-width:0px){
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"]{
    --desktop-dialog-max-h:min(760px,calc(100dvh - 96px));
    --desktop-dialog-standard:560px;
    --desktop-dialog-wide:720px;
    --desktop-dialog-hub:820px;
    --desktop-dialog-radius:22px;
    
  }

  /* Global dialog guard: no modal may outgrow the usable desktop viewport. */
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] dialog{
    box-sizing:border-box!important;
    max-height:var(--desktop-dialog-max-h)!important;
    margin:auto!important;
    overscroll-behavior:contain!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] dialog[open]{
    max-height:var(--desktop-dialog-max-h)!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] dialog > :is(.dialog-card,.lexapyr-shared-card,form){
    box-sizing:border-box!important;
    max-height:var(--desktop-dialog-max-h)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
  }

  /* Shared topbar dialogs: sound, settings, info, feedback and notifications. */
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-shared-dialog{
    width:min(var(--desktop-dialog-standard),calc(100vw - 72px))!important;
    max-width:var(--desktop-dialog-standard)!important;
    max-height:var(--desktop-dialog-max-h)!important;
    overflow:visible!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-shared-card{
    max-height:var(--desktop-dialog-max-h)!important;
    padding:20px!important;
    border-radius:var(--desktop-dialog-radius)!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-dialog-heading{
    min-height:0!important;
    margin:0 0 14px!important;
    padding-right:52px!important;
    gap:12px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-dialog-heading .eyebrow{
    font-size:12px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-dialog-heading h2{
    margin:3px 0 0!important;
    font-size:29px!important;
    line-height:1.05!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-dialog-close{
    top:14px!important;
    right:14px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:7px!important;
    border-radius:13px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-dialog-close .lp-icon{
    width:26px!important;
    height:26px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] :is(.lexapyr-settings-list,.lexapyr-notification-list){
    gap:10px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] :is(.lexapyr-audio-setting,.lexapyr-setting-action){
    min-height:66px!important;
    padding:11px 13px!important;
    border-radius:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-setting-row{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:11px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-setting-action:has(.lexapyr-setting-icon){
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:11px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] :is(.lexapyr-setting-icon){
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] :is(.lexapyr-setting-row,.lexapyr-setting-action) strong{
    font-size:17px!important;
    line-height:1.15!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] :is(.lexapyr-setting-row,.lexapyr-setting-action) small{
    font-size:13px!important;
    line-height:1.3!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] :is(.lexapyr-setting-row,.lexapyr-setting-toggle) input[type="checkbox"][role="switch"]{
    flex:0 0 62px!important;
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:34px!important;
    min-height:34px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] :is(.lexapyr-setting-row,.lexapyr-setting-toggle) input[type="checkbox"][role="switch"]::before{
    inset:3px auto auto 3px!important;
    width:24px!important;
    height:24px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] :is(.lexapyr-setting-row,.lexapyr-setting-toggle) input[type="checkbox"][role="switch"]:checked::before{
    transform:translateX(28px)!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-volume-row{
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-info-copy{
    margin:0 0 13px!important;
    font-size:16px!important;
    line-height:1.45!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-info-links{
    gap:8px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-info-links a{
    min-height:42px!important;
    padding:8px 12px!important;
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-form-field{
    margin-top:10px!important;
    gap:5px!important;
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-form-field :is(select,textarea){
    min-height:42px!important;
    padding:9px 11px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-form-field textarea{
    min-height:118px!important;
    max-height:260px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-form-help,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .lexapyr-dialog-status{
    font-size:13px!important;
    line-height:1.35!important;
  }

  /* Shared game overlays: same desktop scale as the portal. */
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] dialog.modal,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] dialog.lexapyr-level-dialog,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] dialog.lexapyr-help-dialog{
    width:min(760px,calc(100vw - 72px))!important;
    max-width:760px!important;
    max-height:var(--desktop-dialog-max-h)!important;
    padding:18px!important;
    border-radius:20px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] :is(.modal-header,.lexapyr-help-dialog>.modal-header,.lexapyr-level-dialog>.modal-header){
    min-height:64px!important;
    margin:0 0 12px!important;
    padding:11px 52px 11px 13px!important;
    gap:12px!important;
    border-radius:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] :is(.modal-header,.lexapyr-help-dialog>.modal-header,.lexapyr-level-dialog>.modal-header) .eyebrow{
    font-size:12px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] :is(.modal-header,.lexapyr-help-dialog>.modal-header,.lexapyr-level-dialog>.modal-header) h2{
    margin:3px 0 0!important;
    font-size:28px!important;
    line-height:1.05!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-help-dialog :is(.help-content,.rules){
    gap:8px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-help-dialog :is(.help-content>.rule-row,.rules>div){
    min-height:64px!important;
    padding:10px 12px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:11px!important;
    border-radius:13px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-help-dialog :is(.rule-row>span,.rules>div>b){
    width:36px!important;
    height:36px!important;
    font-size:18px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-help-dialog :is(.rule-row p,.rules p){
    font-size:16px!important;
    line-height:1.4!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-help-dialog :is(.intro-chain,.intro-mirror,.intro-rings){
    min-height:48px!important;
    margin:0 0 8px!important;
    padding:8px 11px!important;
    gap:8px!important;
    border-radius:13px!important;
    font-size:15px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-help-dialog :is(.help-content>.primary-button,.help-content>.accent,.rules+button){
    min-height:44px!important;
    margin:10px 0 0!important;
    font-size:15px!important;
  }

  /* Level chooser: compact desktop catalog, still scrollable. */
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-level-dialog :is(.height-tabs,.mirror-mode-switch){
    grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:7px!important;
    border-radius:13px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-level-dialog .mode-button{
    min-height:44px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-level-dialog :is(.jump-form,.overall-progress),
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-jump-form{
    margin:0 0 10px!important;
    padding:9px 11px!important;
    border-radius:12px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-jump-form label,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-level-dialog .jump-form>label{
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-jump-form input,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-level-dialog .jump-form input{
    min-height:42px!important;
    padding:7px 10px!important;
    font-size:15px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-jump-form button,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-level-dialog .jump-form button{
    min-width:92px!important;
    min-height:42px!important;
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-level-dialog summary{
    min-height:48px!important;
    padding:9px 12px!important;
    font-size:16px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-level-dialog .level-grid{
    grid-template-columns:repeat(auto-fit,minmax(88px,1fr))!important;
    gap:7px!important;
    padding:8px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-level-dialog .tier-grid{
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
    gap:8px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-level-dialog .level-card,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-field-card{
    min-height:58px!important;
    padding:8px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-field-card>strong{
    font-size:15px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .lexapyr-field-status{
    min-height:16px!important;
    font-size:14px!important;
  }

  /* Completion/result dialog: fits completely at 1080p and remains readable. */
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] dialog.complete-modal{
    width:min(680px,calc(100vw - 72px))!important;
    max-width:680px!important;
    max-height:var(--desktop-dialog-max-h)!important;
    padding:18px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal .completion-hero{
    grid-template-columns:108px minmax(0,1fr)!important;
    gap:14px!important;
    margin:0 auto 4px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal .completion-mascot{
    width:108px!important;
    height:108px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal .completion-copy h2,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal h2{
    margin:4px 0 2px!important;
    font-size:29px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal .earned-stars{
    margin:4px 0 0!important;
    font-size:38px!important;
    letter-spacing:4px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal .complete-stats{
    margin:12px 0 9px!important;
    gap:12px 8px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal .complete-stats :is(div,.complete-stat){
    min-height:72px!important;
    padding:18px 7px 8px!important;
    border-radius:11px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal .complete-stats span{
    padding:2px 7px!important;
    font-size:13px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal .complete-stats strong{
    font-size:26px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal :is(#completeSummary,.complete-summary){
    margin:2px auto 8px!important;
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .complete-modal .completion-actions button{
    min-height:46px!important;
    padding:7px 10px!important;
    border-radius:11px!important;
    font-size:15px!important;
  }

  /* Toasts are notifications, not full-size mobile cards. */
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .toast-region{
    right:max(24px,calc((100vw - min(1440px,calc(100vw - 72px))) / 2 + 24px))!important;
    bottom:28px!important;
    width:min(420px,calc(100vw - 72px))!important;
    gap:8px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .toast{
    min-height:48px!important;
    padding:10px 13px!important;
    gap:9px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"] .toast::before{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    font-size:17px!important;
  }
}


/* D2-r2: shared desktop shell/component repair. One owner for portal/game chrome. */
@media (min-width:0px){
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-field-chooser="shared"] .lexapyr-level-dialog .lexapyr-tier-tabs.is-scrollable{display:grid!important;grid-template-columns:repeat(var(--lexapyr-tier-count,5),minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:10px!important;overflow-x:visible!important;scroll-snap-type:none!important;}
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-field-chooser="shared"] .lexapyr-level-dialog .lexapyr-tier-tabs.is-scrollable>*{width:auto!important;min-width:0!important;max-width:none!important;font-size:18px!important;padding-inline:8px!important;}
}


/* D2-r2: canonical desktop game density and fit.
   Shared shell/chrome lives here; only genuine board geometry varies by game selector. */
@media (min-width:0px){
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game]{
    --lx-chrome-control-height:44px;
    --lx-service-header-height:68px;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .status-strip{
    flex:0 0 auto!important;
    gap:8px!important;
    margin:0!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .status-strip>div{
    min-height:54px!important;
    padding:14px 7px 7px!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .status-strip>div>span,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .status-strip .status-label{
    top:-7px!important;
    padding:0 5px 2px!important;
    font-size:12px!important;
    letter-spacing:.035em!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .status-strip strong{
    font-size:21px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .board-tools{
    box-sizing:border-box!important;
    min-height:44px!important;
    margin:0 0 8px!important;
    padding:6px!important;
    gap:8px!important;
    border-radius:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .board-tools>button,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] :is(.tool-button,.board-tool){
    min-height:42px!important;
    height:42px!important;
    padding:0 12px!important;
    gap:7px!important;
    border-width:1px!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .board-tools>button .lp-icon,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] :is(.tool-button,.board-tool) .lp-icon{
    width:23px!important;
    height:23px!important;
    flex-basis:23px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] :is(.help-button,.board-tool-help){
    width:100%!important;
    min-width:0!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .game-panel{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:12px!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] lexapyr-keyboard.lexapyr-keyboard-ready{
    gap:5px!important;
    padding:7px!important;
    border-width:1px!important;
    border-radius:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] lexapyr-keyboard.lexapyr-keyboard-ready .lexapyr-keyboard-row{gap:5px!important;}
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] lexapyr-keyboard.lexapyr-keyboard-ready .lexapyr-keyboard-key{
    width:54px!important;
    height:48px!important;
    border-width:1px!important;
    border-radius:10px!important;
    font-size:20px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] lexapyr-keyboard.lexapyr-keyboard-ready .lexapyr-keyboard-action{
    width:auto!important;
    min-width:76px!important;
    padding-inline:10px!important;
    font-size:16px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .game-actions{
    gap:7px!important;
    margin-bottom:0!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .game-actions button{
    min-height:42px!important;
    padding:6px 10px!important;
    border-width:1px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .game-actions .hint-button small{font-size:11px!important;}
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .message,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .feedback{
    min-height:20px!important;
    margin:5px 0!important;
    font-size:13px!important;
    line-height:1.25!important;
  }

  /* Standard-board games share the same compact panel geometry. */
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game-ui-profile="standard-board"]{
    --standard-shell-width:100%!important;
    --standard-board-width:100%!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game-ui-profile="standard-board"] .game-panel{
    height:100%!important;
    max-width:none!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game-ui-profile="standard-board"] :is(.overall-progress,.bridge-goal,.word-forge,.goal-panel,.word-editor,.ring-selector-wrap,.selected-ring-control,.word-area){
    padding:9px 11px!important;
    margin-bottom:7px!important;
    border-width:1px!important;
    border-radius:12px!important;
  }
}



/* Short desktop screens: keep the shared shell fully visible without CSS zoom. */
@media (max-height:820px){
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game]{
    --desktop-header-h:60px;
    --desktop-rail-w:164px;
    --desktop-shell-width:min(calc(100vw - 24px),var(--desktop-shell-max));
    --desktop-shell-height:calc(100dvh - 16px);
    --desktop-shell-margin:8px auto;
    --desktop-gutter:10px;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .desktop-game-shell>.game-shell{padding:10px!important;gap:7px!important;}
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .status-strip>div{min-height:46px!important;padding-top:11px!important;}
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .status-strip strong{font-size:18px!important;}
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .board-tools{margin-bottom:5px!important;padding:4px!important;}
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] .board-tools>button,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] :is(.tool-button,.board-tool){height:36px!important;min-height:36px!important;font-size:12px!important;}
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game] lexapyr-keyboard.lexapyr-keyboard-ready .lexapyr-keyboard-key{height:40px!important;font-size:17px!important;}
}



/* Desktop D2-r2b: canonical shared-component corrections.
   These selectors intentionally own desktop-only geometry for the shared
   topbar, portal scroll container, game actions, result dialog and field chooser. */
@media (min-width:0px){
  /* Shared game action bar: the old 44px question mark was taller than the
     compact desktop button, which made Ohje look vertically displaced. */
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game][data-game-controls="shared"]
  .board-tools .lexapyr-help-symbol{
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    border-width:1.5px!important;
    font-size:16px!important;
    line-height:1!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game][data-game-controls="shared"]
  .board-tools .board-tool-help,
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game][data-game-controls="shared"]
  .board-tools .help-button{
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
  }

  /* Shared result dialog: reset BOTH preferred and minimum mascot geometry.
     The legacy shared-chrome rule carries min-width/min-height values that
     otherwise force the mascot over the completion copy. */
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game][data-game-chrome="shared"]
  body .complete-modal .completion-hero{
    grid-template-columns:112px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:18px!important;
    row-gap:8px!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game][data-game-chrome="shared"]
  body .complete-modal .completion-mascot[data-lexapyr-mascot="still"]{
    box-sizing:border-box!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    align-self:center!important;
    justify-self:center!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game][data-game-chrome="shared"]
  body .complete-modal .completion-mascot[data-lexapyr-mascot="still"] img{
    width:112px!important;
    max-width:112px!important;
    height:112px!important;
    max-height:112px!important;
    object-fit:contain!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game][data-game-chrome="shared"]
  body .complete-modal .completion-copy{
    position:relative!important;
    z-index:1!important;
    min-width:0!important;
    width:auto!important;
    padding:0!important;
    text-align:left!important;
  }

  /* All current games have at most five tiers. Five desktop tabs therefore
     form one equal-width row; mobile keeps its existing horizontal scroller. */
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-field-chooser="shared"]
  body dialog.lexapyr-level-dialog .lexapyr-tier-tabs{
    display:grid!important;
    grid-template-columns:repeat(var(--lexapyr-tier-count,1),minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    gap:10px!important;
    overflow-x:visible!important;
    scroll-snap-type:none!important;
  }
  html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-field-chooser="shared"]
  body dialog.lexapyr-level-dialog .lexapyr-tier-tabs>*{
    box-sizing:border-box!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding-inline:8px!important;
    font-size:16px!important;
    white-space:normal!important;
    text-wrap:balance;
  }
}



html[data-game-overlays="shared"][data-game-controls="shared"] dialog.lexapyr-pause-dialog{
  box-sizing:border-box!important;
  width:min(360px,calc(100vw - 24px))!important;
  max-width:360px!important;
  max-height:calc(100dvh - 24px)!important;
  margin:auto!important;
  padding:14px!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game][data-game-overlays="shared"][data-game-controls="shared"] dialog.lexapyr-pause-dialog{
  width:min(360px,calc(100vw - 24px))!important;
  max-width:360px!important;
  max-height:calc(100dvh - 24px)!important;
  padding:14px!important;
}
html[data-game-overlays="shared"][data-game-controls="shared"] .lexapyr-pause-card{
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:10px!important;
  justify-items:center!important;
  align-items:center!important;
}
html[data-game-overlays="shared"][data-game-controls="shared"] .lexapyr-pause-visual{
  position:relative!important;
  box-sizing:border-box!important;
  width:min(190px,48vw)!important;
  height:min(190px,28dvh)!important;
  min-height:120px!important;
  margin:0 auto!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
html[data-game-overlays="shared"][data-game-controls="shared"] .lexapyr-pause-visual>img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
html[data-game-overlays="shared"][data-game-controls="shared"] .lexapyr-pause-card>h2{
  margin:0!important;
  font-size:36px!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[data-game-overlays="shared"][data-game-controls="shared"] .lexapyr-pause-card>.primary-button{
  width:100%!important;
  min-height:52px!important;
  margin:0!important;
  padding:8px 14px!important;
  border-radius:13px!important;
  font-size:23px!important;
  line-height:1!important;
}
@media (max-height:600px){
  html[data-game-overlays="shared"][data-game-controls="shared"] dialog.lexapyr-pause-dialog{
    padding:10px!important;
  }
  html[data-game-overlays="shared"][data-game-controls="shared"] .lexapyr-pause-card{
    gap:7px!important;
  }
  html[data-game-overlays="shared"][data-game-controls="shared"] .lexapyr-pause-visual{
    width:min(140px,42vw)!important;
    height:min(140px,24dvh)!important;
    min-height:92px!important;
  }
  html[data-game-overlays="shared"][data-game-controls="shared"] .lexapyr-pause-card>h2{
    font-size:30px!important;
  }
  html[data-game-overlays="shared"][data-game-controls="shared"] .lexapyr-pause-card>.primary-button{
    min-height:46px!important;
    font-size:20px!important;
  }
}


/* Responsive shell R1: shared navigation and frame geometry.
   The selected shell is input-capability based, so browser zoom never changes
   a desktop interface into the touch interface. */
#bottomDock.lexapyr-navigation{
  box-sizing:border-box;
  isolation:isolate;
  font-family:var(--theme-font,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif);
}
#bottomDock.lexapyr-navigation .bottom-nav-shape{
  position:absolute;
  inset:0;
  z-index:-1;
  width:100%;
  height:100%;
  pointer-events:none;
}
#bottomDock.lexapyr-navigation [data-dock-view]{
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
#bottomDock.lexapyr-navigation .nav-shell,
#bottomDock.lexapyr-navigation .nav-icon,
#bottomDock.lexapyr-navigation .nav-profile-avatar,
#bottomDock.lexapyr-navigation .dock-avatar-crop{
  box-sizing:border-box;
  display:grid;
  place-items:center;
}
#bottomDock.lexapyr-navigation .nav-icon .lp-icon,
#bottomDock.lexapyr-navigation .nav-profile-cosmetic .lp-icon{
  display:block;
  width:100%;
  height:100%;
}
#bottomDock.lexapyr-navigation .dock-avatar-crop,
#bottomDock.lexapyr-navigation .dock-avatar-crop img{
  width:100%;
  height:100%;
  object-fit:cover;
}
#bottomDock.lexapyr-navigation .nav-profile-avatar{position:relative;overflow:visible;}
#bottomDock.lexapyr-navigation .dock-avatar-crop{position:absolute;inset:0;overflow:hidden;}
#bottomDock.lexapyr-navigation .nav-profile-cosmetic{
  position:absolute;
  z-index:2;
  display:grid;
  place-items:center;
  pointer-events:none;
  filter:drop-shadow(0 3px 5px var(--theme-shadow-soft));
}
#bottomDock.lexapyr-navigation .nav-profile-cosmetic[hidden]{display:none!important;}
#bottomDock.lexapyr-navigation [data-dock-view]:focus-visible{
  outline:3px solid var(--theme-reward,var(--lx-focus,#ffd761));
  outline-offset:-3px;
}

/* Desktop: framed application with a left navigation rail. */
html[data-responsive-layout="adaptive"][data-shell="desktop"] body>:is(.desktop-app-shell,.desktop-game-shell)>#bottomDock.lexapyr-navigation{
  position:relative!important;
  inset:auto!important;
  grid-column:1!important;
  grid-row:2!important;
  z-index:3!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:20px 11px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:112px repeat(4,52px)!important;
  grid-auto-flow:row!important;
  align-content:start!important;
  gap:8px!important;
  overflow:hidden!important;
  transform:none!important;
  border:0!important;
  border-right:1px solid var(--desktop-frame-divider)!important;
  border-radius:0 0 0 calc(var(--desktop-frame-radius) - 2px)!important;
  background:color-mix(in srgb,var(--theme-bg-deep) 78%,#06020f 22%)!important;
  box-shadow:inset -1px 0 0 color-mix(in srgb,var(--theme-text) 6%,transparent)!important;
  pointer-events:auto!important;
}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock .bottom-nav-shape{display:none!important;}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock [data-dock-view]{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:52px!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 11px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:start!important;
  gap:10px!important;
  overflow:hidden!important;
  transform:none!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  color:var(--theme-muted)!important;
  background:transparent!important;
  box-shadow:none!important;
  font:inherit!important;
  cursor:pointer!important;
}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock [data-dock-view]::before{display:none!important;content:none!important;}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock [data-dock-view]::after{
  content:attr(aria-label)!important;
  position:static!important;
  display:block!important;
  min-width:0!important;
  color:inherit!important;
  font:900 15px/1 var(--theme-font)!important;
  text-align:left!important;
  white-space:nowrap!important;
}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock [data-dock-view]:is(:hover,:focus-visible){
  color:var(--theme-text-strong)!important;
  border-color:var(--theme-line-accent)!important;
  background:color-mix(in srgb,var(--theme-surface) 62%,transparent)!important;
}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock [data-dock-view]:is(.active,[aria-current="page"]){
  color:var(--theme-text-strong)!important;
  border-color:color-mix(in srgb,var(--theme-secondary) 58%,transparent)!important;
  background:var(--theme-selected)!important;
  box-shadow:0 10px 22px var(--theme-shadow-soft)!important;
}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock .nav-shell{
  position:static!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock :is(.nav-icon,.nav-profile-avatar){
  position:relative!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock .nav-icon .lp-icon{width:30px!important;height:30px!important;}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock .nav-profile-avatar img{border-radius:10px!important;}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton{
  order:-1!important;
  height:112px!important;
  min-height:112px!important;
  padding:8px!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  overflow:visible!important;
  border-color:color-mix(in srgb,var(--theme-secondary) 38%,transparent)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 78%,transparent),color-mix(in srgb,var(--theme-secondary-2) 42%,transparent))!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-text) 10%,transparent),0 8px 18px var(--theme-shadow-soft)!important;
}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton::after{display:none!important;content:none!important;}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton .nav-shell{width:96px!important;height:96px!important;}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton .nav-profile-avatar{
  width:88px!important;
  height:88px!important;
  min-width:88px!important;
  min-height:88px!important;
  border:2px solid color-mix(in srgb,var(--theme-text) 72%,transparent)!important;
  border-radius:22px!important;
  background:var(--theme-card-inner)!important;
  box-shadow:0 7px 18px var(--theme-shadow-soft)!important;
}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton .dock-avatar-crop,
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton img{border-radius:20px!important;}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock .nav-profile-cosmetic{width:30px;height:30px;}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock .nav-profile-medal{left:-10px;top:-8px;}
html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock .nav-profile-badge{right:-10px;top:-8px;}

/* A narrow desktop remains a desktop. The rail compacts before it moves above
   the content; no mobile dock is introduced by CSS pixel width or zoom. */
@media (max-width:1099px){
  html[data-responsive-layout="adaptive"][data-shell="desktop"]{
    --desktop-rail-w:78px;
    --desktop-frame-radius:18px;
    --desktop-shell-width:min(calc(100vw - 24px),var(--desktop-shell-max));
    --desktop-shell-height:calc(100dvh - 24px);
    --desktop-shell-margin:12px auto;
  }
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock.lexapyr-navigation{
    padding:12px 8px!important;
    grid-template-rows:64px repeat(4,50px)!important;
    gap:7px!important;
  }
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock [data-dock-view]{
    height:50px!important;
    min-height:50px!important;
    padding:0!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
  }
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock [data-dock-view]::after{display:none!important;content:none!important;}
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton{
    height:64px!important;
    min-height:64px!important;
    padding:5px!important;
  }
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton .nav-shell{width:52px!important;height:52px!important;}
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton .nav-profile-avatar{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    border-radius:14px!important;
  }
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton .dock-avatar-crop,
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton img{border-radius:12px!important;}
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock .nav-profile-cosmetic{width:20px;height:20px;}
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock .nav-profile-medal{left:-5px;top:-5px;}
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock .nav-profile-badge{right:-5px;top:-5px;}
}

@media (max-width:760px){
  html[data-responsive-layout="adaptive"][data-shell="desktop"]{
    --desktop-header-h:58px;
    --desktop-rail-w:0px;
    --desktop-shell-width:calc(100vw - 16px);
    --desktop-shell-height:calc(100dvh - 16px);
    --desktop-shell-margin:8px auto;
  }
  html[data-responsive-layout="adaptive"][data-shell="desktop"] body>:is(.desktop-app-shell,.desktop-game-shell){
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:var(--desktop-header-h) 58px minmax(0,1fr)!important;
  }
  html[data-responsive-layout="adaptive"][data-shell="desktop"] body>:is(.desktop-app-shell,.desktop-game-shell)>lexapyr-topbar{grid-column:1!important;grid-row:1!important;}
  html[data-responsive-layout="adaptive"][data-shell="desktop"] body>:is(.desktop-app-shell,.desktop-game-shell)>#bottomDock.lexapyr-navigation{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:58px!important;
    padding:5px 8px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    grid-auto-flow:column!important;
    align-items:stretch!important;
    gap:6px!important;
    border-right:0!important;
    border-bottom:1px solid var(--desktop-frame-divider)!important;
    border-radius:0!important;
  }
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock [data-dock-view],
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton{
    order:initial!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
  }
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock :is(.nav-shell,.nav-icon){width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;}
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton .nav-shell{width:40px!important;height:40px!important;}
  html[data-responsive-layout="adaptive"][data-shell="desktop"] #bottomDock #selfProfileButton .nav-profile-avatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
  html[data-responsive-layout="adaptive"][data-shell="desktop"] body>.desktop-app-shell>.app-main,
  html[data-responsive-layout="adaptive"][data-shell="desktop"] body>.desktop-game-shell>.game-shell{
    grid-column:1!important;
    grid-row:3!important;
    min-width:0!important;
    min-height:0!important;
    overflow:auto!important;
  }
}


/* Touch portal dock restoration: floating contour plate, large icons and no active-button tile.
   Restores the accepted 2026-08-15 mobile geometry without reverting desktop/tablet shell work. */
html[data-layout-mode="mobile"]{
  --touch-nav-height:154px;
  --touch-nav-inline-pad:36px;
  --touch-nav-bottom-pad:8px;
  --touch-nav-icon-size:108px;
  --touch-nav-active-icon-size:136px;
  --touch-nav-icon-top:40px;
}
html[data-layout-mode="tablet"]{
  --touch-nav-height:116px;
  --touch-nav-inline-pad:18px;
  --touch-nav-bottom-pad:6px;
  --touch-nav-icon-size:82px;
  --touch-nav-active-icon-size:103px;
  --touch-nav-icon-top:30px;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] body{
  width:100%!important;
  min-width:0!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] body>.desktop-app-shell{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:var(--lexapyr-topbar-height) minmax(0,1fr)!important;
  width:100%!important;
  height:100dvh!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] body>.desktop-app-shell>lexapyr-topbar{
  position:relative!important;
  inset:auto!important;
  grid-column:1!important;
  grid-row:1!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] body>.desktop-app-shell>.app-main{
  position:relative!important;
  inset:auto!important;
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:24px 32px 0!important;
  overflow:hidden!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] body>.desktop-app-shell>.app-main>.app-view{
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable both-edges;
  padding-bottom:calc(var(--touch-nav-height,154px) + max(20px,env(safe-area-inset-bottom)))!important;
  scroll-padding-bottom:calc(var(--touch-nav-height,154px) + max(20px,env(safe-area-inset-bottom)))!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] body>.desktop-app-shell>#bottomDock.lexapyr-navigation{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  z-index:120!important;
  width:100%!important;
  height:var(--touch-nav-height,154px)!important;
  min-height:var(--touch-nav-height,154px)!important;
  margin:0!important;
  padding:0 max(var(--touch-nav-inline-pad,36px),env(safe-area-inset-right)) max(var(--touch-nav-bottom-pad,8px),env(safe-area-inset-bottom)) max(var(--touch-nav-inline-pad,36px),env(safe-area-inset-left))!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:visible!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .bottom-nav-shape{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:var(--touch-nav-height,154px)!important;
  pointer-events:none!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .bottom-nav-shape path:first-child{
  fill:color-mix(in srgb,var(--theme-bg-deep) 90%,#090313 10%);
  stroke:none;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .bottom-nav-shape path:last-child{
  fill:none;
  stroke:var(--theme-line-accent);
  stroke-width:3;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock [data-dock-view]{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  width:100%!important;
  height:var(--touch-nav-height,154px)!important;
  min-width:0!important;
  min-height:var(--touch-nav-height,154px)!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  color:var(--theme-muted)!important;
  background:transparent!important;
  box-shadow:none!important;
  font:inherit!important;
  cursor:pointer!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock [data-dock-view]::before,
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock [data-dock-view]::after{display:none!important;content:none!important;}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock [data-dock-view]:is(.active,[aria-current="page"]){
  color:var(--theme-text-strong)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .nav-shell{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:var(--touch-nav-height,154px)!important;
  min-width:0!important;
  min-height:var(--touch-nav-height,154px)!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  transform:none!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock :is(.nav-icon,.nav-profile-avatar){
  position:absolute!important;
  left:50%!important;
  top:var(--touch-nav-icon-top,40px)!important;
  z-index:1!important;
  width:var(--touch-nav-icon-size,108px)!important;
  height:var(--touch-nav-icon-size,108px)!important;
  min-width:var(--touch-nav-icon-size,108px)!important;
  min-height:var(--touch-nav-icon-size,108px)!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  transform:translateX(-50%)!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 8px 7px var(--theme-shadow-soft))!important;
  transition:top .31s cubic-bezier(.22,.9,.28,1.08),width .31s cubic-bezier(.22,.9,.28,1.08),height .31s cubic-bezier(.22,.9,.28,1.08),filter .31s ease!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .nav-icon .lp-icon{
  width:var(--touch-nav-icon-size,108px)!important;
  height:var(--touch-nav-icon-size,108px)!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  transition:width .31s cubic-bezier(.22,.9,.28,1.08),height .31s cubic-bezier(.22,.9,.28,1.08)!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock [data-dock-view]:is(.active,[aria-current="page"]) :is(.nav-icon,.nav-profile-avatar){
  top:0!important;
  width:var(--touch-nav-active-icon-size,136px)!important;
  height:var(--touch-nav-active-icon-size,136px)!important;
  min-width:var(--touch-nav-active-icon-size,136px)!important;
  min-height:var(--touch-nav-active-icon-size,136px)!important;
  filter:drop-shadow(0 15px 12px var(--theme-shadow))!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock [data-dock-view]:is(.active,[aria-current="page"]) .nav-icon .lp-icon{
  width:var(--touch-nav-active-icon-size,136px)!important;
  height:var(--touch-nav-active-icon-size,136px)!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock [data-dock-view].is-pressed :is(.nav-icon,.nav-profile-avatar){
  transform:translateX(-50%) scale(.94)!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .nav-profile-avatar{
  border:3px solid color-mix(in srgb,var(--theme-text) 72%,transparent)!important;
  border-radius:50%!important;
  background:var(--theme-card-inner)!important;
  box-shadow:0 8px 18px var(--theme-shadow-soft)!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock [data-dock-view]:is(.active,[aria-current="page"]) .nav-profile-avatar{
  border-radius:50%!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .dock-avatar-crop,
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .nav-profile-avatar img{
  border-radius:50%!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock [data-dock-view]:is(.active,[aria-current="page"]) :is(.dock-avatar-crop,.nav-profile-avatar img){
  border-radius:50%!important;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .nav-profile-cosmetic{
  width:30px;
  height:30px;
}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .nav-profile-medal{left:-8px;top:-7px;}
html[data-responsive-layout="adaptive"][data-layout-context="portal"][data-shell="touch"] #bottomDock .nav-profile-badge{right:-8px;top:-7px;}

/* Games own their touch layout and do not duplicate the portal navigation. */
html[data-responsive-layout="adaptive"][data-layout-context="game"][data-shell="touch"] .desktop-game-shell>#bottomDock{display:none!important;}

/* Shared responsive primitives used by portal and game-owned style sheets. */
:where(.app-main,.game-shell,.app-view,.content-section,.dialog-card,form,fieldset){min-width:0;}
:where(img,svg,video,canvas){max-width:100%;}
:where(input,select,textarea,button){max-width:100%;}
.lexapyr-copy-fallback{position:fixed;inset:-10000px auto auto -10000px;opacity:0;pointer-events:none;}
.lexapyr-tier-tabs[data-tier-count="1"]{--lexapyr-tier-count:1;}
.lexapyr-tier-tabs[data-tier-count="2"]{--lexapyr-tier-count:2;}
.lexapyr-tier-tabs[data-tier-count="3"]{--lexapyr-tier-count:3;}
.lexapyr-tier-tabs[data-tier-count="4"]{--lexapyr-tier-count:4;}
.lexapyr-tier-tabs[data-tier-count="5"]{--lexapyr-tier-count:5;}
[hidden]{display:none!important;}
@media (max-width:480px){
  html[data-shell="desktop"]{
    --lexapyr-topbar-action-size:38px;
    --lexapyr-topbar-icon-size:28px;
    --lexapyr-topbar-brand-size:38px;
    --lexapyr-topbar-brand-icon-size:30px;
    --lexapyr-topbar-title-size:21px;
  }
  html[data-shell="desktop"] .brand-copy small{display:none!important;}
}

@media (prefers-reduced-motion:reduce){
  #bottomDock.lexapyr-navigation *,#bottomDock.lexapyr-navigation *::before,#bottomDock.lexapyr-navigation *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}
