:root {
        color-scheme: light;
        --panel: rgba(255, 252, 245, 0.94);
        --ink: #1c2430;
        --muted: #5a6475;
        --line: rgba(28, 36, 48, 0.12);
        --brand: #1d7f68;
        --brand-strong: #0d5a48;
        --accent: #e6a73a;
        --danger: #b54747;
        --shadow: 0 18px 40px rgba(28, 36, 48, 0.12);
        --star-bg:
          radial-gradient(circle at 20% 20%, rgba(75, 108, 255, 0.16), transparent 18%),
          radial-gradient(circle at 80% 30%, rgba(255, 0, 163, 0.18), transparent 16%),
          linear-gradient(180deg, rgba(5, 8, 18, 0.18) 0%, rgba(5, 10, 22, 0.35) 48%, rgba(3, 5, 12, 0.86) 100%),
          url("/media/navigation/nav-background.webp") center center / cover no-repeat;
        --create-bg: var(--star-bg);
        --tabuzzz-header-navigation-height: 15vh;
        --tabuzzz-header-navigation-logo-width: 45vw;
        --tabuzzz-header-choice-height: 11vh;
        --tabuzzz-header-choice-logo-width: 40vw;
        --tabuzzz-header-preplay-height: 14vh;
        --tabuzzz-header-preplay-logo-width: 45vw;
        --tabuzzz-header-height: var(--tabuzzz-header-navigation-height);
        --tabuzzz-header-logo-width: var(--tabuzzz-header-navigation-logo-width);
        --tabuzzz-header-logo-height: calc(var(--tabuzzz-header-height) * 0.8);
        --tabuzzz-content-top-fr: 7.333fr;
        --tabuzzz-content-main-fr: 78fr;
        --tabuzzz-content-bottom-fr: 14.667fr;
      }

      @media (max-width: 860px) {
        :root {
          --tabuzzz-header-navigation-height: 11dvh;
          --tabuzzz-header-navigation-logo-width: 50vw;
          --tabuzzz-header-choice-height: 9dvh;
          --tabuzzz-header-choice-logo-width: 50vw;
          --tabuzzz-header-preplay-height: 12dvh;
          --tabuzzz-header-preplay-logo-width: 50vw;
        }
      }

      * {
        box-sizing: border-box;
      }

      html,
      body {
        margin: 0;
        min-height: 100vh;
        overflow: hidden;
      }

      body {
        font-family: "Segoe UI", "Helvetica Neue", sans-serif;
        color: var(--ink);
        background: #071120;
      }

      button,
      input,
      select,
      textarea {
        font: inherit;
      }

      [hidden] {
        display: none !important;
      }

      button {
        border: 0;
        border-radius: 14px;
        padding: 12px 16px;
        cursor: pointer;
        transform-origin: center;
        transition: transform 150ms ease, opacity 120ms ease, background 120ms ease, filter 150ms ease;
      }

      button:hover:not(:disabled):not(:active) {
        transform: scale(1.018);
      }

      .nav-zero__icon-button,
      .nav-zero__main-button,
      .nav-zero__controller-button {
        will-change: transform, filter;
      }

      .nav-zero__icon-button:active,
      .nav-zero__main-button:active,
      .nav-zero__controller-button:active {
        transform: scale(0.985);
        filter: brightness(0.95) saturate(1.05);
      }

      .nav-zero__controller-button:active {
        transform: scale(0.985);
      }

      button:disabled {
        opacity: 0.45;
        cursor: default;
      }

      button[aria-busy="true"],
      button.is-loading {
        opacity: 0.78;
        cursor: wait;
        filter: saturate(0.9) brightness(0.92);
      }

      .shell {
        width: 100%;
        min-height: 100vh;
        max-width: none;
        margin: 0;
        padding: 0;
      }

      .app-boot-shell {
        position: fixed;
        inset: 0;
        display: grid;
        place-items: center;
        padding: clamp(20px, 4vw, 40px);
        background:
          radial-gradient(circle at 18% 14%, rgba(93, 157, 255, 0.18), transparent 18%),
          radial-gradient(circle at 82% 26%, rgba(255, 77, 205, 0.14), transparent 18%),
          linear-gradient(180deg, rgba(5, 8, 22, 0.98) 0%, rgba(9, 20, 39, 0.98) 48%, rgba(3, 5, 13, 1) 100%);
        color: #f3f6ff;
      }

      .app-boot-shell__panel {
        width: min(92vw, 480px);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 28px;
        padding: clamp(26px, 4vw, 36px);
        background: rgba(8, 15, 34, 0.82);
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.34);
        display: grid;
        gap: 14px;
        justify-items: center;
        text-align: center;
        backdrop-filter: blur(16px);
      }

      .app-boot-shell__brand {
        font-size: clamp(1.2rem, 2.5vw, 1.7rem);
        font-weight: 900;
        letter-spacing: 0.28em;
      }

      .app-boot-shell__title {
        font-size: clamp(1.35rem, 3vw, 2rem);
        font-weight: 800;
      }

      .app-boot-shell__hint {
        color: rgba(243, 246, 255, 0.72);
        font-size: clamp(0.95rem, 1.8vw, 1.05rem);
      }

      .app-boot-shell__pulse {
        display: inline-flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
        min-height: 18px;
      }

      .app-boot-shell__pulse span {
        width: 12px;
        height: 12px;
        border-radius: 999px;
        background: linear-gradient(135deg, #67a7ff 0%, #ff59d5 100%);
        animation: appBootPulse 1s ease-in-out infinite;
      }

      .app-boot-shell__pulse span:nth-child(2) {
        animation-delay: 120ms;
      }

      .app-boot-shell__pulse span:nth-child(3) {
        animation-delay: 240ms;
      }

      .pub-shell {
        position: fixed;
        inset: 0;
        display: grid;
        place-items: center;
        padding: clamp(20px, 4vw, 40px);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        isolation: isolate;
        background: #030611;
        color: #f3f6ff;
      }

      .pub-shell::before,
      .pub-shell::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
      }

      .pub-shell::before {
        background:
          linear-gradient(180deg, rgba(1, 5, 18, 0.16), rgba(1, 5, 18, 0.78)),
          url("/media/navigation/nav-background.webp") center center / cover no-repeat,
          #030611;
      }

      .pub-shell::after {
        opacity: 0;
        background:
          linear-gradient(180deg, rgba(3, 6, 17, 0.18), rgba(3, 6, 17, 0.48)),
          url("/media/navigation/hypervitesse.webp") center center / cover no-repeat;
        transform: scale(1.02);
        transition: opacity 240ms ease;
      }

      .pub-shell--hypervitesse::after {
        opacity: 0.72;
        animation: pubHypervitesseDrift 4200ms ease-in-out infinite alternate;
      }

      .pub-shell__panel {
        position: relative;
        z-index: 1;
        width: min(94vw, 860px);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 8px;
        padding: clamp(18px, 3vw, 28px);
        background: rgba(8, 15, 34, 0.82);
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.34);
        display: grid;
        grid-template-rows: auto minmax(250px, 1fr) auto;
        gap: clamp(12px, 2.4vh, 20px);
        justify-items: center;
        text-align: center;
        max-height: calc(100dvh - 40px);
        min-height: min(620px, calc(100dvh - 40px));
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        backdrop-filter: blur(16px);
      }

      .game-tags {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
      }

      .game-tag {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.55rem 0.85rem;
        border-radius: 999px;
        background: rgba(12, 24, 60, 0.48);
        border: 1px solid rgba(255, 255, 255, 0.14);
        font-size: clamp(0.72rem, 1.5vw, 0.92rem);
        font-weight: 800;
        white-space: nowrap;
      }

      .game-tag span {
        opacity: 0.78;
        text-transform: uppercase;
        letter-spacing: 0.06em;
      }

      .game-tag.is-primary {
        background: linear-gradient(180deg, rgba(43, 120, 255, 0.42), rgba(15, 42, 112, 0.62));
        border-color: rgba(146, 197, 255, 0.35);
      }

      .game-panel {
        background: rgba(11, 18, 46, 0.56);
        border: 1px solid rgba(180, 219, 255, 0.18);
        box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22);
      }

      .game-panel .section-title {
        margin-bottom: 8px;
      }

      .game-stack {
        display: grid;
        gap: 12px;
      }

      .game-copy {
        text-align: center;
        font-size: clamp(0.95rem, 2vw, 1.18rem);
        font-weight: 800;
        line-height: 1.3;
      }

      .game-bullets {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
      }

      .game-bullet {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 0.35rem 0.7rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.14);
        font-weight: 800;
      }

      .game-choice-grid {
        display: grid;
        gap: 10px;
      }

      .game-choice-card {
        display: grid;
        gap: 4px;
        padding: 0.85rem 1rem;
        border-radius: 18px;
        border: 1px solid rgba(177, 220, 255, 0.18);
        background: rgba(255, 255, 255, 0.08);
        color: #f7fbff;
        text-align: left;
      }

      .game-choice-card.is-active {
        background: rgba(56, 133, 255, 0.25);
        border-color: rgba(153, 205, 255, 0.46);
      }

      .game-choice-card__key {
        font-size: 0.82rem;
        opacity: 0.86;
      }

      .game-choice-card__label {
        font-size: clamp(0.95rem, 2vw, 1.08rem);
        font-weight: 900;
      }

      .game-choice-grid__subtitle {
        font-size: 0.84rem;
        opacity: 0.82;
      }

      .game-answer-grid {
        gap: 10px;
      }

      .game-answer-choice {
        justify-content: flex-start;
        min-height: 58px;
      }

      .game-hero-buzzer,
      .game-buzz-zone {
        display: grid;
        place-items: center;
        min-height: 124px;
        border-radius: 28px;
        border: 2px solid rgba(133, 194, 255, 0.22);
        background: radial-gradient(circle at 50% 30%, rgba(53, 144, 255, 0.22), rgba(7, 16, 44, 0.78));
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
        font-size: clamp(1.25rem, 3vw, 1.8rem);
        font-weight: 900;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      .game-hero-buzzer.is-active,
      .game-buzz-zone.is-active {
        background: radial-gradient(circle at 50% 30%, rgba(79, 171, 255, 0.36), rgba(8, 20, 60, 0.82));
        border-color: rgba(195, 234, 255, 0.48);
      }

      .game-media-card {
        display: grid;
        gap: 4px;
        padding: 0.85rem 1rem;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        text-align: center;
      }

      .game-media-card strong {
        font-size: clamp(0.95rem, 2vw, 1.1rem);
      }

      .game-media-card span {
        font-size: 0.84rem;
        opacity: 0.82;
      }

      .game-sequence-row {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
      }

      .game-sequence-step {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
        min-height: 42px;
        padding: 0 0.8rem;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        font-weight: 900;
      }

      .game-grid-4 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
      }

      .game-grid-cell {
        min-height: 68px;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        font-weight: 900;
      }

      .game-grid-cell.is-highlighted {
        background: rgba(92, 178, 255, 0.24);
        border-color: rgba(174, 226, 255, 0.42);
      }

      .game-history-list {
        display: grid;
        gap: 8px;
      }

      .game-history-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 12px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
      }

      @media (max-width: 720px) {
        .game-grid-4 {
          gap: 6px;
        }

        .game-grid-cell {
          min-height: 56px;
          border-radius: 14px;
        }

        .game-hero-buzzer,
        .game-buzz-zone {
          min-height: 96px;
          border-radius: 22px;
        }

        .game-sequence-step {
          min-width: 36px;
          min-height: 36px;
        }
      }

      .pub-shell__eyebrow {
        align-self: center;
        font-size: clamp(0.82rem, 1.5vw, 1rem);
        font-weight: 950;
        letter-spacing: 0.2em;
        color: rgba(243, 246, 255, 0.9);
      }

      .pub-shell__title {
        margin: 0;
        font-size: clamp(1.4rem, 3vw, 2.1rem);
        font-weight: 800;
      }

      .pub-shell__subtitle,
      .pub-shell__status {
        margin: 0;
        color: rgba(243, 246, 255, 0.8);
      }

      .pub-shell__preparation {
        width: 100%;
        display: grid;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 18px;
        border: 1px solid rgba(92, 204, 255, 0.38);
        background: linear-gradient(180deg, rgba(6, 24, 70, 0.74), rgba(3, 10, 28, 0.62));
        text-align: left;
      }

      .pub-shell__preparation strong {
        color: #dff8ff;
        font-size: clamp(1rem, 2vw, 1.2rem);
      }

      .pub-shell__preparation ul {
        display: grid;
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .pub-shell__preparation li {
        display: grid;
        grid-template-columns: 12px minmax(0, 1fr);
        gap: 10px;
        align-items: flex-start;
        color: rgba(243, 246, 255, 0.84);
        font-weight: 700;
      }

      .pub-shell__preparation li::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #59d8ff;
        box-shadow: 0 0 16px rgba(89, 216, 255, 0.52);
      }

      .pub-shell__creative {
        width: 100%;
        display: grid;
        gap: 12px;
        text-align: left;
        border-radius: 24px;
        padding: 18px;
        background:
          linear-gradient(135deg, rgba(103, 167, 255, 0.18) 0%, rgba(255, 89, 213, 0.14) 100%),
          rgba(13, 24, 48, 0.88);
        border: 1px solid rgba(255, 255, 255, 0.12);
      }

      .pub-shell__ad {
        position: relative;
        isolation: isolate;
        width: 100%;
        height: min(58dvh, 520px);
        min-height: 250px;
        display: grid;
        place-items: stretch;
        text-align: left;
        border-radius: 0;
        padding: 0;
        background: transparent;
        border: 0;
      }

      .pub-shell__adsense-slot {
        grid-area: 1 / 1;
        position: relative;
        z-index: 0;
        width: 100%;
        min-width: 250px;
        min-height: clamp(250px, 34vh, 320px);
        border-radius: 14px;
        overflow: hidden;
        background: rgba(3, 10, 28, 0.34);
      }

      .pub-shell__web-ad-provider-container {
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-width: 250px;
        min-height: clamp(250px, 34vh, 320px);
      }

      .pub-shell__web-ad-provider-container iframe,
      .pub-shell__web-ad-provider-container object,
      .pub-shell__web-ad-provider-container embed {
        display: block;
        width: 100%;
        min-height: clamp(250px, 34vh, 320px);
        border: 0;
      }

      .pub-shell__network-slot {
        grid-area: 1 / 1;
        position: relative;
        z-index: 0;
        width: 100%;
        min-width: 250px;
        min-height: 250px;
        height: 100%;
        display: grid;
        place-items: center;
        border-radius: 0;
        overflow: visible;
        background: transparent;
        border: 0;
      }

      .pub-shell__network-slot > span {
        color: rgba(255, 255, 255, 0.58);
        font-size: 0.78rem;
        font-weight: 700;
      }

      .pub-shell__network-loader {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 8px;
        border-radius: 14px;
        color: rgba(255, 255, 255, 0.74);
        background: rgba(7, 13, 32, 0.42);
        border: 1px solid rgba(255, 255, 255, 0.12);
        font-size: 0.78rem;
        font-weight: 800;
      }

      .pub-shell__network-loader-text {
        max-width: 220px;
        line-height: 1.25;
      }

      .pub-shell__network-loader-dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #40f5d8;
        box-shadow: 0 0 16px rgba(64, 245, 216, 0.8);
        animation: pub-network-loader-pulse 1s ease-in-out infinite;
      }

      @keyframes pub-network-loader-pulse {
        0%, 100% {
          opacity: 0.44;
          transform: scale(0.86);
        }

        50% {
          opacity: 1;
          transform: scale(1);
        }
      }

      .pub-shell__network-slot [data-tabuzzz-ad-network-container],
      .pub-shell__network-slot > div[id^="container-"] {
        display: grid;
        place-items: center;
        width: min(100%, 320px);
        min-width: 250px;
        min-height: 250px;
        aspect-ratio: 1 / 1;
      }

      .pub-shell__network-slot iframe,
      .pub-shell__network-slot object,
      .pub-shell__network-slot embed,
      .pub-shell__network-slot img,
      .pub-shell__network-slot video,
      .pub-shell__network-slot canvas {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 250px;
        border: 0;
      }

      .pub-shell__ad-fallback {
        grid-area: 1 / 1;
        position: relative;
        z-index: 1;
        display: grid;
        align-content: center;
        gap: 6px;
        min-height: clamp(88px, 15vh, 128px);
        padding: 10px 12px;
        border-radius: 14px;
        background: rgba(8, 20, 42, 0.72);
      }

      .pub-shell__ad-fallback .pub-shell__brand {
        padding: 5px 9px;
        font-size: 0.68rem;
      }

      .pub-shell__ad-fallback .pub-shell__creative-title {
        font-size: clamp(1rem, 1.9vw, 1.28rem);
      }

      .pub-shell__ad-fallback .pub-shell__creative-body {
        font-size: 0.88rem;
        line-height: 1.32;
      }

      .pub-shell__ad-fallback .pub-shell__creative-meta {
        font-size: 0.8rem;
        gap: 6px;
      }

      .pub-shell__sponsored-link {
        grid-area: 1 / 1;
        position: relative;
        z-index: 1;
        display: grid;
        align-content: center;
        justify-items: start;
        gap: 10px;
        min-height: 100%;
        padding: clamp(16px, 3vw, 24px);
        border-radius: 8px;
        background:
          linear-gradient(135deg, rgba(41, 177, 255, 0.18), rgba(255, 196, 58, 0.12)),
          rgba(7, 16, 34, 0.9);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.16),
          0 18px 48px rgba(0, 0, 0, 0.24);
      }

      .pub-shell__sponsored-badge {
        width: max-content;
        padding: 5px 9px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: #bcefff;
        font-size: 0.68rem;
        font-weight: 900;
      }

      .pub-shell__sponsored-action {
        min-height: 44px;
        padding: 0 16px;
        border: 0;
        border-radius: 8px;
        color: #06101f;
        background: #ffd65a;
        font-weight: 950;
        cursor: pointer;
      }

      .pub-shell__sponsored-action:disabled {
        cursor: not-allowed;
        opacity: 0.62;
      }

      .pub-house-ad {
        grid-area: 1 / 1;
        position: relative;
        z-index: 1;
        width: 100%;
        min-height: 100%;
        border-radius: 8px;
        overflow: hidden;
        color: #ffffff;
        background:
          radial-gradient(circle at 18% 20%, rgba(0, 255, 209, 0.28), transparent 24%),
          radial-gradient(circle at 82% 18%, rgba(255, 55, 178, 0.28), transparent 24%),
          radial-gradient(circle at 54% 88%, rgba(255, 208, 89, 0.2), transparent 24%),
          linear-gradient(135deg, #07111f 0%, #18204f 46%, #070b18 100%);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.16),
          0 18px 48px rgba(0, 0, 0, 0.26);
      }

      .pub-house-ad::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(circle, rgba(255, 255, 255, 0.78) 0 1px, transparent 1px) 0 0 / 42px 42px,
          radial-gradient(circle, rgba(255, 255, 255, 0.42) 0 1px, transparent 1px) 18px 24px / 58px 58px;
        opacity: 0.28;
        pointer-events: none;
      }

      .pub-house-ad__sky {
        position: absolute;
        inset: -35%;
        background:
          conic-gradient(from 210deg, rgba(0, 255, 209, 0), rgba(0, 255, 209, 0.18), rgba(255, 55, 178, 0.16), rgba(0, 255, 209, 0));
        filter: blur(8px);
        opacity: 0.72;
        transform: rotate(-8deg);
        pointer-events: none;
      }

      .pub-house-ad__content {
        position: relative;
        z-index: 1;
        display: grid;
        gap: 7px;
        min-height: inherit;
        align-content: center;
        padding: clamp(12px, 2.2vw, 18px);
      }

      .pub-house-ad__badge {
        width: max-content;
        padding: 5px 9px;
        border-radius: 999px;
        background: rgba(7, 13, 32, 0.68);
        border: 1px solid rgba(0, 255, 209, 0.42);
        color: #b8fff1;
        font-size: 0.68rem;
        font-weight: 900;
      }

      .pub-house-ad__title {
        margin: 0;
        color: #ffffff;
        font-size: clamp(1.55rem, 4vw, 2.35rem);
        line-height: 0.95;
        font-weight: 950;
        letter-spacing: 0;
        text-shadow:
          0 0 18px rgba(0, 255, 209, 0.42),
          0 0 34px rgba(255, 55, 178, 0.34);
      }

      .pub-house-ad__subtitle {
        margin: 0;
        color: rgba(255, 255, 255, 0.82);
        font-size: clamp(0.9rem, 2vw, 1.05rem);
        font-weight: 800;
      }

      .pub-house-ad__blocks {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 7px;
        margin-top: 2px;
      }

      .pub-house-ad__blocks span {
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 7px 6px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.15);
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(0.72rem, 1.5vw, 0.86rem);
        font-weight: 850;
      }

      .pub-house-ad__blocks i {
        font-style: normal;
        line-height: 1;
      }

      .pub-shell__ad[data-ad-state="filled"] .pub-shell__ad-fallback {
        display: none;
      }

      .pub-shell__ad[data-ad-state="pushed"] .pub-shell__ad-fallback,
      .pub-shell__ad[data-ad-state="already_pushed"] .pub-shell__ad-fallback {
        opacity: 0.96;
        pointer-events: none;
      }

      .pub-shell__ad--fallback-only {
        padding: 18px;
      }

      .pub-shell__creative--sponsor {
        background:
          linear-gradient(135deg, rgba(255, 171, 88, 0.2) 0%, rgba(255, 89, 213, 0.12) 100%),
          rgba(13, 24, 48, 0.88);
      }

      .pub-shell__creative--transition {
        background:
          linear-gradient(135deg, rgba(49, 215, 255, 0.18) 0%, rgba(255, 205, 37, 0.12) 100%),
          rgba(6, 16, 42, 0.9);
      }

      .pub-shell__brand {
        display: inline-flex;
        width: fit-content;
        padding: 7px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.16em;
      }

      .pub-shell__creative-title {
        margin: 0;
        font-size: clamp(1.15rem, 2.4vw, 1.7rem);
        font-weight: 800;
      }

      .pub-shell__creative-body {
        margin: 0;
        color: rgba(243, 246, 255, 0.88);
        line-height: 1.5;
      }

      .pub-shell__creative-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        color: rgba(243, 246, 255, 0.72);
        font-size: 0.92rem;
      }

      .pub-shell__creative-meta span {
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
      }

      .pub-shell__continue {
        min-width: 220px;
      }

      .pub-shell__continue:disabled {
        opacity: 0.56;
        cursor: not-allowed;
      }

      .pub-shell__back {
        min-width: 180px;
      }

      .pub-shell__ranking {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: min(100%, 280px);
        min-height: 42px;
        border: 0;
        border-radius: 999px;
        padding: 0 18px;
        color: #f3f6ff;
        background: rgba(255, 255, 255, 0.08);
        font-size: clamp(0.92rem, 1.8vw, 1.08rem);
        font-weight: 900;
        letter-spacing: 0;
      }

      .pub-shell__ranking:disabled {
        color: rgba(243, 246, 255, 0.88);
        background: transparent;
      }

      .pub-shell__ranking:not(:disabled) {
        cursor: pointer;
        color: #07111f;
        background: #40f5d8;
        box-shadow: 0 14px 34px rgba(64, 245, 216, 0.22);
      }

      .pub-shell__pulse {
        display: inline-flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
        min-height: 18px;
      }

      .pub-shell__pulse span {
        width: 12px;
        height: 12px;
        border-radius: 999px;
        background: linear-gradient(135deg, #67a7ff 0%, #ff59d5 100%);
        animation: appBootPulse 1s ease-in-out infinite;
      }

      .pub-shell__pulse span:nth-child(2) {
        animation-delay: 120ms;
      }

      .pub-shell__pulse span:nth-child(3) {
        animation-delay: 240ms;
      }

      @media (max-width: 720px), (max-height: 720px) {
        .pub-shell {
          align-items: stretch;
          justify-items: center;
          padding: max(10px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));
        }

        .pub-shell__panel {
          width: min(100%, 560px);
          max-height: calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
          align-self: center;
          grid-template-rows: auto minmax(250px, 1fr) auto;
          gap: 10px;
          padding: 12px;
          overflow-x: hidden;
          overflow-y: auto;
          border-radius: 8px;
        }

        .pub-shell__eyebrow {
          font-size: 0.66rem;
          letter-spacing: 0.16em;
        }

        .pub-shell__title {
          font-size: clamp(1.1rem, 5.2vw, 1.42rem);
          line-height: 1.06;
        }

        .pub-shell__subtitle,
        .pub-shell__status {
          font-size: 0.84rem;
          line-height: 1.22;
        }

        .pub-shell__preparation {
          gap: 5px;
          padding: 8px 10px;
        }

        .pub-shell__preparation strong {
          font-size: 0.9rem;
        }

        .pub-shell__preparation ul {
          gap: 4px;
        }

        .pub-shell__preparation li {
          grid-template-columns: 9px minmax(0, 1fr);
          gap: 7px;
          font-size: 0.78rem;
          line-height: 1.18;
        }

        .pub-shell__preparation li:nth-child(n+3) {
          display: none;
        }

        .pub-shell__preparation li::before {
          width: 7px;
          height: 7px;
        }

        .pub-shell__ad {
          height: min(62dvh, 460px);
          min-height: 250px;
          max-height: none;
          padding: 0;
          overflow: visible;
        }

        .pub-shell__adsense-slot,
        .pub-shell__ad-fallback,
        .pub-shell__sponsored-link,
        .pub-house-ad {
          min-height: 250px;
          max-height: none;
        }

        .pub-shell__ad-fallback {
          gap: 4px;
          padding: 8px 10px;
        }

        .pub-shell__ad-fallback .pub-shell__brand {
          padding: 4px 8px;
          font-size: 0.6rem;
        }

        .pub-shell__ad-fallback .pub-shell__creative-title {
          font-size: 0.95rem;
          line-height: 1.08;
        }

        .pub-shell__ad-fallback .pub-shell__creative-body {
          font-size: 0.76rem;
          line-height: 1.18;
        }

        .pub-shell__ad-fallback .pub-shell__creative-meta {
          gap: 4px;
          font-size: 0.7rem;
        }

        .pub-shell__ad-fallback .pub-shell__creative-meta span {
          padding: 4px 7px;
        }

        .pub-house-ad__content {
          gap: 4px;
          padding: 8px 10px;
        }

        .pub-house-ad__badge {
          padding: 4px 7px;
          font-size: 0.56rem;
        }

        .pub-house-ad__title {
          font-size: 1.16rem;
        }

        .pub-house-ad__subtitle {
          font-size: 0.74rem;
        }

        .pub-house-ad__blocks {
          gap: 4px;
        }

        .pub-house-ad__blocks span {
          gap: 3px;
          padding: 5px 3px;
          border-radius: 9px;
          font-size: 0.62rem;
        }

        .pub-shell__pulse {
          min-height: 10px;
          gap: 7px;
        }

        .pub-shell__pulse span {
          width: 8px;
          height: 8px;
        }

        .pub-shell__continue,
        .pub-shell__back {
          width: min(100%, 248px);
          min-width: 0;
          min-height: 44px;
          padding-block: 0.6rem;
          font-size: 0.9rem;
        }

        .pub-shell__ranking {
          width: min(100%, 300px);
          min-width: 0;
          min-height: 40px;
          padding: 0 12px;
        }
      }

      @keyframes appBootPulse {
        0%, 80%, 100% {
          opacity: 0.35;
          transform: translateY(0) scale(0.9);
        }
        40% {
          opacity: 1;
          transform: translateY(-4px) scale(1);
        }
      }

      @keyframes pubHypervitesseDrift {
        from {
          transform: scale(1.02) translateY(0);
        }
        to {
          transform: scale(1.06) translateY(-12px);
        }
      }

      .hero {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        align-items: end;
        justify-content: space-between;
        margin-bottom: 20px;
      }

      .title {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.2rem);
        line-height: 0.95;
        letter-spacing: -0.04em;
      }

      .subtitle {
        margin: 10px 0 0;
        max-width: 640px;
        color: var(--muted);
      }

      .badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 999px;
        background: rgba(29, 127, 104, 0.1);
        color: var(--brand-strong);
        font-weight: 700;
      }

      .layout {
        display: grid;
        grid-template-columns: minmax(0, 1.8fr) minmax(280px, 0.9fr);
        gap: 18px;
      }

      .card {
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 24px;
        box-shadow: var(--shadow);
        padding: 20px;
      }

      .stack {
        display: grid;
        gap: 14px;
      }

      .actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .compact-actions {
        align-items: center;
        justify-content: center;
      }

      .primary {
        background: var(--brand);
        color: #fff;
        font-weight: 700;
      }

      .ghost {
        background: transparent;
        border: 1px solid var(--line);
        color: var(--muted);
        font-weight: 700;
      }

      .secondary {
        background: rgba(29, 127, 104, 0.1);
        color: var(--brand-strong);
        font-weight: 700;
      }

      .grid-2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .rewarded-recharge-shell {
        min-height: min(720px, calc(100vh - 32px));
        display: grid;
        place-items: center;
        padding: clamp(16px, 4vw, 32px);
      }

      .rewarded-recharge-card {
        width: min(100%, 520px);
        text-align: center;
      }

      .rewarded-recharge-card h1 {
        margin: 0;
        font-size: clamp(2rem, 6vw, 3rem);
        line-height: 1;
      }

      .rewarded-recharge-next {
        margin: 0;
        color: var(--ink);
        font-weight: 800;
      }

      .field {
        display: grid;
        gap: 8px;
      }

      .field label {
        font-size: 0.92rem;
        font-weight: 700;
        color: var(--muted);
      }

      .field input,
      .field select,
      .field textarea {
        width: 100%;
        border: 1px solid rgba(28, 36, 48, 0.18);
        border-radius: 14px;
        padding: 12px 14px;
        background: rgba(255, 255, 255, 0.92);
        color: var(--ink);
      }

      .section-title {
        margin: 0 0 12px;
        font-size: 1.15rem;
      }

      .meta,
      .status-block {
        display: grid;
        gap: 10px;
      }

      .meta-line {
        display: flex;
        justify-content: space-between;
        gap: 12px;
      }

      .meta-line span:first-child {
        color: var(--muted);
      }

      .pill {
        display: inline-flex;
        align-items: center;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(28, 36, 48, 0.08);
        color: var(--ink);
        font-size: 0.9rem;
      }

      .feedback {
        min-height: 46px;
        border-radius: 16px;
        padding: 12px 14px;
        background: rgba(255, 255, 255, 0.85);
        border: 1px solid var(--line);
        color: var(--muted);
      }

      .feedback.is-error {
        border-color: rgba(181, 71, 71, 0.24);
        color: var(--danger);
        background: rgba(181, 71, 71, 0.06);
      }

      .feedback--global {
        position: fixed;
        z-index: 80;
        top: max(14px, env(safe-area-inset-top));
        left: 50%;
        width: min(92vw, 520px);
        min-height: 52px;
        transform: translateX(-50%);
        display: grid;
        place-items: center;
        padding: 13px 18px;
        border-radius: 8px;
        background: rgba(8, 15, 34, 0.94);
        color: #f8f4ea;
        text-align: center;
        font-size: 0.98rem;
        font-weight: 850;
        box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
        pointer-events: none;
      }

      .feedback--global.is-error {
        border-color: rgba(255, 180, 118, 0.72);
        background: linear-gradient(180deg, rgba(94, 20, 16, 0.96), rgba(40, 8, 12, 0.96));
        color: #fff4dd;
      }

      .pwa-network-status {
        position: fixed;
        z-index: 2147483100;
        left: 50%;
        top: max(10px, env(safe-area-inset-top));
        width: min(92vw, 620px);
        transform: translateX(-50%);
        padding: 10px 14px;
        border: 1px solid rgba(255, 196, 92, 0.6);
        border-radius: 999px;
        background: rgba(25, 17, 5, 0.95);
        color: #fff4dd;
        font-size: clamp(0.78rem, 2.6vw, 0.94rem);
        font-weight: 800;
        line-height: 1.3;
        text-align: center;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.34);
        pointer-events: none;
      }

      .scoreboard {
        display: grid;
        gap: 8px;
      }

      .score-entry {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 12px;
        border-radius: 14px;
        background: rgba(28, 36, 48, 0.05);
      }

      .answer-grid {
        display: grid;
        gap: 10px;
      }

      .choice {
        width: 100%;
        text-align: left;
        background: rgba(255, 255, 255, 0.86);
        border: 1px solid var(--line);
        color: var(--ink);
      }

      .icon-button {
        width: 62px;
        height: 62px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border-radius: 18px;
      }

      .icon-button img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }

      .nav-shell {
        position: fixed;
        inset: 0;
        display: grid;
        grid-template-rows: 30% 70%;
        padding: clamp(14px, 2vw, 24px);
        color: #f3f6ff;
        overflow: hidden;
      }

      .nav-shell__backdrop {
        position: absolute;
        inset: 0;
        background:
          radial-gradient(circle at 18% 14%, rgba(93, 157, 255, 0.18), transparent 18%),
          radial-gradient(circle at 82% 26%, rgba(255, 77, 205, 0.14), transparent 18%),
          linear-gradient(180deg, rgba(5, 8, 22, 0.18) 0%, rgba(9, 20, 39, 0.26) 48%, rgba(3, 5, 13, 0.82) 100%),
          url("/media/navigation/nav-background.webp") center center / cover no-repeat;
        z-index: 0;
      }

      .nav-shell__header,
      .nav-shell__content {
        position: relative;
        z-index: 1;
      }

      .nav-shell__header {
        display: grid;
        grid-template-columns: 64px minmax(0, 1fr) 64px;
        gap: 12px;
        align-items: center;
        height: 100%;
        margin-bottom: 0;
      }

      .nav-shell__header--compact {
        min-height: 8%;
        margin-bottom: 12px;
      }

      .nav-shell__brand {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 0;
      }

      .nav-shell__logo {
        max-width: min(48vw, 360px);
        max-height: 22vh;
        object-fit: contain;
        display: block;
      }

      .nav-shell__brand-fallback {
        font-size: clamp(1.3rem, 4vw, 2.2rem);
        font-weight: 900;
        letter-spacing: 0.18em;
      }

      .nav-shell__content {
        display: grid;
        place-items: center;
        min-height: 0;
        height: 100%;
      }

      .nav-shell:has(.content-creator) {
        grid-template-rows: 14% 86%;
      }

      .nav-stage {
        width: min(1220px, 100%);
        height: 100%;
        min-height: 0;
        background: rgba(9, 16, 33, 0.78);
        color: #f3f6ff;
        backdrop-filter: blur(18px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        overflow: hidden;
      }

      .nav-shell--e0 .nav-stage {
        width: 100%;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border-radius: 0;
        overflow: visible;
      }

      .nav-shell--e0 .nav-stage.stack {
        gap: 0;
      }

      .nav-shell--e0 .nav-shell__content {
        align-items: stretch;
        justify-items: stretch;
      }

      .nav-stage__badge {
        background: rgba(255, 255, 255, 0.11);
        color: #f3f6ff;
      }

      .nav-stage__hero {
        display: grid;
        gap: 8px;
      }

      .nav-stage__title {
        margin: 0;
        font-size: clamp(2rem, 4vw, 4rem);
        line-height: 0.95;
        letter-spacing: -0.05em;
      }

      .nav-stage__subtitle {
        margin: 0;
        color: rgba(243, 246, 255, 0.76);
      }

      .nav-stage__hero-visual,
      .nav-illustration,
      .nav-placeholder {
        display: grid;
        place-items: center;
        gap: 14px;
        padding: 8px 0 2px;
      }

      .nav-stage__three-icons,
      .nav-illustration__image,
      .nav-placeholder__image {
        max-width: min(72vw, 420px);
        max-height: 28vh;
        object-fit: contain;
        display: block;
      }

      .nav-card {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.08);
      }

      .nav-stage__grid,
      .nav-grid-tiles {
        width: 100%;
      }

      .nav-cta-grid,
      .nav-grid-tiles {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }

      .nav-cta {
        min-height: 96px;
        padding: 16px 18px;
        border-radius: 24px;
        text-align: left;
        display: grid;
        gap: 6px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06)),
          rgba(255, 255, 255, 0.04);
        color: #f3f6ff;
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
      }

      .nav-cta--wide {
        min-height: 116px;
      }

      .nav-cta__label {
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.18em;
        color: rgba(243, 246, 255, 0.72);
      }

      .nav-cta__title {
        font-size: 1.15rem;
        font-weight: 800;
      }

      .nav-choice-summary {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .nav-stage__selection-loader {
        width: 100%;
      }

      .nav-placeholder__copy {
        margin: 0;
        max-width: 620px;
        text-align: center;
        color: rgba(243, 246, 255, 0.76);
      }

      .nav-entry-grid {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.7fr);
        gap: 16px;
      }

      .nav-entry-main,
      .nav-entry-quick {
        min-height: 100%;
        justify-content: center;
      }

      .nav-cta--full,
      .nav-quick-card {
        width: 100%;
      }

      .nav-quick-card {
        border: 0;
        border-radius: 28px;
        background: rgba(255, 255, 255, 0.08);
        color: inherit;
        padding: 16px;
        display: grid;
        gap: 10px;
        justify-items: center;
        cursor: pointer;
      }

      .nav-quick-card__image {
        width: min(100%, 180px);
        max-height: 180px;
        object-fit: contain;
      }

      .nav-quick-card__label {
        font-size: 0.82rem;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        opacity: 0.74;
      }

      .nav-quick-card__title {
        font-size: clamp(1rem, 2vw, 1.4rem);
        text-align: center;
      }

      .nav-entry-board {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 0;
        --entry-button-left: 25%;
        --entry-button-width: 35%;
        --entry-controller-left: 65%;
      }

      .nav-entry-button,
      .nav-entry-controller {
        position: absolute;
        padding: 0;
        border: 0;
        background: transparent;
      }

      .nav-entry-button {
        left: var(--entry-button-left);
        width: var(--entry-button-width);
        height: 20%;
        display: grid;
        place-items: center;
        background-image: url("/media/navigation/nav-button-transparent.webp");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        background-color: transparent;
        color: #f5f7ff;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
      }

      .nav-entry-button__title {
        max-width: 82%;
        text-align: center;
        font-size: clamp(0.98rem, 1.7vw, 1.4rem);
        font-weight: 800;
        letter-spacing: 0.01em;
        line-height: 1.05;
      }

      .nav-entry-button--one {
        top: 15%;
      }

      .nav-entry-button--two {
        top: 40%;
      }

      .nav-entry-button--three {
        top: 65%;
      }

      .nav-entry-controller {
        left: var(--entry-controller-left);
        top: 40%;
        width: 20%;
        height: 20%;
        display: grid;
        place-items: center;
        background-color: transparent;
      }

      .nav-entry-controller__image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }

      .nav-choice-header {
        min-height: 8%;
        display: grid;
        grid-template-columns: 64px minmax(0, 1fr) 64px;
        gap: 12px;
        align-items: center;
        margin-bottom: 12px;
      }

      .nav-choice-header__context {
        margin: 0;
        text-align: center;
        font-size: clamp(0.95rem, 1.4vw, 1.2rem);
        font-weight: 700;
      }

      .nav-choice-grid,
      .nav-shelf {
        width: 100%;
        display: grid;
        gap: 14px;
      }

      .nav-row {
        padding: 16px;
        gap: 12px;
      }

      .nav-row__header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
      }

      .nav-row__title {
        margin: 0;
        font-size: clamp(1rem, 1.6vw, 1.3rem);
      }

      .nav-row__arrow {
        font-size: clamp(2rem, 3vw, 2.8rem);
        line-height: 1;
        opacity: 0.86;
      }

      .nav-row__cards {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }

      .nav-row-card {
        min-height: 6rem;
        border-radius: 18px;
        padding: 12px;
        display: grid;
        align-content: space-between;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.08);
      }

      .nav-row-card__index {
        font-size: 0.8rem;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        opacity: 0.72;
      }

      .nav-row-card__title {
        font-size: 0.95rem;
      }

      .nav-pub {
        display: grid;
        place-items: center;
        gap: 18px;
      }

      .nav-pub__image {
        width: min(100%, 20rem);
        max-height: 28vh;
        object-fit: contain;
      }

      .nav-settings-panel {
        display: grid;
        gap: 12px;
      }

      .nav-settings-panel__languages {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .create-route-shell {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100dvh;
        min-height: 100svh;
        overflow: hidden;
        background: var(--create-bg);
      }

      .game-selection-shell {
        --tabuzzz-header-height: var(--tabuzzz-header-choice-height);
        --tabuzzz-header-logo-width: var(--tabuzzz-header-choice-logo-width);
        --tabuzzz-header-logo-height: calc(var(--tabuzzz-header-height) * 0.8);
        --tabuzzz-content-top-fr: 5fr;
        --tabuzzz-content-main-fr: 85fr;
        --tabuzzz-content-bottom-fr: 10fr;
        display: grid;
        grid-template-rows:
          var(--tabuzzz-header-height)
          minmax(0, var(--tabuzzz-content-top-fr))
          minmax(0, var(--tabuzzz-content-main-fr))
          minmax(0, var(--tabuzzz-content-bottom-fr));
        width: 100%;
        height: 100%;
        min-height: 0;
        overflow: hidden;
      }

      .game-selection-shell > .nav-zero__header {
        grid-row: 1;
      }

      .game-selection-shell > .game-selection-stack {
        grid-row: 3;
      }

      .game-selection-header {
        display: grid;
        grid-template-columns: minmax(54px, 7.2vw) minmax(0, 1fr) minmax(54px, 7.2vw);
        align-items: center;
        gap: clamp(10px, 1vw, 16px);
        min-height: 0;
        padding-inline: clamp(2px, 0.4vw, 6px);
      }

      .game-selection-header__copy {
        text-align: center;
      }

      .game-selection-header__eyebrow {
        margin: 0 0 0.3rem;
        color: rgba(144, 232, 255, 0.92);
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .game-selection-header__subtitle {
        margin: 0.35rem 0 0;
        color: rgba(235, 244, 255, 0.82);
        font-size: 0.84rem;
        line-height: 1.2;
      }

      .game-selection-header .secondary {
        background: rgba(8, 16, 42, 0.55);
        color: #f5f8ff;
        border: 1px solid rgba(144, 232, 255, 0.42);
        box-shadow: 0 8px 22px rgba(4, 8, 22, 0.22);
      }

      .game-selection-header .secondary.is-active {
        background: rgba(255, 203, 47, 0.92);
        color: #1b0f00;
        border-color: rgba(255, 255, 255, 0.68);
      }

      .create-route-shell .section-title {
        margin: 0;
        color: #f3f6ff;
        font-size: 1.1rem;
        letter-spacing: 0.03em;
      }

      .create-route-shell .pill {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
      }

      .game-selection-stack {
        display: grid;
        width: 100%;
        height: 100%;
        min-height: 0;
        overflow: hidden;
      }

      .game-selection-stack--catalog {
        align-items: stretch;
      }

      .game-selection__screen {
        position: relative;
        display: grid;
        grid-template-rows: minmax(0, 1fr);
        width: 100%;
        height: 100%;
        min-height: 0;
        overflow: hidden;
        padding: 0 clamp(10px, 1.4vw, 18px);
      }

      .game-selection__screen-header {
        min-height: 0;
      }

      .game-selection__screen-header .game-selection-header {
        height: 100%;
      }

      .game-selection__screen-body {
        position: relative;
        min-height: 0;
        overflow: hidden;
      }

      .game-selection__board {
        container-type: size;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
      }

      .game-selection__grid-frame {
        --grid-cols: 4;
        --grid-rows: 3;
        --thumb-ratio: 1.305;
        --thumb-gap: clamp(8px, 1vw, 12px);
        --grid-width: 102cqh;
        display: grid;
        width: min(100%, var(--grid-width));
        height: 100%;
        max-height: 100%;
        grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
        grid-template-rows: repeat(var(--grid-rows), minmax(0, 1fr));
        gap: var(--thumb-gap);
        place-items: stretch;
        padding: 0;
        border-radius: 0;
        position: relative;
        z-index: 1;
        background: transparent;
        border: 0;
        box-shadow: none;
        backdrop-filter: none;
        overflow: visible;
      }

      .game-selection__grid-frame[data-grid-key="multi-12"] {
        --grid-cols: 4;
        --grid-rows: 3;
      }

      .game-selection__grid-frame[data-grid-key="multi-13"] {
        --grid-cols: 4;
        --grid-rows: 4;
        --grid-width: 77cqh;
      }

      .game-selection__grid-frame[data-grid-key="multi-11"],
      .game-selection__grid-frame[data-grid-key="solo_duo-10"],
      .game-selection__grid-frame[data-grid-key="solo_duo-11"] {
        --grid-cols: 4;
        --grid-rows: 3;
      }

      .game-selection__grid-frame[data-grid-key="solo_duo-8"] {
        --grid-cols: 4;
        --grid-rows: 2;
        --grid-width: 153cqh;
      }

      .game-selection__thumb {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 0;
        background: transparent;
        border-radius: 0;
        overflow: visible;
        box-shadow: none;
        opacity: 0.68;
        transition: transform 140ms ease, opacity 140ms ease, filter 140ms ease;
      }

      .game-selection__thumb.is-selected {
        opacity: 0.82;
      }

      .game-selection__thumb.is-active {
        transform: translateY(-5px) scale(1.04);
        filter: brightness(1.08);
        opacity: 1;
      }

      .game-selection__thumb-image {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        display: block;
        padding: 0;
      }

      .game-selection__stage-shell {
        position: absolute;
        inset: 0;
        container-type: size;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        padding: clamp(10px, 1.6vw, 18px) clamp(12px, 1.6vw, 20px) clamp(10px, 1.6vw, 18px);
        z-index: 3;
      }

      .game-selection__stage-backdrop {
        position: absolute;
        inset: 0;
        border: 0;
        background: transparent;
        opacity: 0;
        pointer-events: none;
      }

      .game-selection__stage {
        position: relative;
        width: auto;
        min-width: 0;
        max-width: 100cqw;
        height: min(100cqh, 133cqw);
        max-height: 100cqh;
        aspect-ratio: var(--panel-stage-aspect, 1086 / 1448);
        pointer-events: none;
        z-index: 1;
      }

      .game-selection__panel {
        position: absolute;
        inset: 0;
        --panel-safe-left: 7%;
        --panel-safe-top: 54%;
        --panel-safe-right: 93%;
        --panel-safe-bottom: 91.5%;
        --panel-safe-scale: 1;
        --game-accent-rgb: 255 177 26;
        --game-accent-2-rgb: 255 92 0;
        --game-contrast-rgb: 255 239 202;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transform: scale(0.985);
        filter: saturate(0.88) brightness(0.95);
        transition: opacity 180ms ease, transform 180ms ease, filter 180ms ease;
      }

      .game-selection__panel.is-selected {
        opacity: 0;
      }

      .game-selection__panel.is-active {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
        filter: none;
        pointer-events: auto;
        z-index: 4;
      }

      .game-selection__panel[data-selection-panel="qibuzz"] {
        --game-accent-rgb: 255 177 26;
        --game-accent-2-rgb: 255 92 0;
        --game-contrast-rgb: 255 240 206;
      }

      .game-selection__panel[data-selection-panel="codebuzz"] {
        --game-accent-rgb: 100 255 64;
        --game-accent-2-rgb: 0 190 70;
        --game-contrast-rgb: 226 255 206;
      }

      .game-selection__panel[data-selection-panel="chainbuzz"],
      .game-selection__panel[data-selection-panel="melibuzz"] {
        --game-accent-rgb: 43 220 255;
        --game-accent-2-rgb: 255 58 221;
        --game-contrast-rgb: 220 249 255;
      }

      .game-selection__panel[data-selection-panel="bacbuzz"] {
        --game-accent-rgb: 255 55 38;
        --game-accent-2-rgb: 255 139 15;
        --game-contrast-rgb: 255 228 213;
      }

      .game-selection__panel[data-selection-panel="duobuzz"],
      .game-selection__panel[data-selection-panel="memorybuzz"],
      .game-selection__panel[data-selection-panel="blindbuzz"] {
        --game-accent-rgb: 255 54 214;
        --game-accent-2-rgb: 255 121 29;
        --game-contrast-rgb: 255 224 252;
      }

      .game-selection__panel[data-selection-panel="roadbuzz"],
      .game-selection__panel[data-selection-panel="flashbuzz"],
      .game-selection__panel[data-selection-panel="buzzvivor"] {
        --game-accent-rgb: 190 76 255;
        --game-accent-2-rgb: 71 205 255;
        --game-contrast-rgb: 244 224 255;
      }

      .game-selection__panel[data-selection-panel="brainbuzz"] {
        --game-accent-rgb: 104 255 50;
        --game-accent-2-rgb: 34 218 255;
        --game-contrast-rgb: 229 255 214;
      }

      .game-selection__panel:not(.is-active) .game-selection__panel-overlay {
        opacity: 0;
        pointer-events: none;
      }

      .game-selection__panel-art {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }

      .game-selection__panel-close {
        position: absolute;
        top: clamp(10px, 1.2vw, 16px);
        right: clamp(10px, 1.2vw, 16px);
        z-index: 6;
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, 0.68);
        border-radius: 999px;
        background: rgba(7, 10, 24, 0.78);
        color: #ffffff;
        font-size: 1.05rem;
        font-weight: 900;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32);
      }

      .game-selection__panel:not(.is-active) .game-selection__panel-art {
        filter: saturate(0.85) contrast(0.95);
      }

      .game-selection__panel-overlay {
        position: absolute;
        left: var(--panel-safe-left);
        top: var(--panel-safe-top);
        right: calc(100% - var(--panel-safe-right));
        bottom: calc(100% - var(--panel-safe-bottom));
        display: flex;
        align-items: stretch;
        justify-content: center;
        padding: 0;
        overflow: hidden;
        transition: opacity 180ms ease;
      }

      .game-selection__panel-controls {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        min-height: 0;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        gap: clamp(10px, 1.3vh, 16px);
        padding: clamp(10px, 1.1vw, 15px) clamp(12px, 1.35vw, 18px) clamp(12px, 1.4vw, 20px);
        border-radius: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        transform: scale(var(--panel-safe-scale));
        transform-origin: center bottom;
        align-self: stretch;
        overflow: hidden;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 187, 80, 0.85) rgba(7, 10, 24, 0.44);
      }

      .game-selection__panel-controls::-webkit-scrollbar {
        width: 6px;
      }

      .game-selection__options-stack {
        display: grid;
        align-content: start;
        gap: clamp(6px, 0.75vh, 9px);
        min-height: 0;
        overflow: auto;
        overscroll-behavior: contain;
        padding-right: 2px;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 187, 80, 0.85) rgba(7, 10, 24, 0.44);
      }

      .game-selection__options-stack::-webkit-scrollbar {
        width: 6px;
      }

      .game-selection__options-stack::-webkit-scrollbar-thumb,
      .game-selection__panel-controls::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(255, 187, 80, 0.86);
      }

      .game-selection__option-card {
        min-width: 0;
        display: grid;
        gap: clamp(3px, 0.45vh, 5px);
        overflow: visible;
        border-radius: 0;
        border: 0;
        background: transparent;
      }

      .game-selection__option-card.is-active {
        background: transparent;
      }

      .game-selection__option-toggle {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: clamp(34px, 4.2vh, 44px);
        padding: 5px clamp(30px, 3vw, 38px) 5px 10px;
        border-radius: 999px;
        border: 1px solid rgb(var(--game-accent-rgb) / 0.62);
        background:
          linear-gradient(90deg, rgb(var(--game-accent-rgb) / 0.22), rgba(5, 7, 17, 0.82) 34%, rgba(5, 7, 17, 0.58)),
          radial-gradient(circle at 12% 50%, rgb(var(--game-accent-rgb) / 0.34), transparent 42%);
        color: #fff1cf;
        font-weight: 950;
        letter-spacing: 0;
        text-align: left;
        overflow: hidden;
        box-shadow:
          inset 0 0 0 1px rgb(var(--game-contrast-rgb) / 0.08),
          0 0 13px rgb(var(--game-accent-rgb) / 0.22),
          0 7px 14px rgba(0, 0, 0, 0.26);
      }

      .game-selection__option-toggle::before {
        content: "";
        position: absolute;
        inset: 1px auto 1px 0;
        width: 4px;
        border-radius: 999px;
        background: linear-gradient(180deg, rgb(var(--game-contrast-rgb) / 0.95), rgb(var(--game-accent-rgb) / 0.88));
        box-shadow: 0 0 12px rgb(var(--game-accent-rgb) / 0.72);
      }

      .game-selection__option-toggle::after {
        content: "+";
        position: absolute;
        top: 50%;
        right: 7px;
        width: clamp(18px, 2.1vw, 24px);
        height: clamp(18px, 2.1vw, 24px);
        display: grid;
        place-items: center;
        border-radius: 999px;
        transform: translateY(-50%);
        border: 1px solid rgb(var(--game-accent-rgb) / 0.76);
        background:
          radial-gradient(circle at 50% 20%, rgb(var(--game-contrast-rgb) / 0.34), transparent 42%),
          rgba(3, 5, 13, 0.72);
        color: rgb(var(--game-contrast-rgb) / 0.96);
        font-size: clamp(0.72rem, 1vw, 0.9rem);
        font-weight: 1000;
        line-height: 1;
        box-shadow:
          inset 0 0 8px rgb(var(--game-accent-rgb) / 0.18),
          0 0 12px rgb(var(--game-accent-rgb) / 0.34);
      }

      .game-selection__option-card.is-active .game-selection__option-toggle {
        border-color: rgb(var(--game-contrast-rgb) / 0.86);
        background:
          linear-gradient(90deg, rgb(var(--game-accent-rgb) / 0.38), rgb(var(--game-accent-2-rgb) / 0.24) 46%, rgba(5, 7, 17, 0.7)),
          radial-gradient(circle at 14% 50%, rgb(var(--game-accent-rgb) / 0.46), transparent 48%);
        box-shadow:
          inset 0 0 0 1px rgb(var(--game-contrast-rgb) / 0.13),
          0 0 0 1px rgb(var(--game-accent-rgb) / 0.14),
          0 0 18px rgb(var(--game-accent-rgb) / 0.44),
          0 7px 14px rgba(0, 0, 0, 0.28);
      }

      .game-selection__option-card.is-active .game-selection__option-toggle::after {
        content: "-";
        color: #ffffff;
        background:
          radial-gradient(circle at 50% 20%, rgb(var(--game-contrast-rgb) / 0.52), transparent 44%),
          linear-gradient(180deg, rgb(var(--game-accent-rgb) / 0.88), rgb(var(--game-accent-2-rgb) / 0.82));
      }

      .game-selection__option-title {
        min-width: 0;
        overflow-wrap: anywhere;
        font-size: clamp(0.78rem, 1.02vw, 0.98rem);
        line-height: 1;
        text-transform: uppercase;
        text-shadow:
          0 2px 0 rgba(0, 0, 0, 0.72),
          0 0 12px rgb(var(--game-accent-rgb) / 0.44);
      }

      .game-selection__option-meta {
        flex: 0 1 auto;
        max-width: 54%;
        display: grid;
        justify-items: end;
        gap: 2px;
        min-width: 0;
      }

      .game-selection__option-summary {
        max-width: 100%;
        overflow: visible;
        color: rgb(var(--game-contrast-rgb) / 0.96);
        font-size: clamp(0.68rem, 0.84vw, 0.82rem);
        font-weight: 900;
        line-height: 1.05;
        text-align: right;
        text-shadow: 0 0 10px rgb(var(--game-accent-rgb) / 0.52);
        white-space: normal;
      }

      .game-selection__option-lock-count {
        max-width: 100%;
        overflow: hidden;
        color: rgb(var(--game-accent-2-rgb) / 0.92);
        font-size: clamp(0.52rem, 0.64vw, 0.62rem);
        font-weight: 850;
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-shadow: 0 0 10px rgb(var(--game-accent-2-rgb) / 0.46);
      }

      .game-selection__option-caret {
        display: none;
      }

      .game-selection__option-body {
        min-width: 0;
        padding: 0 2px 1px;
      }

      .game-selection__option-subtitle {
        margin: 0 0 8px;
        color: rgba(255, 236, 201, 0.76);
        font-size: 0.78rem;
        line-height: 1.2;
      }

      .game-selection__quick-description {
        min-height: 0;
        height: 100%;
        display: grid;
        align-items: stretch;
      }

      .game-selection__quick-description.is-launch-only {
        height: 0;
        min-height: 0;
      }

      .game-selection__quick-description .game-selection__option-subtitle {
        min-height: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        color: rgba(255, 251, 238, 0.98);
        font-size: clamp(1rem, 1.36vw, 1.28rem);
        font-weight: 950;
        line-height: 1.18;
        text-shadow:
          0 2px 0 rgba(0, 0, 0, 0.7),
          0 0 14px rgba(255, 176, 28, 0.42),
          0 0 24px rgba(0, 0, 0, 0.72);
        text-wrap: balance;
      }

      .game-selection__choice-row {
        display: flex;
        flex-wrap: wrap;
        gap: clamp(4px, 0.6vh, 6px);
        min-width: 0;
        overflow: hidden;
      }

      .game-selection__choice {
        min-width: clamp(36px, 3.9vw, 54px);
        min-height: clamp(25px, 3.25vh, 34px);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border-radius: 999px;
        background:
          linear-gradient(180deg, rgba(8, 10, 24, 0.78), rgba(3, 5, 13, 0.68));
        color: rgb(var(--game-contrast-rgb) / 0.94);
        border: 1px solid rgb(var(--game-accent-rgb) / 0.5);
        box-shadow:
          inset 0 0 9px rgb(var(--game-accent-rgb) / 0.1),
          0 0 10px rgba(0, 0, 0, 0.32);
        font-size: clamp(0.68rem, 0.9vw, 0.84rem);
        font-weight: 900;
        line-height: 1.05;
        text-align: center;
        white-space: normal;
      }

      .game-selection__choice.is-active {
        background:
          radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.55) 0%, transparent 34%),
          linear-gradient(180deg, rgb(var(--game-accent-rgb)) 0%, rgb(var(--game-accent-2-rgb)) 100%);
        color: #ffffff;
        border-color: rgb(var(--game-contrast-rgb) / 0.96);
        box-shadow:
          0 0 0 2px rgb(var(--game-accent-rgb) / 0.2),
          0 0 18px rgb(var(--game-accent-rgb) / 0.52);
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
      }

      .game-selection__choice.is-locked {
        min-width: clamp(66px, 6.2vw, 96px);
        display: inline-grid;
        gap: 2px;
        background:
          linear-gradient(180deg, rgb(var(--game-accent-2-rgb) / 0.18), rgba(5, 14, 26, 0.58));
        color: rgb(var(--game-contrast-rgb) / 0.86);
        border-color: rgb(var(--game-accent-2-rgb) / 0.46);
        box-shadow: inset 0 0 12px rgb(var(--game-accent-2-rgb) / 0.12);
      }

      .game-selection__choice.is-locked small {
        color: rgb(var(--game-accent-2-rgb) / 0.92);
        font-size: 0.58em;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
      }

      .game-selection__panel-actions {
        display: grid;
        margin-top: 2px;
        position: sticky;
        bottom: 0;
        z-index: 2;
        padding-top: 0;
        background: transparent;
      }

      .game-selection__launch {
        width: 100%;
        border-radius: 999px;
        min-height: clamp(44px, 6.4vh, 62px);
        padding: 12px 18px;
        font-size: clamp(1rem, 1.4vw, 1.28rem);
        font-weight: 900;
        letter-spacing: 0.04em;
        background:
          radial-gradient(circle at 50% 14%, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0) 28%),
          linear-gradient(135deg, rgb(var(--game-accent-rgb)) 0%, rgb(var(--game-accent-2-rgb)) 58%, rgba(255, 255, 255, 0.22) 100%);
        color: #ffffff;
        border: 1px solid rgb(var(--game-contrast-rgb) / 0.72);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.16),
          0 0 0 2px rgb(var(--game-accent-rgb) / 0.18),
          0 0 18px rgb(var(--game-accent-rgb) / 0.54),
          0 8px 18px rgba(0, 0, 0, 0.36);
        text-shadow:
          0 2px 0 rgba(0, 0, 0, 0.58),
          0 0 12px rgba(0, 0, 0, 0.42);
      }

      .game-selection__panel[data-selection-panel="codebuzz"] .game-selection__panel-controls {
        gap: clamp(8px, 1vh, 12px);
        padding: clamp(10px, 1.1vw, 15px) clamp(12px, 1.35vw, 18px) clamp(12px, 1.4vw, 20px);
      }

      .game-selection__panel[data-selection-panel="codebuzz"] .game-selection__options-stack {
        gap: clamp(7px, 0.95vh, 10px);
      }

      .game-selection__panel[data-selection-panel="codebuzz"] .game-selection__choice {
        min-height: clamp(28px, 3.5vh, 36px);
      }

      .game-selection__panel[data-selection-panel="flashbuzz"] .game-selection__panel-controls {
        grid-template-rows: minmax(0, 1fr) auto;
        gap: 5px;
        padding: 7px;
      }

      .game-selection__panel[data-selection-panel="flashbuzz"] .game-selection__options-stack {
        gap: 6px;
      }

      .game-selection__panel[data-selection-panel="flashbuzz"] .game-selection__option-toggle {
        min-height: 30px;
        padding: 5px 8px;
      }

      .game-selection__panel[data-selection-panel="flashbuzz"] .game-selection__launch {
        min-height: 42px;
        padding: 8px 14px;
        font-size: clamp(0.84rem, 1.05vw, 1rem);
      }

      .game-selection__board--grid {
        position: relative;
        z-index: 1;
        isolation: isolate;
        pointer-events: auto;
        padding: 0 clamp(6px, 1vw, 14px) clamp(10px, 1.6vw, 20px);
        transition: filter 160ms ease, opacity 160ms ease;
      }

      .game-selection__board--grid .game-selection__grid-frame,
      .game-selection__board--grid .game-selection__thumb {
        pointer-events: auto;
      }

      .game-selection__screen.is-overlay-open .game-selection__stage-shell {
        z-index: 5;
      }

      .game-selection__screen.is-overlay-open .game-selection__stage-backdrop {
        opacity: 1;
        pointer-events: auto;
      }

      .game-selection__screen.is-overlay-open .game-selection__board--grid,
      .game-selection__screen.is-overlay-open .game-selection__grid-frame,
      .game-selection__screen.is-overlay-open .game-selection__thumb {
        pointer-events: none;
      }

      .game-selection__screen.is-overlay-open .game-selection__board--grid {
        filter: blur(1px) saturate(0.82) brightness(0.92);
        opacity: 0.76;
        visibility: visible;
      }

      .game-selection__screen.is-overlay-open.is-mystery-overlay .game-selection__board--grid {
        filter: none;
        opacity: 0;
        visibility: hidden;
      }

      .game-selection__screen.is-overlay-open .game-selection__thumb:disabled {
        opacity: 0.68;
      }

      .game-selection__screen.is-overlay-open .game-selection__thumb.is-active:disabled {
        opacity: 0.82;
      }

      .game-selection-settings-modal {
        position: fixed;
        inset: 0;
        z-index: 45;
        display: none;
        place-items: center;
      }

      .game-selection-settings-modal.is-open {
        display: grid;
      }

      .game-selection-settings-backdrop {
        position: absolute;
        inset: 0;
        border-radius: 0;
        background: rgba(2, 6, 18, 0.68);
      }

      .game-selection-settings {
        position: relative;
        z-index: 1;
        display: grid;
        gap: 14px;
        width: min(92vw, 480px);
        padding: 16px 18px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(5, 12, 30, 0.96);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.36);
      }

      .waiting-room__settings-head {
        display: grid;
        gap: 3px;
        color: #f8f4ea;
      }

      .waiting-room__settings-head strong {
        font-size: 1.12rem;
        line-height: 1.1;
      }

      .waiting-room__settings-head span {
        color: rgba(248, 244, 234, 0.7);
        font-size: 0.84rem;
        font-weight: 700;
      }

      .game-selection-settings__group {
        display: grid;
        gap: 8px;
      }

      .game-selection-settings__label {
        font-size: 0.9rem;
        color: var(--muted);
        font-weight: 700;
      }

      .game-selection-settings__chips {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .game-selection-settings .secondary.is-active {
        background: var(--brand);
        color: #fff;
      }

      .device-settings {
        width: min(92vw, 520px);
      }

      .device-settings__group {
        display: grid;
        gap: 8px;
      }

      .device-settings-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        width: 100%;
        min-height: 46px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.07);
        color: #f3f6ff;
        text-align: left;
      }

      .device-settings-toggle strong {
        color: rgba(243, 246, 255, 0.7);
        font-size: 0.84rem;
      }

      .device-settings-toggle.is-active {
        border-color: rgba(230, 167, 58, 0.52);
        background: rgba(29, 127, 104, 0.26);
      }

      .device-settings-toggle.is-active strong {
        color: #f3f6ff;
      }

      #tabuzz-shell.is-a11y-large-text {
        font-size: 112%;
      }

      #tabuzz-shell.is-a11y-contrast {
        --panel: #ffffff;
        --ink: #071120;
        --muted: #293241;
        --line: rgba(7, 17, 32, 0.32);
      }

      #tabuzz-shell.is-a11y-reduced-motion *,
      #tabuzz-shell.is-a11y-reduced-motion *::before,
      #tabuzz-shell.is-a11y-reduced-motion *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }

      .game-selection-loader {
        min-height: 78vh;
        display: grid;
        place-items: center;
        gap: 14px;
        text-align: center;
        color: #f3f6ff;
      }

      .game-selection-loader__ring {
        width: 72px;
        height: 72px;
        border-radius: 999px;
        border: 5px solid rgba(29, 127, 104, 0.14);
        border-top-color: var(--accent);
        animation: spin 1s linear infinite;
      }

      .waiting-room-shell {
        --tabuzzz-header-height: var(--tabuzzz-header-navigation-height);
        --tabuzzz-header-logo-width: var(--tabuzzz-header-navigation-logo-width);
        --tabuzzz-header-logo-height: calc(var(--tabuzzz-header-height) * 0.8);
        display: grid;
        grid-template-rows:
          var(--tabuzzz-header-height)
          minmax(0, var(--tabuzzz-content-top-fr))
          minmax(0, var(--tabuzzz-content-main-fr))
          minmax(0, var(--tabuzzz-content-bottom-fr));
        width: 100%;
        height: 100%;
        padding: 0;
        background: var(--create-bg);
      }

      .waiting-room-shell > .nav-zero__header {
        grid-row: 1;
      }

      .waiting-room-shell > .waiting-room__body {
        grid-row: 3;
        height: 100%;
      }

      .waiting-room-shell.nav-hypervitesse-shell {
        position: fixed;
        inset: 0;
        overflow: hidden;
        --nav-hypervitesse-bg: #04070f url("/media/navigation/hypervitesse.webp") center center / cover no-repeat;
        background: var(--nav-hypervitesse-bg);
      }

      .nav-zero-shell__backdrop {
        display: none;
      }

      .waiting-room-shell.nav-hypervitesse-shell .waiting-room__body {
        background: transparent;
      }

      .waiting-room-shell.nav-hypervitesse-shell .waiting-room__header,
      .waiting-room-shell.nav-hypervitesse-shell .waiting-room__body,
      .waiting-room-shell.nav-hypervitesse-shell .waiting-room__message,
      .waiting-room-shell.nav-hypervitesse-shell .waiting-room__identity,
      .waiting-room-shell.nav-hypervitesse-shell .waiting-room__connection,
      .waiting-room-shell.nav-hypervitesse-shell .waiting-room__game-card,
      .waiting-room-shell.nav-hypervitesse-shell .waiting-room__actions {
        background: transparent;
      }

      .waiting-room__header {
        display: none;
      }

      .waiting-room__logo {
        color: #f7f1df;
        font-size: clamp(1.2rem, 2vw, 2rem);
        font-weight: 900;
        letter-spacing: 0.18em;
      }

      .waiting-room__logo img {
        max-width: min(48vw, 320px);
        max-height: 10vh;
        object-fit: contain;
        display: block;
      }

      .waiting-room__menu {
        justify-self: end;
      }

      .waiting-room__menu--ghost {
        width: 62px;
        height: 62px;
      }

      .waiting-room__body {
        min-height: 0;
        width: 100%;
        display: grid;
        grid-template-rows: auto auto auto minmax(0, 1fr) auto;
        gap: 1.5vh;
        align-content: center;
        justify-items: center;
      }

      .waiting-room__identity,
      .waiting-room__message,
      .waiting-room__connection,
      .waiting-room__actions,
      .waiting-room__settings-line {
        width: min(92vw, 620px);
      }

      .waiting-room__identity {
        display: grid;
        gap: 0.5vh;
        justify-items: center;
        text-align: center;
      }

      .waiting-room__role-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        padding: 6px 10px;
        border-radius: 999px;
        border: 1px solid rgba(255, 205, 37, 0.28);
        background: rgba(255, 205, 37, 0.12);
        color: #ffcd25;
        font-size: 0.76rem;
        font-weight: 900;
        text-transform: uppercase;
      }

      .waiting-room__identity-label {
        color: rgba(243, 246, 255, 0.7);
        text-transform: uppercase;
        letter-spacing: 0.08em;
        font-size: 0.85rem;
        font-weight: 700;
      }

      .waiting-room__identity-value {
        color: #ffffff;
        font-size: clamp(1.4rem, 2.8vw, 2.4rem);
        font-weight: 800;
      }

      .waiting-room__message {
        padding: 12px 18px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: #f8f4ea;
        text-align: center;
        font-size: clamp(1rem, 1.8vw, 1.2rem);
        font-weight: 700;
      }

      .waiting-room__connection {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 180px;
        gap: 18px;
        align-items: center;
        padding: 18px 20px;
        border-radius: 28px;
        background: rgba(9, 17, 32, 0.72);
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
      }

      .waiting-room__connection-copy {
        display: grid;
        gap: 10px;
      }

      .waiting-room__connection-label {
        color: rgba(243, 246, 255, 0.72);
        font-size: 0.9rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.08em;
      }

      .waiting-room__connection-code {
        color: #ffffff;
        font-size: clamp(2rem, 6vw, 4rem);
        line-height: 0.95;
        letter-spacing: 0.14em;
      }

      .waiting-room__qr-frame {
        width: 180px;
        height: 180px;
        padding: 10px;
        border-radius: 24px;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .waiting-room__qr-image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
      }

      .waiting-room__qr-fallback {
        color: #071120;
        font-weight: 900;
        letter-spacing: 0.12em;
      }

      .waiting-room__game-card {
        width: min(32vw, 360px);
        max-height: min(44vh, 600px);
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .waiting-room__game-image {
        width: 100%;
        height: 100%;
        max-height: min(44vh, 600px);
        object-fit: contain;
        display: block;
      }

      .waiting-room__game-fallback {
        width: 100%;
        padding: 40px 24px;
        border-radius: 28px;
        background: rgba(9, 17, 32, 0.72);
        color: #ffffff;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 800;
      }

      .waiting-room__actions {
        display: grid;
        gap: 12px;
        justify-items: center;
      }

      .waiting-room__count {
        color: #f6f3ea;
        font-size: 1rem;
        font-weight: 700;
      }

      .waiting-room__launch {
        width: min(92vw, 620px);
        border-radius: 999px;
        font-size: 1rem;
        font-weight: 900;
        letter-spacing: 0.05em;
      }

      .waiting-room__share {
        width: min(92vw, 620px);
        min-height: 48px;
        border-radius: 999px;
        font-size: 0.96rem;
        font-weight: 900;
      }

      .waiting-room__launch--disabled {
        display: grid;
        place-items: center;
        min-height: 52px;
        background: rgba(255, 255, 255, 0.14);
        color: rgba(255, 255, 255, 0.56);
      }

      .waiting-room__loader {
        min-height: 0;
        display: grid;
        place-items: center;
        gap: 14px;
        color: #f3f6ff;
        text-align: center;
      }

      .waiting-room__settings {
        width: min(92vw, 420px);
      }

      .waiting-room__settings-line {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        color: #f7f1df;
      }

      .solo-shell__body {
        grid-template-rows: minmax(0, 1fr);
        align-content: center;
        justify-items: center;
        padding: 0;
      }

      .solo-shell__card {
        position: relative;
        height: 100%;
        width: auto;
        max-width: min(92vw, 520px);
        max-height: 100%;
        aspect-ratio: var(--solo-card-aspect, 721 / 1086);
        --solo-safe-left: 8.044%;
        --solo-safe-top: 17.495%;
        --solo-safe-right: 91.956%;
        --solo-safe-bottom: 92.081%;
        --solo-safe-pad: clamp(10px, 1.1vw, 16px);
        --solo-overlay-side-inset: 7%;
        display: grid;
        place-items: center;
        isolation: isolate;
      }

      .solo-shell__game-board-image {
        width: 100%;
        height: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
      }

      .solo-shell__card-overlay {
        position: absolute;
        left: calc(var(--solo-safe-left) + var(--solo-safe-pad) + var(--solo-overlay-side-inset));
        right: calc(100% - var(--solo-safe-right) + var(--solo-safe-pad) + var(--solo-overlay-side-inset));
        bottom: calc(100% - var(--solo-safe-bottom) + var(--solo-safe-pad));
        box-sizing: border-box;
        max-height: calc(var(--solo-safe-bottom) - var(--solo-safe-top) - (2 * var(--solo-safe-pad)));
        display: grid;
        gap: clamp(8px, 1vh, 12px);
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
      }

      .solo-shell__identity {
        min-width: 0;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 10px;
      }

      .solo-shell__identity-label {
        color: rgba(255, 236, 201, 0.74);
        font-size: clamp(0.7rem, 1vw, 0.85rem);
        font-weight: 900;
        text-transform: uppercase;
      }

      .solo-shell__identity-value {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #ffffff;
        font-size: clamp(1rem, 2vw, 1.42rem);
        font-weight: 900;
      }

      .solo-shell__status {
        display: grid;
        place-items: center;
        min-height: clamp(38px, 5.2vh, 50px);
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(49, 215, 255, 0.11);
        color: #dff8ff;
        font-size: clamp(0.92rem, 1.4vw, 1.08rem);
        font-weight: 900;
        text-align: center;
      }

      .solo-shell__actions {
        width: 100%;
      }

      .solo-shell__launch {
        min-height: clamp(46px, 5.8vh, 58px);
        border-radius: 999px;
      }

      .solo-shell.waiting-room-shell--static {
        --tabuzzz-header-height: var(--tabuzzz-header-preplay-height);
        --tabuzzz-header-logo-width: var(--tabuzzz-header-preplay-logo-width);
        --tabuzzz-header-logo-height: calc(var(--tabuzzz-header-height) * 0.8);
      }

      .footer-note {
        margin-top: 16px;
        color: var(--muted);
        font-size: 0.92rem;
      }

      @keyframes spin {
        from {
          transform: rotate(0deg);
        }

        to {
          transform: rotate(360deg);
        }
      }

      .nav-zero-shell {
        --tabuzzz-header-height: var(--tabuzzz-header-navigation-height);
        --tabuzzz-header-logo-width: var(--tabuzzz-header-navigation-logo-width);
        --tabuzzz-header-logo-height: calc(var(--tabuzzz-header-height) * 0.8);
        position: fixed;
        inset: 0;
        display: grid;
        grid-template-rows:
          var(--tabuzzz-header-height)
          minmax(0, var(--tabuzzz-content-top-fr))
          minmax(0, var(--tabuzzz-content-main-fr))
          minmax(0, var(--tabuzzz-content-bottom-fr));
        overflow: hidden;
        color: #f8f4ea;
        background:
          radial-gradient(circle at 20% 18%, rgba(121, 171, 255, 0.18), transparent 18%),
          radial-gradient(circle at 82% 28%, rgba(255, 120, 214, 0.14), transparent 18%),
          linear-gradient(180deg, rgba(5, 8, 18, 0.18) 0%, rgba(5, 10, 22, 0.35) 48%, rgba(3, 5, 12, 0.86) 100%),
          url("/media/navigation/nav-background.webp") center center / cover no-repeat;
      }

      .nav-zero-shell__backdrop {
        display: none;
      }

      .nav-hypervitesse-shell {
        --nav-hypervitesse-bg: #04070f url("/media/navigation/hypervitesse.webp") center center / cover no-repeat;
        background: var(--nav-hypervitesse-bg);
      }

      .nav-zero__header,
      .nav-zero__main {
        position: relative;
        z-index: 1;
      }

      .nav-zero__header {
        display: grid;
        align-items: center;
        height: 100%;
        min-height: 0;
        padding: 0 clamp(26px, 4vw, 48px);
      }

      .nav-hypervitesse-shell > .nav-zero__header,
      .nav-hypervitesse-shell > .nav-zero__main,
      .waiting-room-shell.nav-hypervitesse-shell > .nav-zero__header,
      .waiting-room-shell.nav-hypervitesse-shell > .waiting-room__body,
      .waiting-room-shell.nav-hypervitesse-shell > .game-selection-settings-modal {
        position: relative;
        z-index: 1;
      }

      .nav-zero__header-row {
        display: grid;
        grid-template-columns: clamp(54px, 6.4vw, 88px) minmax(0, 1fr) clamp(54px, 6.4vw, 88px);
        align-items: center;
        gap: clamp(10px, 1.6vw, 24px);
        height: 100%;
        min-height: 100%;
      }

      .nav-zero__brand {
        display: grid;
        place-items: center;
        height: 100%;
        min-width: 0;
      }

      .nav-zero__logo {
        width: var(--tabuzzz-header-logo-width);
        height: var(--tabuzzz-header-logo-height);
        max-height: var(--tabuzzz-header-logo-height);
        margin-top: 0;
        object-fit: contain;
        display: block;
      }

      .nav-zero__logo-fallback {
        font-size: clamp(1.4rem, 4vw, 2.8rem);
        font-weight: 900;
        letter-spacing: 0.2em;
      }

      .nav-zero__icon-button {
        width: clamp(54px, 6.4vw, 88px);
        height: clamp(54px, 6.4vw, 88px);
        min-width: 44px;
        min-height: 44px;
        padding: 0;
        border-radius: 999px;
        background: transparent;
        display: grid;
        place-items: center;
      }

      .nav-zero__header-back {
        justify-self: start;
      }

      .nav-zero__header-menu {
        justify-self: end;
      }

      .nav-zero__icon-image {
        width: clamp(26px, 72%, 100%);
        height: clamp(26px, 72%, 100%);
        object-fit: contain;
        display: block;
      }

      .login-overlay {
        position: fixed;
        inset: 0;
        z-index: 40;
        display: none;
        place-items: center;
      }

      .login-overlay.is-open {
        display: grid;
      }

      .login-overlay__backdrop {
        position: absolute;
        inset: 0;
        border-radius: 0;
        background: rgba(4, 10, 24, 0.62);
        backdrop-filter: blur(4px);
      }

      .login-overlay__panel {
        position: relative;
        z-index: 1;
        width: min(92vw, 460px);
        display: grid;
        gap: 14px;
        padding: 22px 22px 20px;
        border-radius: 26px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(8, 15, 34, 0.92);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
      }

      .login-overlay__eyebrow {
        font-size: 0.82rem;
        font-weight: 800;
        letter-spacing: 0.18em;
        color: rgba(243, 246, 255, 0.72);
      }

      .login-overlay__title {
        margin: 0;
        color: #f3f6ff;
        font-size: clamp(1.35rem, 2.5vw, 1.8rem);
      }

      .login-overlay__hint {
        margin: 0;
        color: rgba(243, 246, 255, 0.76);
        line-height: 1.45;
      }

      .login-overlay__field {
        display: grid;
        gap: 7px;
      }

      .login-overlay__field label {
        color: rgba(243, 246, 255, 0.78);
        font-size: 0.92rem;
        font-weight: 700;
      }

      .login-overlay__field input {
        width: 100%;
        border-radius: 14px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(255, 255, 255, 0.06);
        color: #fff;
        padding: 14px 16px;
        font-size: 1rem;
      }

      .login-overlay__actions {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        margin-top: 4px;
      }

      .login-overlay__switch {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      .login-overlay__switch button {
        min-height: 38px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
        color: rgba(243, 246, 255, 0.8);
        font-weight: 800;
      }

      .login-overlay__switch button.is-active {
        background: rgba(255, 255, 255, 0.18);
        color: #fff;
      }

      .account-gate,
      .account-upsell {
        display: grid;
        gap: 14px;
        width: min(92vw, 760px);
        justify-self: center;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid rgba(248, 244, 234, 0.18);
        background: rgba(8, 15, 28, 0.78);
        color: #f8f4ea;
        text-align: center;
      }

      .account-gate__eyebrow,
      .account-gate__title,
      .account-gate__body,
      .account-upsell h3,
      .account-upsell p {
        margin: 0;
        letter-spacing: 0;
      }

      .account-gate__eyebrow {
        color: #f6d675;
        font-size: 0.82rem;
        font-weight: 900;
      }

      .account-gate__title,
      .account-upsell h3 {
        font-size: clamp(1.32rem, 2.6vw, 2.2rem);
        line-height: 1.08;
      }

      .account-gate__body,
      .account-upsell p {
        color: rgba(248, 244, 234, 0.86);
        line-height: 1.4;
      }

      .account-upsell .codebuzz-final-code {
        font-size: clamp(1.6rem, 4vw, 2.8rem);
        font-weight: 950;
        color: #fff7c2;
        text-shadow: 0 0 18px rgba(255, 224, 83, 0.45);
      }

      .end-card--score {
        --end-accent: #34c5ff;
        --end-accent-strong: #0c7dff;
        --end-accent-soft: rgba(52, 197, 255, 0.18);
        width: min(94vw, 32.5rem);
        height: 100%;
        max-height: 100dvh;
        margin-inline: auto;
        display: grid;
        grid-template-rows: auto auto minmax(0, 1fr) auto auto;
        align-items: center;
        text-align: center;
        gap: clamp(0.45rem, 1.25svh, 0.8rem);
        padding: clamp(0.45rem, 1.4svh, 0.9rem) 0;
        position: relative;
        overflow: hidden;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #f8f4ea;
        box-shadow: none;
      }

      .end-card--score::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.85) 0 1px, transparent 2px),
          radial-gradient(circle at 72% 8%, rgba(255, 255, 255, 0.78) 0 1px, transparent 2px),
          radial-gradient(circle at 88% 42%, rgba(255, 255, 255, 0.72) 0 1px, transparent 2px),
          radial-gradient(circle at 24% 72%, rgba(255, 255, 255, 0.65) 0 1px, transparent 2px),
          radial-gradient(circle at 58% 86%, rgba(255, 255, 255, 0.55) 0 1px, transparent 2px);
        opacity: 0.38;
        pointer-events: none;
      }

      .end-card--score > * {
        position: relative;
        z-index: 1;
      }

      .end-card--mode-duel {
        --end-accent: #9d5cff;
        --end-accent-strong: #6528dc;
        --end-accent-soft: rgba(157, 92, 255, 0.2);
      }

      .end-card--mode-multi {
        --end-accent: #39de6d;
        --end-accent-strong: #087b37;
        --end-accent-soft: rgba(57, 222, 109, 0.18);
      }

      .end-card--score .section-title,
      .end-card--score .subtitle {
        color: #f8f4ea;
        margin: 0;
      }

      .end-card--score .section-title {
        font-size: clamp(1.45rem, min(6vw, 5svh), 2.35rem);
        line-height: 1;
        text-shadow: 0 0 18px rgba(255, 255, 255, 0.28);
      }

      .end-mode-badge {
        display: inline-grid;
        place-items: center;
        min-width: 82px;
        min-height: 30px;
        padding: 4px 18px;
        border-radius: 999px;
        background: linear-gradient(180deg, var(--end-accent), var(--end-accent-strong));
        color: #fff;
        font-size: 1rem;
        font-weight: 950;
        letter-spacing: 0.02em;
        box-shadow: 0 0 20px var(--end-accent-soft);
      }

      .end-score-kicker {
        margin: 0;
        color: #ffe35e;
        font-size: clamp(1.55rem, min(7vw, 6svh), 3rem);
        font-weight: 950;
        line-height: 1;
        text-shadow: 0 0 22px rgba(255, 225, 84, 0.3);
      }

      .end-card--mode-duel .end-score-kicker {
        color: #ffffff;
      }

      .end-card--mode-multi .end-score-kicker {
        color: #58f47f;
      }

      .end-card--score .account-upsell {
        width: 100%;
        padding: clamp(0.7rem, 1.8svh, 1rem);
        background: rgba(18, 24, 38, 0.84);
        border-color: rgba(255, 255, 255, 0.16);
      }

      .end-card__scroll {
        width: 100%;
        min-height: 0;
        display: grid;
        gap: clamp(0.5rem, 1.2svh, 0.9rem);
        align-content: start;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable both-edges;
      }

      .end-score-panel {
        width: 100%;
        min-height: 0;
        display: grid;
        gap: clamp(0.55rem, 1.45svh, 0.9rem);
        padding: clamp(0.75rem, 1.9svh, 1.125rem);
        border: 1px solid rgba(255, 231, 59, 0.32);
        border-radius: 8px;
        background:
          radial-gradient(circle at 50% 0%, var(--end-accent-soft), transparent 44%),
          rgba(8, 15, 28, 0.82);
        box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.28);
      }

      .end-score-label,
      .end-score-points {
        margin: 0;
        color: #79ddff;
        font-weight: 950;
      }

      .end-score-value {
        margin: 0;
        color: #ffffff;
        font-size: clamp(3rem, min(16vw, 12svh), 6.2rem);
        font-weight: 950;
        line-height: 0.88;
        text-shadow: 0 0 22px rgba(68, 173, 255, 0.62);
      }

      .end-solo-note {
        min-height: 52px;
        display: grid;
        place-items: center;
        padding: 10px 14px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.05);
        color: #fff9cb;
        font-weight: 800;
      }

      .end-stat-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 8px;
        overflow: hidden;
      }

      .end-stat {
        display: grid;
        gap: 4px;
        padding: 10px 6px;
        background: rgba(255, 255, 255, 0.045);
      }

      .end-stat + .end-stat {
        border-left: 1px solid rgba(255, 255, 255, 0.12);
      }

      .end-stat strong {
        font-size: clamp(1.2rem, 5vw, 1.8rem);
        line-height: 1;
      }

      .end-stat span {
        color: rgba(248, 244, 234, 0.82);
        font-size: 0.8rem;
        font-weight: 800;
      }

      .end-duel-list {
        display: grid;
        gap: clamp(0.55rem, 1.25svh, 0.75rem);
      }

      .end-duel-player {
        display: grid;
        grid-template-columns: minmax(2rem, 0.17fr) minmax(3rem, 0.22fr) minmax(0, 1fr);
        grid-template-areas:
          "rank avatar name"
          "rank avatar score"
          "rank avatar points";
        align-items: center;
        column-gap: clamp(0.55rem, 1.6vw, 0.9rem);
        min-height: 0;
        padding: clamp(0.55rem, 1.4svh, 0.9rem);
        border: 1px solid rgba(255, 255, 255, 0.22);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.07);
        text-align: left;
      }

      .end-duel-player--1 {
        border-color: rgba(255, 231, 59, 0.9);
        background:
          radial-gradient(circle at 30% 50%, rgba(255, 231, 59, 0.16), transparent 42%),
          rgba(36, 25, 12, 0.7);
      }

      .end-duel-player.is-tied {
        border-color: rgba(255, 231, 59, 0.72);
        background:
          radial-gradient(circle at 30% 50%, rgba(255, 231, 59, 0.12), transparent 42%),
          rgba(36, 25, 12, 0.58);
      }

      .end-duel-rank {
        grid-area: rank;
        width: clamp(2rem, 6svh, 2.625rem);
        aspect-ratio: 1;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: linear-gradient(180deg, #fff06d, #f2b800);
        color: #19190a;
        font-size: clamp(1rem, 3.2svh, 1.5rem);
        font-weight: 950;
      }

      .end-duel-player--2 .end-duel-rank {
        background: linear-gradient(180deg, #f2f5ff, #8f98b4);
        color: #151821;
      }

      .end-avatar {
        width: clamp(3rem, 9svh, 4rem);
        aspect-ratio: 1;
        display: grid;
        place-items: center;
        border-radius: 50%;
        border: 3px solid rgba(255, 255, 255, 0.86);
        background:
          radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.4), transparent 26%),
          linear-gradient(145deg, var(--end-accent), var(--end-accent-strong));
        color: #fff;
        font-weight: 950;
        box-shadow: 0 0 18px var(--end-accent-soft);
      }

      .end-duel-player .end-avatar {
        grid-area: avatar;
      }

      .end-avatar--small {
        width: 30px;
        border-width: 2px;
        font-size: 0.75rem;
      }

      .end-duel-name {
        grid-area: name;
        min-width: 0;
        color: #ffffff;
        font-size: clamp(0.95rem, 2.2svh, 1.1rem);
        font-weight: 900;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .end-duel-score {
        grid-area: score;
        color: #ffe354;
        font-size: clamp(1.6rem, min(8vw, 5.5svh), 3rem);
        line-height: 0.95;
      }

      .end-duel-points {
        grid-area: points;
        color: #fff4a8;
        font-weight: 900;
      }

      .end-winner-panel {
        display: grid;
        grid-template-columns: minmax(2.7rem, 0.18fr) minmax(0, 1fr);
        grid-template-areas:
          "mark title"
          "mark body";
        align-items: center;
        column-gap: clamp(0.55rem, 1.5vw, 0.9rem);
        padding: clamp(0.55rem, 1.4svh, 0.9rem);
        border: 1px solid rgba(157, 92, 255, 0.46);
        border-radius: 8px;
        background: rgba(89, 33, 140, 0.2);
        text-align: left;
      }

      .end-winner-mark {
        grid-area: mark;
        width: clamp(2.2rem, 6.4svh, 2.75rem);
        aspect-ratio: 1;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: linear-gradient(180deg, #fff06d, #f2b800);
        color: #1c1700;
        font-weight: 950;
      }

      .end-winner-panel strong {
        grid-area: title;
        color: #ffe354;
        font-size: clamp(1.05rem, 2.6svh, 1.35rem);
      }

      .end-winner-panel span:last-child {
        grid-area: body;
        color: #ffffff;
      }

      .end-winner-panel--tie {
        border-color: rgba(255, 231, 59, 0.52);
        background: rgba(82, 65, 17, 0.24);
      }

      .end-multi-podium {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: end;
        gap: 8px;
        min-height: 170px;
      }

      .end-multi-podium__slot {
        display: grid;
        justify-items: center;
        gap: 5px;
        min-width: 0;
      }

      .end-multi-podium__slot--1 {
        order: 2;
        padding-bottom: 8px;
      }

      .end-multi-podium__slot--2 {
        order: 1;
        padding-bottom: 0;
      }

      .end-multi-podium__slot--3 {
        order: 3;
        padding-bottom: 0;
      }

      .end-multi-podium__slot--1 .end-avatar {
        width: 78px;
        border-color: #ffe354;
      }

      .end-multi-podium__slot strong {
        max-width: 100%;
        color: #ffffff;
        font-size: 0.9rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .end-multi-score {
        color: #ffe354;
        font-size: 1.1rem;
        font-weight: 950;
      }

      .end-multi-rank {
        min-width: 48px;
        min-height: 36px;
        display: grid;
        place-items: center;
        border-radius: 8px 8px 0 0;
        background: linear-gradient(180deg, #ffe354, #926900);
        color: #201600;
        font-size: 1.4rem;
        font-weight: 950;
      }

      .end-multi-podium__slot--2 .end-multi-rank {
        background: linear-gradient(180deg, #f0f4ff, #687286);
        color: #10131b;
      }

      .end-multi-podium__slot--3 .end-multi-rank {
        background: linear-gradient(180deg, #f0a857, #7c3d0d);
        color: #fff4e2;
      }

      .end-multi-self-card {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-areas:
          "label label label"
          "rank name score";
        align-items: center;
        gap: 8px 12px;
        padding: 12px 14px;
        border: 1px solid rgba(57, 222, 109, 0.95);
        border-radius: 8px;
        background: rgba(10, 150, 64, 0.26);
        box-shadow: 0 0 16px rgba(57, 222, 109, 0.18);
        text-align: left;
      }

      .end-multi-self-card__label {
        grid-area: label;
        color: #86ffab;
        font-size: 0.78rem;
        font-weight: 950;
      }

      .end-multi-self-card__rank {
        grid-area: rank;
        min-width: 48px;
        color: #ffffff;
        font-size: 1.8rem;
        line-height: 1;
      }

      .end-multi-self-card__name {
        grid-area: name;
        min-width: 0;
        color: #ffffff;
        font-weight: 900;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .end-multi-self-card__score {
        grid-area: score;
        color: #ffffff;
        font-weight: 950;
        white-space: nowrap;
      }

      .end-duel-player.is-self {
        border-color: rgba(57, 222, 109, 0.95);
        background: rgba(10, 150, 64, 0.26);
        box-shadow: 0 0 16px rgba(57, 222, 109, 0.18);
      }

      .end-replay-panel {
        width: 100%;
        padding: 0;
        border: 0;
        background: transparent;
      }

      .end-main-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: clamp(0.5rem, 1.3svh, 0.75rem);
      }

      .end-main-actions .primary,
      .end-main-actions .secondary {
        min-height: clamp(2.5rem, 5.8svh, 3.125rem);
        display: grid;
        place-items: center;
        border-radius: 8px;
        line-height: 1.05;
        text-align: center;
        font-size: 1rem;
        font-weight: 950;
        color: #ffffff;
      }

      .end-main-actions .primary {
        border-color: rgba(68, 255, 124, 0.86);
        background: linear-gradient(180deg, #16c75f, #087e39);
        box-shadow: 0 0 18px rgba(41, 255, 109, 0.18);
      }

      .end-main-actions .secondary {
        border-color: rgba(255, 232, 127, 0.36);
        background: linear-gradient(180deg, rgba(45, 43, 33, 0.92), rgba(18, 18, 17, 0.92));
        color: #fff7cf;
      }

      .end-main-actions .end-account-action {
        border-color: rgba(110, 231, 255, 0.72);
        background: linear-gradient(180deg, rgba(24, 212, 255, 0.95), rgba(11, 116, 255, 0.88));
        color: #ffffff;
        box-shadow: 0 0 18px rgba(24, 212, 255, 0.22);
      }

      .end-secondary-actions {
        width: 100%;
        margin-top: 0;
      }

      .end-secondary-actions .ghost {
        width: 100%;
        min-height: clamp(2.5rem, 5.8svh, 3.125rem);
        border-radius: 8px;
        color: rgba(248, 244, 234, 0.9);
        border-color: rgba(248, 244, 234, 0.28);
        background: linear-gradient(180deg, rgba(33, 38, 55, 0.94), rgba(13, 17, 28, 0.94));
        font-size: 1rem;
        font-weight: 950;
      }

      @media (min-width: 721px) and (max-height: 760px) {
        .end-card--score {
          width: min(88vw, 520px);
          gap: 8px;
          padding: 4px 0;
        }

        .end-card--score .section-title {
          font-size: 1.75rem;
        }

        .end-score-kicker {
          font-size: 2.2rem;
        }

        .end-score-panel {
          gap: 8px;
          padding: 12px;
        }

        .end-score-value {
          font-size: 4.2rem;
        }

        .end-solo-note {
          min-height: 40px;
          padding: 8px 10px;
        }

        .end-stat {
          padding: 7px 6px;
        }

        .end-card--score .account-upsell {
          padding: 12px;
        }

        .end-replay-panel h3 {
          font-size: 1.42rem;
        }

        .end-main-actions {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
        }

        .end-main-actions .primary,
        .end-main-actions .secondary,
        .end-secondary-actions .ghost {
          min-height: 42px;
          font-size: 0.86rem;
        }
      }

      @media (max-width: 720px) {
        .login-overlay {
          place-items: end center;
          padding: 12px;
        }

        .login-overlay__panel {
          width: min(100%, 430px);
          max-height: calc(100dvh - 24px);
          overflow: auto;
          gap: 12px;
          padding: 18px;
          border-radius: 8px;
        }

        .login-overlay__actions {
          display: grid;
          grid-template-columns: 1fr;
        }

        .login-overlay__actions .primary,
        .login-overlay__actions .secondary {
          min-height: 46px;
        }

        .account-gate,
        .account-upsell {
          width: min(94vw, 430px);
          padding: 16px;
          gap: 12px;
        }
      }

      .account-gate__actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
      }

      .account-gate__primary,
      .account-gate__secondary {
        min-height: 46px;
        border: 0;
        border-radius: 8px;
        padding: 0 18px;
        color: #101624;
        font-weight: 900;
        letter-spacing: 0;
      }

      .account-gate__primary {
        background: #f6d675;
      }

      .account-gate__secondary {
        background: #9bd7d1;
      }

      .account-gate__list {
        margin: 0;
        padding-left: 18px;
        color: rgba(248, 244, 234, 0.82);
        text-align: left;
      }

      .home-menu-overlay {
        position: fixed;
        inset: 0;
        z-index: 39;
        display: none;
        place-items: center;
        padding: clamp(14px, 3vw, 32px);
      }

      .home-menu-overlay.is-open {
        display: grid;
      }

      .home-menu-overlay__backdrop {
        position: absolute;
        inset: 0;
        border-radius: 0;
        background: rgba(4, 10, 24, 0.66);
        backdrop-filter: blur(5px);
      }

      .home-menu {
        position: relative;
        z-index: 1;
        width: min(94vw, 980px);
        max-height: min(88vh, 760px);
        display: grid;
        grid-template-rows: auto 1fr;
        overflow: hidden;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(8, 15, 34, 0.94);
        color: #f3f6ff;
        box-shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
      }

      .home-menu__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 16px 18px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .home-menu__layout {
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(180px, 240px) 1fr;
      }

      .home-menu__nav {
        display: grid;
        align-content: start;
        gap: 8px;
        padding: 16px;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.035);
      }

      .home-menu__nav-button,
      .home-menu__quick-button {
        min-height: 44px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.07);
        color: #f3f6ff;
        text-align: left;
      }

      .home-menu__nav-button.is-active,
      .home-menu__quick-button:hover {
        background: rgba(230, 167, 58, 0.24);
      }

      .home-menu__nav-button--pwa {
        border-color: rgba(111, 211, 255, 0.42);
        background: rgba(34, 123, 211, 0.22);
      }

      .home-menu__content {
        min-height: 0;
        overflow: auto;
        padding: 18px;
        display: grid;
        align-content: start;
        gap: 16px;
      }

      .home-menu__section-copy {
        display: grid;
        gap: 8px;
      }

      .home-menu__section-copy h2,
      .home-menu-game h3,
      .home-menu-association-card h3 {
        margin: 0;
        color: #f3f6ff;
      }

      .home-menu__section-copy p,
      .home-menu-game p,
      .home-menu-association-card p {
        margin: 0;
        color: rgba(243, 246, 255, 0.76);
        line-height: 1.45;
      }

      .home-menu__pwa-status {
        color: rgba(179, 229, 255, 0.92);
        font-weight: 800;
      }

      .home-menu__quick-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .home-menu-games {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 12px;
      }

      .home-menu-game,
      .home-menu-association-card {
        display: grid;
        grid-template-columns: 92px 1fr;
        gap: 12px;
        min-height: 112px;
        padding: 10px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.055);
      }

      .home-menu-game__image,
      .home-menu-association-card__image,
      .home-menu-game__image-fallback {
        width: 92px;
        height: 92px;
        border-radius: 8px;
        object-fit: cover;
        background: rgba(255, 255, 255, 0.08);
      }

      .home-menu-game__image-fallback {
        display: grid;
        place-items: center;
        padding: 8px;
        color: rgba(243, 246, 255, 0.72);
        text-align: center;
        font-weight: 800;
      }

      .home-menu-game__body,
      .home-menu-association-card__body {
        display: grid;
        align-content: start;
        gap: 8px;
      }

      .home-menu-game__modes {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }

      .home-menu-game__mode {
        padding: 5px 8px;
        border-radius: 999px;
        background: rgba(29, 127, 104, 0.28);
        color: #f3f6ff;
        font-size: 0.78rem;
        font-weight: 800;
      }

      @media (max-width: 720px) {
        .home-menu {
          max-height: 92vh;
        }

        .home-menu__layout {
          grid-template-columns: 1fr;
        }

        .home-menu__nav {
          grid-auto-flow: column;
          grid-auto-columns: max-content;
          overflow-x: auto;
          border-right: 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .home-menu__quick-grid {
          grid-template-columns: 1fr;
        }

        .home-menu-game,
        .home-menu-association-card {
          grid-template-columns: 76px 1fr;
        }

        .home-menu-game__image,
        .home-menu-association-card__image,
        .home-menu-game__image-fallback {
          width: 76px;
          height: 76px;
        }
      }

      .home-menu__eyebrow {
        margin: 0 0 4px;
        color: rgba(243, 246, 255, 0.66);
        font-size: 0.76rem;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
      }

      .home-menu__header h2 {
        margin: 0;
        color: #f3f6ff;
        font-size: clamp(1.1rem, 2vw, 1.45rem);
      }

      .home-menu__close {
        min-height: 40px;
        border-radius: 8px;
        padding: 0 14px;
        background: rgba(255, 255, 255, 0.1);
        color: #f3f6ff;
        font-weight: 900;
      }

      .home-menu__layout--legal {
        grid-template-columns: minmax(190px, 250px) 1fr;
      }

      .home-menu__nav a,
      .home-menu__quick-grid--legal a {
        display: grid;
        align-items: center;
        text-decoration: none;
      }

      .home-menu__quick-grid--legal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .nav-legal-footer {
        position: absolute;
        left: 50%;
        bottom: clamp(4px, 1.2vh, 14px);
        z-index: 2;
        transform: translateX(-50%);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 14px;
        width: min(92vw, 620px);
        padding: 6px 10px;
        border-radius: 8px;
        background: rgba(4, 9, 22, 0.42);
        color: rgba(248, 244, 234, 0.74);
        font-size: 0.76rem;
        font-weight: 800;
      }

      .nav-legal-footer a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 38px;
        padding: 7px 8px;
        color: inherit;
        text-decoration: none;
      }

      .nav-legal-footer a:hover {
        color: #f8f4ea;
        text-decoration: underline;
      }

      .public-legal-noscript {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 50;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        padding: 10px;
        background: #071120;
      }

      .public-legal-noscript a {
        color: #f8f4ea;
      }

      @media (max-width: 720px) {
        .home-menu__layout--legal {
          grid-template-columns: 1fr;
        }

        .home-menu__layout--legal .home-menu__nav {
          grid-auto-flow: row;
          grid-auto-columns: auto;
          overflow-x: visible;
        }

        .home-menu__quick-grid--legal {
          grid-template-columns: 1fr;
        }

        .nav-legal-footer {
          position: static;
          order: 3;
          transform: none;
          width: 100%;
          padding: 2px 4px 0;
          background: transparent;
          font-size: 0.68rem;
        }
      }

      .nav-zero__main {
        display: grid;
        place-items: center;
        grid-row: 3;
        height: 100%;
        padding: 0 clamp(16px, 2vw, 30px);
        background: transparent;
      }

      .nav-choice-shell {
        --tabuzzz-header-height: var(--tabuzzz-header-choice-height);
        --tabuzzz-header-logo-width: var(--tabuzzz-header-choice-logo-width);
        --tabuzzz-header-logo-height: calc(var(--tabuzzz-header-height) * 0.8);
        --tabuzzz-content-top-fr: 5fr;
        --tabuzzz-content-main-fr: 85fr;
        --tabuzzz-content-bottom-fr: 10fr;
        display: grid;
        grid-template-rows:
          var(--tabuzzz-header-height)
          minmax(0, var(--tabuzzz-content-top-fr))
          minmax(0, var(--tabuzzz-content-main-fr))
          minmax(0, var(--tabuzzz-content-bottom-fr));
        width: 100%;
        height: 100%;
        padding: 0;
      }

      .nav-choice__main {
        width: 100%;
        place-items: start center;
        background: transparent;
      }

      .nav-choice__content {
        width: min(92vw, 980px);
        display: grid;
        gap: clamp(10px, 1.4vh, 18px);
        justify-items: center;
        text-align: center;
        background: transparent;
      }

      .nav-create__content {
        width: min(92vw, 760px);
        gap: clamp(8px, 1.1vh, 14px);
      }

      .nav-create__main {
        place-items: start center;
      }

      .nav-create__title {
        font-size: clamp(1.1rem, 2.1vw, 2.15rem);
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .nav-create__grid {
        max-width: min(100%, 720px);
        margin-inline: auto;
      }

      .nav-create__library-button {
        width: min(100%, 360px);
        min-height: 46px;
        border-radius: 999px;
        border: 2px solid rgba(121, 224, 255, 0.72);
        background:
          linear-gradient(180deg, rgba(20, 73, 165, 0.94), rgba(5, 15, 72, 0.96));
        color: #fef8ea;
        box-shadow: 0 0 22px rgba(58, 183, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);
        text-transform: uppercase;
      }

      .nav-shop__content {
        width: min(92vw, 760px);
        gap: 6px;
      }

      .nav-shop__buttons {
        width: 100%;
        display: grid;
        gap: 8px;
        justify-items: center;
      }

      .nav-choice__eyebrow,
      .nav-choice__title,
      .nav-choice__subtitle {
        margin: 0;
        color: rgba(248, 244, 234, 0.98);
        text-align: center;
      }

      .nav-choice__eyebrow {
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: clamp(1.02rem, 2vw, 2.1rem);
        line-height: 1;
        font-weight: 800;
      }

      .nav-choice__title {
        font-size: clamp(1.28rem, 2.8vw, 3rem);
        line-height: 1;
        font-weight: 900;
        letter-spacing: -0.03em;
      }

      .nav-choice__subtitle {
        font-size: clamp(1.02rem, 2vw, 2rem);
        line-height: 1.1;
        font-weight: 700;
        color: rgba(248, 244, 234, 0.86);
      }

      .nav-choice__grid {
        width: 100%;
        display: grid;
        gap: clamp(12px, 1.4vw, 22px);
        align-items: stretch;
      }

      .nav-choice__grid--two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .nav-choice__grid--stack {
        grid-template-columns: 1fr;
        max-width: 760px;
      }

      .nav-shop__grid.nav-choice__grid--stack {
        gap: 8px;
        max-width: 760px;
      }

      .nav-choice__button.nav-zero__main-button {
        width: 100%;
        min-height: clamp(72px, 10vh, 116px);
      }

      .nav-shop__button.nav-zero__main-button {
        width: min(100%, 760px);
        min-height: clamp(50px, 6.2vh, 68px);
      }

      .nav-choice__tile--art {
        display: grid;
        gap: clamp(8px, 1.1vh, 14px);
        align-content: start;
        justify-items: center;
        padding: 0;
        border: 0;
        background: transparent;
      }

      .nav-choice__tile-picture {
        display: block;
        width: 100%;
        aspect-ratio: var(--nav-choice-aspect-ratio, 0.82);
        overflow: hidden;
      }

      .nav-choice__tile-image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
      }

      .nav-choice__tile-label {
        display: block;
        color: #fdf7ea;
        font-size: clamp(1rem, 1.8vw, 1.55rem);
        font-weight: 900;
        letter-spacing: 0.03em;
        line-height: 1;
        text-transform: uppercase;
      }

      .nav-choice__tile-copy {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 3px;
        padding: 0.48em 1em;
        border-radius: 999px;
        background: rgba(6, 12, 26, 0.45);
        color: #fdf7ea;
      }

      .nav-choice__tile-subtitle {
        display: block;
        color: rgba(231, 249, 255, 0.86);
        font-size: clamp(0.68rem, 0.9vw, 0.88rem);
        font-weight: 800;
        line-height: 1.06;
      }

      @media (min-width: 861px) {
        .nav-create__content {
          width: min(92vw, 660px);
          gap: clamp(6px, 0.9vh, 12px);
        }

        .nav-create__grid {
          max-width: min(100%, 620px);
          gap: clamp(8px, 1vw, 14px);
        }

        .nav-create__library-button {
          min-height: 40px;
        }

        .nav-organize__content {
          width: min(92vw, 660px);
          gap: clamp(6px, 0.8vh, 10px);
        }

        .nav-organize__grid.nav-choice__grid--stack {
          max-width: 560px;
          gap: clamp(6px, 0.8vh, 10px);
        }

        .nav-organize__button.nav-zero__main-button {
          height: clamp(60px, 8.4vh, 78px);
          min-height: 0;
        }

        .nav-organize__title {
          font-size: clamp(1.15rem, 2.25vw, 2.35rem);
        }

        .nav-organize__subtitle,
        .nav-organize__eyebrow {
          font-size: clamp(0.94rem, 1.55vw, 1.6rem);
        }
      }

      .content-creator {
        width: min(94vw, 1120px);
        max-height: calc(100dvh - 96px);
        min-height: 0;
        overflow: auto;
        overscroll-behavior: contain;
        display: grid;
        gap: 10px;
        padding: 12px;
        border: 1px solid rgba(121, 224, 255, 0.42);
        border-radius: 18px;
        background:
          linear-gradient(180deg, rgba(7, 20, 58, 0.88), rgba(4, 8, 24, 0.92));
        color: #f8f4ea;
        box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34), 0 0 32px rgba(66, 191, 255, 0.16);
      }

      .tabuzzz-proportional-zone {
        display: grid;
        width: var(--tabuzzz-zone-width, min(94vw, 1120px));
        height: var(--tabuzzz-zone-height, auto);
        max-height: var(--tabuzzz-zone-max-height, none);
        min-width: 0;
        min-height: 0;
        grid-template-columns: var(--tabuzzz-zone-columns, none);
        grid-template-rows: var(--tabuzzz-zone-rows, none);
        gap: var(--tabuzzz-zone-gap, 10px);
        padding: var(--tabuzzz-zone-padding, 12px);
        overflow: hidden;
        overscroll-behavior: contain;
      }

      .tabuzzz-proportional-zone > * {
        min-width: 0;
        min-height: 0;
        max-width: 100%;
        max-height: 100%;
      }

      .tabuzzz-proportional-zone [data-proportional-child],
      .tabuzzz-proportional-zone .content-creator__workspace,
      .tabuzzz-proportional-zone .session-organizer__builder-grid {
        height: 100%;
        min-width: 0;
        min-height: 0;
        overflow: hidden;
      }

      .content-creator__header,
      .content-creator__interstitial,
      .content-creator__saved {
        display: grid;
        gap: 10px;
        justify-items: center;
        text-align: center;
      }

      .content-creator__interstitial {
        min-height: 0;
        max-height: 100%;
        overflow: auto;
        overscroll-behavior: contain;
      }

      .content-creator__eyebrow,
      .content-creator__title,
      .content-creator__subtitle,
      .content-creator p,
      .content-creator h2 {
        margin: 0;
      }

      .content-creator__eyebrow {
        font-size: 0.82rem;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
        color: #f6d675;
      }

      .content-creator__title {
        font-size: clamp(1.22rem, 2.2vw, 2.05rem);
        line-height: 1.05;
        font-weight: 900;
        letter-spacing: 0;
      }

      .content-creator__subtitle,
      .content-creator p {
        color: rgba(248, 244, 234, 0.86);
        font-size: 0.9rem;
        line-height: 1.22;
      }

      .content-creator__rules {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      .content-creator__rules article,
      .content-creator__list-row,
      .content-creator__track-row {
        border: 1px solid rgba(248, 244, 234, 0.14);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
      }

      .content-creator__rules article {
        display: grid;
        gap: 6px;
        padding: 10px;
        text-align: left;
      }

      .content-creator__rules h2,
      .content-creator__list h2,
      .content-creator__track-list h2 {
        color: #f8f4ea;
        font-size: 1rem;
        line-height: 1.2;
      }

      .content-creator__status {
        min-height: 24px;
        display: grid;
        gap: 4px;
        justify-items: center;
        color: rgba(248, 244, 234, 0.82);
        font-size: 0.84rem;
      }

      .content-creator__status strong {
        color: #ffd0c8;
      }

      .content-creator__error {
        margin: 0;
        padding: 10px 12px;
        border-radius: 8px;
        border: 1px solid rgba(255, 154, 124, 0.48);
        background: rgba(90, 21, 18, 0.44);
        color: #ffe4d6;
        font-weight: 850;
      }

      .content-creator__transition-prep {
        width: min(100%, 620px);
        max-height: min(42dvh, 360px);
        display: grid;
        gap: 8px;
        padding: 12px;
        border: 1px solid rgba(246, 214, 117, 0.28);
        border-radius: 8px;
        background: rgba(246, 214, 117, 0.08);
        text-align: left;
        overflow: auto;
        overscroll-behavior: contain;
      }

      .content-creator__transition-prep strong {
        color: #f6d675;
        font-size: 0.95rem;
        text-transform: uppercase;
      }

      .content-creator__transition-prep ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 6px;
      }

      .content-creator__transition-prep li {
        color: rgba(248, 244, 234, 0.88);
        font-size: 0.9rem;
      }

      .content-creator__metrics {
        width: min(100%, 760px);
        margin: 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
      }

      .content-creator__metrics div {
        display: grid;
        gap: 2px;
        padding: 7px 9px;
        border: 1px solid rgba(248, 244, 234, 0.14);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
      }

      .content-creator__metrics dt {
        color: #9bd7d1;
        font-size: 0.72rem;
        font-weight: 800;
        text-transform: uppercase;
      }

      .content-creator__metrics dd {
        margin: 0;
        color: #f8f4ea;
        font-size: 0.9rem;
        font-weight: 900;
        overflow-wrap: anywhere;
      }

      .content-creator__compatibility {
        color: #9bd7d1;
        font-weight: 800;
      }

      .content-creator__form,
      .content-creator__saved label {
        display: grid;
        gap: 8px;
      }

      .content-creator label {
        display: grid;
        gap: 6px;
        text-align: left;
        color: #f8f4ea;
        font-weight: 800;
      }

      .content-creator input,
      .content-creator textarea,
      .content-creator select {
        width: 100%;
        min-height: 38px;
        padding: 8px 11px;
        border: 1px solid rgba(121, 224, 255, 0.34);
        border-radius: 12px;
        background: rgba(3, 9, 28, 0.82);
        color: #f8f4ea;
        font: inherit;
        letter-spacing: 0;
        box-shadow: inset 0 0 18px rgba(89, 216, 255, 0.08);
      }

      .content-creator textarea {
        resize: vertical;
      }

      .content-creator__answer-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .content-creator__answer--correct input {
        border-color: #60e69f;
        background: rgba(6, 42, 28, 0.84);
      }

      .content-creator__answer--wrong input {
        border-color: #ff9a7c;
        background: rgba(48, 16, 16, 0.84);
      }

      .content-creator__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
      }

      .content-creator__primary,
      .content-creator__secondary {
        min-height: 40px;
        border: 0;
        border-radius: 999px;
        padding: 0 14px;
        color: #101624;
        font-weight: 900;
        letter-spacing: 0;
        cursor: pointer;
      }

      .content-creator__primary {
        background: linear-gradient(180deg, #ffe477 0%, #ff9a16 100%);
        box-shadow: 0 0 18px rgba(255, 174, 36, 0.24);
      }

      .content-creator__secondary {
        background: linear-gradient(180deg, #79e0ff 0%, #2674ff 100%);
        color: #fef8ea;
        box-shadow: 0 0 18px rgba(61, 174, 255, 0.2);
      }

      .content-creator__primary:disabled,
      .content-creator__secondary:disabled,
      .session-organizer__special:disabled {
        cursor: not-allowed;
        opacity: 0.56;
      }

      .content-creator__big-count {
        color: #f6d675;
        font-size: clamp(1.35rem, 2.5vw, 2.25rem);
      }

      .content-creator__list,
      .content-creator__track-list {
        display: grid;
        gap: 6px;
      }

      .content-creator__list-row {
        display: grid;
        grid-template-columns: 44px 90px minmax(0, 1fr);
        gap: 8px;
        align-items: center;
        padding: 7px 8px;
        text-align: left;
      }

      .content-creator__list-row p {
        overflow-wrap: anywhere;
      }

      .content-creator__track-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px;
        align-items: center;
        padding: 6px;
      }

      .content-library__header,
      .session-organizer__header,
      .session-organizer__title-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, auto);
        gap: 10px;
        align-items: start;
      }

      .content-library__header {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
      }

      .content-library__sections,
      .session-organizer__mode-tabs {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 7px;
      }

      .session-organizer__mode-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 190px;
      }

      .content-library__sections button,
      .session-organizer__mode-tabs button {
        min-height: 38px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.09);
        color: #f8f4ea;
        font-weight: 900;
        letter-spacing: 0;
      }

      .content-library__sections button.is-active,
      .session-organizer__mode-tabs button.is-active {
        background: #f6d675;
        color: #101624;
      }

      .content-library__list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 8px;
        min-height: 0;
      }

      .content-library__item,
      .content-library__empty,
      .session-organizer__panel,
      .session-organizer__block,
      .session-organizer__playlist {
        display: grid;
        gap: 7px;
        padding: 9px;
        border: 1px solid rgba(248, 244, 234, 0.14);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
      }

      .content-library__item-header,
      .session-organizer__section-title {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        align-items: center;
      }

      .content-library__item--shop-card {
        align-content: start;
      }

      .content-library__pitch,
      .content-library__shop-facts {
        margin: 0;
        color: rgba(248, 244, 234, 0.82);
        font-size: 0.82rem;
        line-height: 1.18;
      }

      .content-library__shop-facts {
        color: #9bd7d1;
        font-weight: 850;
      }

      .content-library__type {
        color: #f6d675;
        font-size: 0.74rem;
        font-weight: 900;
        text-transform: uppercase;
      }

      .content-library__metrics {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .content-library__actions {
        display: grid;
        grid-template-columns: minmax(110px, 1.2fr) repeat(2, minmax(92px, 1fr));
        gap: 6px;
      }

      .content-library__actions .content-creator__primary,
      .content-library__actions .content-creator__secondary {
        min-height: 36px;
        padding-inline: 8px;
        font-size: 0.75rem;
      }

      .content-library__preview {
        margin: 0;
        padding-left: 18px;
        color: rgba(248, 244, 234, 0.86);
        font-size: 0.8rem;
        line-height: 1.18;
      }

      .session-organizer__layout {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
        gap: 8px;
        min-height: 0;
      }

      .content-creator-shell--session .content-creator {
        --tabuzzz-zone-width: min(96vw, 1500px);
        --tabuzzz-zone-height: 100%;
        --tabuzzz-zone-max-height: 100%;
        --tabuzzz-zone-padding: 18px;
        --tabuzzz-zone-gap: 12px;
        --tabuzzz-zone-rows: minmax(0, 12fr) minmax(0, 5fr) minmax(0, 83fr);
        width: var(--tabuzzz-zone-width);
        height: var(--tabuzzz-zone-height);
        max-height: var(--tabuzzz-zone-max-height);
        min-height: 0;
        grid-template-rows: var(--tabuzzz-zone-rows);
        padding: var(--tabuzzz-zone-padding);
        gap: var(--tabuzzz-zone-gap);
        border-radius: 8px;
        overflow: hidden;
      }

      .session-organizer__topbar,
      .session-organizer__top-actions,
      .session-organizer__builder-grid,
      .session-organizer__setup-column,
      .session-organizer__build-column,
      .session-organizer__playlist-column {
        min-width: 0;
      }

      .session-organizer__topbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px;
        align-items: center;
      }

      .session-organizer__top-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
      }

      .session-organizer__top-save {
        min-width: 150px;
        min-height: 42px;
        border-radius: 8px;
      }

      .session-organizer__mobile-steps {
        display: none;
      }

      .session-organizer__builder-grid {
        display: grid;
        grid-template-columns: minmax(250px, 0.88fr) minmax(390px, 1.28fr) minmax(300px, 0.95fr);
        gap: 12px;
        height: 100%;
        min-height: 0;
        align-items: stretch;
        overflow: hidden;
      }

      .session-organizer__setup-column,
      .session-organizer__build-column,
      .session-organizer__playlist-column {
        display: grid;
        gap: 10px;
        min-height: 0;
        overflow: hidden;
      }

      .session-organizer__step-title {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
      }

      .session-organizer__step-title span {
        width: 24px;
        height: 24px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        border-radius: 6px;
        background: linear-gradient(180deg, #8f42ee, #4626c9);
        color: #fff;
        font-weight: 950;
        font-size: 0.78rem;
      }

      .session-organizer__step-title h2 {
        margin: 0;
        min-width: 0;
        color: #f8f4ea;
        font-size: 0.96rem;
        line-height: 1.1;
        text-transform: uppercase;
      }

      .session-organizer__guide-list {
        margin: 0;
        padding: 0;
        display: grid;
        gap: 8px;
        list-style: none;
      }

      .session-organizer__guide-list li {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        gap: 8px;
        align-items: center;
      }

      .session-organizer__guide-list span {
        width: 22px;
        height: 22px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: rgba(246, 214, 117, 0.18);
        color: #f6d675;
        font-weight: 900;
      }

      .session-organizer__guide-list p {
        margin: 0;
        color: rgba(248, 244, 234, 0.82);
        font-size: 0.82rem;
      }

      .session-organizer__library-filters {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
      }

      .session-organizer__library-filters button {
        min-height: 36px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.08);
        color: #f8f4ea;
        font-weight: 900;
      }

      .session-organizer__library-filters button.is-active {
        border: 1px solid rgba(246, 214, 117, 0.45);
        background: rgba(246, 214, 117, 0.16);
        color: #f6d675;
      }

      .session-organizer__library-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        overflow: visible;
      }

      .session-organizer__library-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 40px;
        gap: 7px;
        align-items: stretch;
      }

      .session-organizer__library-row > button:first-child,
      .session-organizer__library-add {
        min-height: 38px;
        border-radius: 8px;
        border: 1px solid rgba(121, 224, 255, 0.22);
        background: rgba(255, 255, 255, 0.07);
        color: #f8f4ea;
        font-weight: 900;
      }

      .session-organizer__library-row > button:first-child {
        display: grid;
        gap: 2px;
        text-align: left;
        padding: 6px 8px;
      }

      .session-organizer__library-row > button:first-child span {
        color: rgba(248, 244, 234, 0.72);
        font-size: 0.72rem;
        font-weight: 760;
      }

      .session-organizer__library-row.is-selected > button:first-child {
        border-color: rgba(246, 214, 117, 0.48);
        background: rgba(246, 214, 117, 0.13);
      }

      .session-organizer__library-add {
        display: grid;
        place-items: center;
        color: #f6d675;
        font-size: 1.2rem;
      }

      .session-organizer__summary-strip {
        margin: 0;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
      }

      .session-organizer__summary-strip div {
        display: grid;
        gap: 2px;
        padding: 7px;
        border: 1px solid rgba(121, 224, 255, 0.18);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
      }

      .session-organizer__summary-strip dt {
        color: #9bd7d1;
        font-size: 0.68rem;
        font-weight: 850;
        text-transform: uppercase;
      }

      .session-organizer__summary-strip dd {
        margin: 0;
        color: #f8f4ea;
        font-size: 0.82rem;
        font-weight: 950;
        overflow: hidden;
        line-height: 1.12;
        overflow-wrap: anywhere;
        white-space: normal;
      }

      .session-organizer__module-kicker {
        color: #f6d675 !important;
        font-weight: 950;
      }

      .session-organizer__left,
      .session-organizer__right {
        display: grid;
        gap: 8px;
        min-height: 0;
      }

      .session-organizer__special-grid,
      .session-organizer__game-grid,
      .session-organizer__form-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
      }

      .session-organizer__game-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .session-organizer__special,
      .session-organizer__tile {
        min-height: 48px;
        padding: 7px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.08);
        color: #f8f4ea;
        text-align: left;
        display: grid;
        gap: 3px;
      }

      .session-organizer__special.is-selected,
      .session-organizer__tile.is-selected {
        background: rgba(246, 214, 117, 0.24);
        border: 1px solid rgba(246, 214, 117, 0.42);
      }

      .session-organizer__special strong,
      .session-organizer__tile strong {
        font-size: 0.82rem;
        line-height: 1.1;
      }

      .session-organizer__special span,
      .session-organizer__tile span,
      .session-organizer__minor,
      .session-organizer__empty {
        font-size: 0.74rem;
        line-height: 1.14;
        color: rgba(248, 244, 234, 0.78);
      }

      .session-organizer__compact-list,
      .session-organizer__standings {
        margin: 0;
        padding-left: 18px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px 10px;
        font-size: 0.76rem;
        line-height: 1.12;
      }

      .session-organizer__compact-list li {
        min-width: 0;
      }

      .session-organizer__compact-list span,
      .session-organizer__compact-list em {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .session-organizer__playlist {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
      }

      .session-organizer__playlist > .session-organizer__section-title {
        grid-column: 1 / -1;
      }

      .session-organizer__playlist > .content-creator__actions {
        align-self: end;
      }

      .session-organizer__part {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 7px;
        align-items: center;
        min-height: 40px;
        padding: 5px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.05);
      }

      .session-organizer__part-index {
        min-width: 36px;
        width: 36px;
        min-height: 36px;
        border-radius: 8px;
      }

      .session-organizer__part strong,
      .session-organizer__part span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .session-organizer__part strong {
        font-size: 0.78rem;
      }

      .session-organizer__part span {
        font-size: 0.72rem;
        color: rgba(248, 244, 234, 0.76);
      }

      .nav-zero__board {
        position: relative;
        width: min(100%, 1300px);
        height: 100%;
        min-height: 0;
      }

      .nav-zero__buttons {
        position: absolute;
        inset: 0;
        display: grid;
        align-content: start;
        justify-items: center;
        gap: clamp(8px, 1.15vh, 16px);
        padding-top: clamp(0px, 1vh, 10px);
        padding-right: clamp(14px, 2vw, 24px);
      }

      .nav-zero__main-button {
        position: relative;
        width: min(76vw, 760px);
        height: clamp(96px, 18vh, 132px);
        min-height: 0;
        padding: 0;
        background: transparent;
        border-radius: 0;
        overflow: visible;
      }

      .nav-zero__main-button-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }

      .nav-zero__main-button-copy {
        position: absolute;
        inset: 0;
        display: grid;
        align-content: center;
        gap: 2px;
        place-items: center;
        padding: 0 12%;
        text-align: center;
        color: #fef8ea;
        text-shadow: 0 3px 18px rgba(0, 0, 0, 0.56);
      }

      .nav-zero__main-button-label {
        display: block;
        font-size: clamp(1rem, 2vw, 1.8rem);
        font-weight: 900;
        letter-spacing: 0.02em;
        line-height: 1;
      }

      .nav-zero__main-button-subtitle {
        display: block;
        max-width: 100%;
        color: rgba(231, 249, 255, 0.9);
        font-size: clamp(0.68rem, 1vw, 0.95rem);
        font-weight: 800;
        line-height: 1.08;
      }

      .nav-zero__controller-button {
        position: absolute;
        top: clamp(37%, 40%, 42%);
        right: clamp(16px, 2.2vw, 34px);
        transform: translateY(-50%);
        z-index: 20;
        width: min(18vw, 200px);
        height: min(18vw, 200px);
        padding: 0;
        border-radius: 999px;
        background: transparent;
        pointer-events: auto;
        touch-action: manipulation;
      }

      .nav-zero__controller-button:hover:not(:disabled):not(:active) {
        transform: translateY(-50%) scale(1.035);
      }

      .nav-zero__controller-button:active {
        transform: translateY(-50%) scale(0.985);
      }

      .nav-zero__controller-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }

      .nav-zero__controller-copy {
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        display: grid;
        gap: 2px;
        width: min(180px, 30vw);
        margin-top: -12px;
        padding: 6px 10px;
        border: 1px solid rgba(121, 224, 255, 0.42);
        border-radius: 8px;
        background: rgba(4, 9, 28, 0.66);
        color: #fef8ea;
        text-align: center;
        box-shadow: 0 0 18px rgba(60, 191, 255, 0.2);
        pointer-events: none;
      }

      .nav-zero__controller-copy strong,
      .nav-zero__controller-copy span {
        display: block;
        line-height: 1.05;
      }

      .nav-zero__controller-copy strong {
        font-size: clamp(0.7rem, 1vw, 0.95rem);
        font-weight: 950;
      }

      .nav-zero__controller-copy span {
        color: rgba(231, 249, 255, 0.86);
        font-size: clamp(0.6rem, 0.8vw, 0.76rem);
        font-weight: 800;
      }

      .nav-zero__home-promise {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        z-index: 5;
        width: min(92vw, 560px);
        margin: 0;
        padding: 7px 12px;
        border-radius: 8px;
        background: rgba(3, 8, 28, 0.52);
        color: rgba(248, 244, 234, 0.96);
        font-size: clamp(0.78rem, 1.2vw, 1rem);
        font-weight: 850;
        line-height: 1.16;
        text-align: center;
        text-shadow: 0 2px 14px rgba(0, 0, 0, 0.68);
      }

      .nav-home-shell {
        --tabuzzz-header-logo-width: 58%;
        --tabuzzz-header-logo-height: 100%;
      }

      .nav-home-shell .nav-zero__header {
        padding-inline: 4%;
      }

      .nav-home-shell .nav-zero__header-row {
        grid-template-columns: 7% minmax(0, 1fr) 7%;
        gap: 2%;
      }

      .nav-home-shell .nav-zero__icon-button {
        filter: saturate(1.12) brightness(1.08);
      }

      .nav-home-shell .nav-zero__header-back {
        filter: saturate(1.04) brightness(1.02) hue-rotate(5deg) drop-shadow(0 0 0.82em rgba(59, 207, 255, 0.5));
      }

      .nav-home-shell .nav-zero__logo {
        filter: saturate(1.16) brightness(1.18);
      }

      .nav-home-shell .nav-zero__board {
        width: 100%;
        max-width: none;
      }

      .nav-home-shell .nav-zero__home-promise {
        top: 4%;
        width: 44%;
        padding: 0;
        border-radius: 0;
        background: transparent;
        color: rgba(234, 252, 255, 0.94);
        font-size: 112%;
        text-shadow: 0 0 0.7em rgba(54, 210, 255, 0.52);
      }

      .nav-home-shell .nav-zero__buttons {
        padding-top: 7%;
      }

      .nav-home-shell .nav-zero__side-action {
        top: 68%;
        width: 12.8%;
        height: auto;
        aspect-ratio: 1 / 1;
        filter: saturate(1.12) brightness(1.08);
      }

      .nav-home-shell .nav-zero__side-action--mystery {
        left: 20%;
        right: auto;
      }

      .nav-home-shell .nav-zero__side-action--mystery .nav-zero__controller-image {
        filter: saturate(1.02) brightness(1.02) hue-rotate(5deg);
      }

      .nav-home-shell .nav-zero__side-action--quick {
        right: 20%;
      }

      .nav-home-shell .nav-zero__controller-copy {
        width: 108%;
        margin-top: -7%;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #f8fcff;
        box-shadow: none;
      }

      .nav-home-shell .nav-zero__controller-copy strong {
        color: #f8fcff;
        font-size: 92%;
        text-shadow:
          0 0 0.42em rgba(61, 213, 255, 0.82),
          0 0 0.9em rgba(72, 103, 255, 0.36);
      }

      .nav-home-shell .nav-zero__controller-copy span {
        color: rgba(54, 232, 255, 0.92);
        font-size: 70%;
        text-shadow: 0 0 0.5em rgba(48, 211, 255, 0.58);
      }

      .nav-home-shell .nav-legal-footer {
        bottom: 2%;
        width: 42%;
        padding: 0;
        gap: 4%;
        border-radius: 0;
        background: transparent;
        color: rgba(219, 248, 255, 0.82);
        font-size: 82%;
        text-shadow: 0 0 0.62em rgba(50, 202, 255, 0.34);
      }

      .nav-home-shell .nav-legal-footer a {
        min-width: 40px;
        min-height: 36px;
        padding: 6px 1.25%;
        color: inherit;
      }

      .nav-home-shell .nav-legal-footer a:hover {
        color: #f8fcff;
      }

      @media (max-width: 860px) {
        .nav-zero-shell {
          --nav-zero-mobile-inset: 13px;
          --nav-zero-mobile-button-height: min(
            calc((100vw - (2 * var(--nav-zero-mobile-inset))) * 225 / 626),
            calc(((70dvh - 174px) / 3)),
            96px
          );
          --nav-zero-mobile-button-gap: min(0.8vh, 7px);
        }

        .nav-zero-shell {
          grid-template-rows:
            var(--tabuzzz-header-height)
            minmax(0, var(--tabuzzz-content-top-fr))
            minmax(0, var(--tabuzzz-content-main-fr))
            minmax(0, var(--tabuzzz-content-bottom-fr));
        }

        .nav-hypervitesse-shell {
          --nav-hypervitesse-bg: #04070f url("/media/navigation/hypervitesse.webp") center 38% / cover no-repeat;
        }

        .nav-zero__header {
          align-items: center;
          padding: 0 var(--nav-zero-mobile-inset);
        }

        .nav-zero__header-row {
          position: relative;
          display: block;
          height: 100%;
          min-height: 100%;
        }

        .nav-zero__logo {
          width: var(--tabuzzz-header-logo-width);
          max-height: var(--tabuzzz-header-logo-height);
          margin-top: 0;
          justify-self: center;
        }

        .nav-hypervitesse-shell .nav-zero__logo {
          max-height: var(--tabuzzz-header-logo-height);
          width: var(--tabuzzz-header-logo-width);
        }

        .nav-zero__brand {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: var(--tabuzzz-header-logo-width);
          height: 100%;
          z-index: 0;
          pointer-events: none;
        }

        .nav-zero__icon-button {
          width: clamp(48px, 12vw, 68px);
          height: clamp(48px, 12vw, 68px);
        }

        .nav-zero__header-back {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          z-index: 1;
        }

        .nav-zero__header-menu {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          z-index: 1;
        }

        .nav-zero__main {
          padding: 0 var(--nav-zero-mobile-inset);
        }

        .nav-zero__board {
          width: 100%;
        }

        .nav-zero__buttons {
          gap: var(--nav-zero-mobile-button-gap);
          padding-right: 0;
          padding-top: 5px;
          padding-bottom: 0;
        }

        .nav-zero__main-button {
          width: 100%;
          height: var(--nav-zero-mobile-button-height);
          min-height: 0;
        }

        .nav-zero__main-button-copy {
          padding: 0 10%;
        }

        .nav-zero__main-button-label {
          font-size: clamp(1rem, 4.4vw, 1.5rem);
        }

        .nav-zero__main-button-subtitle {
          font-size: clamp(0.6rem, 2.5vw, 0.78rem);
        }

        .nav-zero__main-button--with-controller .nav-zero__main-button-label {
          padding-left: 34%;
          padding-right: 8%;
        }

        .nav-zero__controller-button {
          position: relative;
          top: auto;
          right: auto;
          transform: none;
          z-index: 20;
          width: 132px;
          height: 132px;
          justify-self: center;
        }

        .nav-zero__controller-button:hover:not(:disabled):not(:active) {
          transform: none;
        }

        .nav-zero__controller-button:active {
          transform: scale(0.985);
        }

        .nav-home-shell .nav-zero__board {
          display: grid;
          align-content: start;
          gap: clamp(7px, 1.2vh, 12px);
        }

        .nav-home-shell .nav-zero__buttons {
          position: static;
          order: 2;
          inset: auto;
        }

        .nav-home-shell .nav-zero__controller-button {
          order: 1;
          width: clamp(74px, 20vw, 96px);
          height: clamp(74px, 20vw, 96px);
          margin-inline: auto;
          margin-bottom: 32px;
          filter: drop-shadow(0 0 16px rgba(90, 220, 255, 0.68));
        }

        .nav-zero__controller-copy {
          width: min(180px, 52vw);
          margin-top: -8px;
          padding: 5px 8px;
        }

        .nav-zero__home-promise {
          position: static;
          transform: none;
          order: 0;
          width: 100%;
          margin: 0 auto 2px;
          font-size: 0.74rem;
        }

        .nav-home-shell {
          --tabuzzz-header-logo-width: 86%;
          --tabuzzz-header-logo-height: 100%;
        }

        .nav-home-shell .nav-zero__board {
          grid-template-columns: 1fr 1fr;
        }

        .nav-home-shell .nav-zero__home-promise {
          grid-column: 1 / -1;
          width: 96%;
          padding: 0;
          background: transparent;
          font-size: 86%;
        }

        .nav-home-shell .nav-zero__buttons {
          grid-column: 1 / -1;
          padding-top: 2%;
        }

        .nav-home-shell .nav-zero__side-action {
          order: 3;
          top: auto;
          right: auto;
          left: auto;
          width: 72%;
          height: auto;
          transform: none;
        }

        .nav-home-shell .nav-zero__side-action--mystery {
          grid-column: 1;
          justify-self: start;
          margin-left: 12%;
        }

        .nav-home-shell .nav-zero__side-action--quick {
          grid-column: 2;
          justify-self: end;
          margin-right: 12%;
        }

        .nav-home-shell .nav-zero__side-action:hover:not(:disabled):not(:active),
        .nav-home-shell .nav-zero__side-action:active {
          transform: none;
        }

        .nav-home-shell .nav-zero__controller-copy {
          width: 128%;
          margin-top: -9%;
          padding: 0;
        }

        .nav-home-shell .nav-zero__controller-copy strong {
          font-size: 74%;
        }

        .nav-home-shell .nav-zero__controller-copy span {
          font-size: 58%;
        }

        .nav-home-shell .nav-legal-footer {
          grid-column: 1 / -1;
          order: 4;
          align-self: start;
          position: static;
          transform: none;
          width: 96%;
          padding: 2px 0;
          gap: 3%;
          font-size: 68%;
        }

        .nav-join__content,
        .nav-solo-duo__content,
        .nav-hub__content {
          width: min(92vw, 760px);
        }

        .nav-hub__grid {
          grid-template-columns: 1fr;
        }

        .nav-hub__tile .nav-zero__main-button-label {
          font-size: clamp(1rem, 4vw, 1.6rem);
        }

        .nav-choice__content {
          width: min(92vw, 760px);
        }

        .nav-choice__grid--two,
        .nav-choice__grid--stack {
          grid-template-columns: 1fr;
        }

        .nav-organize__content,
        .nav-shop__content {
          width: min(92vw, 700px);
          gap: 8px;
        }

        .nav-organize__grid.nav-choice__grid--stack,
        .nav-shop__grid.nav-choice__grid--stack {
          gap: 8px;
          max-width: 700px;
        }

        .nav-create__grid.nav-choice__grid--two {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: clamp(8px, 1vw, 12px);
        }

        .nav-organize__button.nav-zero__main-button,
        .nav-shop__button.nav-zero__main-button {
          min-height: clamp(50px, 6.4vh, 72px);
        }

        .nav-organize__title,
        .nav-shop__title {
          font-size: clamp(1rem, 3.8vw, 1.6rem);
        }

        .nav-organize__subtitle,
        .nav-shop__subtitle,
        .nav-organize__eyebrow,
        .nav-shop__eyebrow {
          font-size: clamp(0.92rem, 3.4vw, 1.3rem);
        }

        .nav-choice__button.nav-zero__main-button {
          min-height: clamp(76px, 10.5vh, 120px);
        }

        .nav-choice__title {
          font-size: clamp(1.14rem, 4.4vw, 1.9rem);
        }

        .nav-create__main {
          padding-top: clamp(6px, 1vh, 12px);
        }

        .nav-create__content {
          gap: 8px;
        }

        .nav-create__title {
          font-size: clamp(0.9rem, 3.5vw, 1.22rem);
          letter-spacing: 0.1em;
          line-height: 1.08;
        }

        .nav-create__library-button {
          min-height: 42px;
          font-size: 0.88rem;
        }

        .nav-choice__subtitle,
        .nav-choice__eyebrow {
          font-size: clamp(1rem, 4vw, 1.6rem);
        }

        .nav-choice__tile-label {
          font-size: clamp(0.96rem, 4vw, 1.45rem);
        }

        .content-creator {
          width: min(94vw, 700px);
          max-height: calc(100dvh - 96px);
          padding: 10px;
          gap: 10px;
          overflow: auto;
          overscroll-behavior: contain;
          border-radius: 8px;
        }

        .content-creator__rules,
        .content-creator__track-row,
        .content-creator__list-row {
          grid-template-columns: 1fr;
        }

        .content-creator-shell--quiz .content-creator__metrics,
        .content-creator-shell--blindtest .content-creator__metrics {
          display: none;
        }

        .content-creator-shell--blindtest .content-creator__track-list {
          display: none;
        }

        .content-creator-shell--quiz .content-creator__answer-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 6px;
        }

        .content-creator-shell--quiz .content-creator textarea {
          min-height: 58px;
        }

        .content-creator__track-row {
          align-items: stretch;
        }

        .content-creator__title {
          font-size: clamp(1.04rem, 4.2vw, 1.42rem);
        }

        .content-creator__subtitle,
        .content-creator p {
          font-size: 0.88rem;
          line-height: 1.32;
        }

        .content-creator input,
        .content-creator textarea {
          min-height: 44px;
          padding: 10px 12px;
        }

        .content-creator__primary,
        .content-creator__secondary,
        .account-gate__primary,
        .account-gate__secondary {
          width: 100%;
          min-height: 48px;
        }

        .content-creator__secondary {
          background: rgba(121, 224, 255, 0.16);
          border: 1px solid rgba(121, 224, 255, 0.42);
          color: #dff8ff;
          box-shadow: none;
        }

        .content-library__header,
        .session-organizer__header,
        .session-organizer__title-row,
        .session-organizer__layout,
        .session-organizer__playlist {
          grid-template-columns: 1fr;
        }

        .content-library__summary,
        .session-organizer__metrics {
          display: none;
        }

        .content-library__sections {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .content-library__sections button,
        .session-organizer__mode-tabs button {
          min-height: 32px;
          font-size: 0.72rem;
        }

        .content-library__list {
          grid-template-columns: 1fr;
          gap: 6px;
        }

        .content-library__list .content-library__item:nth-of-type(n+3) {
          display: none;
        }

        .content-library__item,
        .content-library__empty,
        .session-organizer__panel,
        .session-organizer__block,
        .session-organizer__playlist {
          gap: 5px;
          padding: 7px;
        }

        .content-library__metrics {
          display: none;
        }

        .content-library__preview,
        .content-library__hint,
        .content-library__pitch {
          display: none;
        }

        .content-library__shop-facts {
          display: block;
          font-size: 0.74rem;
        }

        .content-library__actions {
          grid-template-columns: 1fr;
        }

        .session-organizer__special-grid,
        .session-organizer__game-grid,
        .session-organizer__form-grid {
          grid-template-columns: 1fr;
        }

        .session-organizer__special,
        .session-organizer__tile {
          min-height: 40px;
          padding: 5px;
        }

        .session-organizer__special span,
        .session-organizer__tile span {
          display: none;
        }

        .session-organizer__compact-list {
          grid-template-columns: 1fr;
        }

        .session-organizer__compact {
          display: none;
        }

        .session-organizer__playlist .session-organizer__part:nth-of-type(n+4) {
          display: none;
        }

        .session-organizer__playlist .content-creator__actions {
          display: grid;
          grid-template-columns: 1fr;
          gap: 8px;
        }

        .session-organizer__playlist .content-creator__primary,
        .session-organizer__playlist .content-creator__secondary {
          width: 100%;
          min-height: 44px;
          padding-inline: 10px;
          font-size: 0.78rem;
        }

        .content-creator-shell--session .content-creator {
          width: min(96vw, 390px);
          height: 100%;
          max-height: 100%;
          min-height: 0;
          overflow: hidden;
          padding: 10px;
          gap: 7px;
        }

        .session-organizer__topbar {
          grid-template-columns: 1fr;
          gap: 8px;
        }

        .session-organizer__top-actions {
          display: grid;
          grid-template-columns: minmax(0, 1fr) 120px;
          gap: 7px;
        }

        .session-organizer__top-save {
          min-width: 0;
          min-height: 38px;
          font-size: 0.74rem;
        }

        .session-organizer__mobile-steps {
          display: grid;
          grid-template-columns: repeat(5, minmax(0, 1fr));
          gap: 4px;
        }

        .session-organizer__mobile-steps span {
          display: grid;
          place-items: center;
          gap: 2px;
          min-width: 0;
        }

        .session-organizer__mobile-steps strong {
          width: 20px;
          height: 20px;
          display: grid;
          place-items: center;
          border-radius: 999px;
          background: linear-gradient(180deg, #8f42ee, #4626c9);
          color: #fff;
          font-size: 0.68rem;
        }

        .session-organizer__mobile-steps em {
          max-width: 100%;
          color: rgba(248, 244, 234, 0.76);
          font-size: 0.58rem;
          font-style: normal;
          font-weight: 800;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        .session-organizer__builder-grid {
          grid-template-columns: 1fr;
          gap: 7px;
        }

        .content-creator-shell--session .session-organizer__setup-panel .session-organizer__minor {
          display: none;
        }

        .content-creator-shell--session .session-organizer__setup-panel .session-organizer__form-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .session-organizer__builder-grid.is-empty .session-organizer__playlist-column,
        .session-organizer__builder-grid.is-empty .session-organizer__config-panel,
        .session-organizer__builder-grid.has-playlist .session-organizer__setup-column,
        .session-organizer__builder-grid.has-playlist .session-organizer__build-column {
          display: none;
        }

        .session-organizer__guide-panel {
          display: none;
        }

        .session-organizer__library-list {
          grid-template-columns: 1fr;
          max-height: none;
          overflow: hidden;
        }

        .session-organizer__library-row:nth-of-type(n+5) {
          display: none;
        }

        .session-organizer__library-row > button:first-child,
        .session-organizer__library-add {
          min-height: 32px;
        }

        .session-organizer__summary-strip {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .session-organizer__summary-strip div {
          padding: 5px;
        }

        .session-organizer__summary-strip dt {
          font-size: 0.58rem;
        }

        .session-organizer__summary-strip dd {
          font-size: 0.7rem;
        }

        .session-organizer__playlist-actions {
          grid-template-columns: 1fr 1fr;
        }

        .session-organizer__playlist-actions [data-action="session-organizer-save"] {
          display: none;
        }
      }

      .content-creator-shell--quiz .content-creator,
      .content-creator-shell--blindtest .content-creator {
        --tabuzzz-zone-width: min(96vw, 1500px);
        --tabuzzz-zone-height: 100%;
        --tabuzzz-zone-max-height: 100%;
        --tabuzzz-zone-padding: 22px;
        --tabuzzz-zone-gap: 18px;
        width: min(96vw, 1500px);
        height: var(--tabuzzz-zone-height);
        max-height: var(--tabuzzz-zone-max-height);
        padding: var(--tabuzzz-zone-padding);
        gap: var(--tabuzzz-zone-gap);
        border-radius: 8px;
        border: 1px solid rgba(121, 224, 255, 0.38);
        background:
          radial-gradient(circle at 12% 0%, rgba(121, 224, 255, 0.18), transparent 28%),
          linear-gradient(180deg, rgba(7, 20, 58, 0.92), rgba(4, 8, 24, 0.96));
        color: #f8f4ea;
        box-shadow: 0 24px 58px rgba(3, 8, 22, 0.44), 0 0 34px rgba(66, 191, 255, 0.14);
      }

      .content-creator-shell--quiz .content-creator p,
      .content-creator-shell--quiz .content-creator h2,
      .content-creator-shell--quiz .content-creator label,
      .content-creator-shell--blindtest .content-creator p,
      .content-creator-shell--blindtest .content-creator h2,
      .content-creator-shell--blindtest .content-creator label {
        color: #f8f4ea;
      }

      .content-creator-shell--quiz .content-creator__hero,
      .content-creator-shell--blindtest .content-creator__hero {
        grid-template-columns: auto minmax(0, 1fr) auto;
        justify-items: start;
        text-align: left;
        align-items: center;
      }

      .content-creator__module-icon {
        width: 54px;
        height: 54px;
        display: grid;
        place-items: center;
        border-radius: 8px;
        background: linear-gradient(180deg, #8f42ee, #4626c9);
        color: #fff;
        font-weight: 950;
        font-size: 1.4rem;
        box-shadow: 0 10px 22px rgba(91, 52, 212, 0.24);
      }

      .content-creator-shell--quiz .content-creator__eyebrow,
      .content-creator-shell--blindtest .content-creator__eyebrow {
        color: #f6d675;
      }

      .content-creator-shell--quiz .content-creator__title,
      .content-creator-shell--blindtest .content-creator__title {
        color: #f8f4ea;
      }

      .content-creator__count-pill {
        justify-self: end;
        padding: 8px 14px;
        border-radius: 999px;
        background: rgba(246, 214, 117, 0.16);
        color: #f6d675;
        font-weight: 900;
        white-space: nowrap;
      }

      .content-creator__topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-width: 0;
      }

      .content-creator__brandline {
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: 0;
      }

      .content-creator__brandline > div:last-child {
        min-width: 0;
      }

      .content-creator__top-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        min-width: 0;
        flex-wrap: wrap;
      }

      .content-creator__draft-state {
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        padding: 0 12px;
        border: 1px solid rgba(121, 224, 255, 0.24);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
        color: rgba(248, 244, 234, 0.84);
        font-weight: 820;
        white-space: nowrap;
      }

      .content-creator__panel-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-width: 0;
      }

      .content-creator__panel-heading h2 {
        color: #f8f4ea;
        font-size: 1.08rem;
      }

      .content-creator__panel-heading > span {
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(246, 214, 117, 0.14);
        color: #f6d675;
        font-weight: 930;
        white-space: nowrap;
      }

      .content-creator__save-panel strong {
        color: #f8f4ea;
        font-size: 0.94rem;
      }

      .content-creator__tips ul {
        margin: 0;
        padding: 0;
        display: grid;
        gap: 7px;
        list-style: none;
      }

      .content-creator__tips li,
      .content-creator__list-more {
        color: rgba(248, 244, 234, 0.78);
        font-size: 0.84rem;
        line-height: 1.22;
      }

      .content-creator__checkpoint-line {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
        gap: 8px;
        position: relative;
      }

      .content-creator__checkpoint-step {
        min-height: 54px;
        display: grid;
        place-items: center;
        gap: 2px;
        border: 1px solid rgba(121, 224, 255, 0.2);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
      }

      .content-creator__checkpoint-step strong {
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: rgba(121, 224, 255, 0.12);
        color: #dff8ff;
        font-size: 0.82rem;
      }

      .content-creator__checkpoint-step em {
        color: rgba(248, 244, 234, 0.74);
        font-size: 0.72rem;
        font-style: normal;
        font-weight: 760;
      }

      .content-creator__checkpoint-step.is-done {
        border-color: rgba(246, 214, 117, 0.42);
        background: rgba(246, 214, 117, 0.1);
      }

      .content-creator__checkpoint-step.is-done strong {
        background: linear-gradient(180deg, #f6d675, #ff9a16);
        color: #101624;
      }

      .content-creator__workspace {
        display: grid;
        grid-template-columns: minmax(230px, 0.8fr) minmax(420px, 1.65fr) minmax(280px, 0.95fr);
        gap: 16px;
        align-items: start;
      }

      .content-creator__workspace--quiz {
        grid-template-columns: minmax(250px, 0.82fr) minmax(620px, 2fr);
      }

      .content-creator__primary-column {
        display: grid;
        gap: 16px;
        min-width: 0;
      }

      .content-creator__mobile-tabs,
      .content-creator__ghost-button {
        display: none;
      }

      .content-creator__workspace--no-right {
        grid-template-columns: minmax(230px, 0.8fr) minmax(420px, 1.65fr);
      }

      .content-creator__sidebar,
      .content-creator__main-panel,
      .content-creator__right-panel,
      .content-creator__panel,
      .content-creator__radio-panel,
      .content-creator__progress,
      .content-creator__side-list {
        display: grid;
        gap: 12px;
        padding: 14px;
        border: 1px solid rgba(121, 224, 255, 0.22);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
      }

      .content-creator__empty-state {
        display: grid;
        gap: 8px;
        min-height: 118px;
        align-content: center;
        padding: 16px;
        border: 1px dashed rgba(121, 224, 255, 0.34);
        border-radius: 8px;
        background: rgba(121, 224, 255, 0.08);
        color: #dff8ff;
      }

      .content-creator__empty-state strong {
        color: #f8f4ea;
        font-weight: 950;
      }

      .content-creator__empty-state p {
        color: rgba(248, 244, 234, 0.78) !important;
      }

      .content-creator__sidebar,
      .content-creator__right-panel {
        background: rgba(255, 255, 255, 0.07);
      }

      .content-creator-shell--quiz .content-creator input,
      .content-creator-shell--quiz .content-creator textarea,
      .content-creator-shell--blindtest .content-creator input,
      .content-creator-shell--blindtest .content-creator textarea {
        border: 1px solid rgba(121, 224, 255, 0.34);
        background: rgba(3, 9, 28, 0.82);
        color: #f8f4ea;
        box-shadow: inset 0 0 18px rgba(89, 216, 255, 0.08);
      }

      .content-creator__progress {
        grid-template-columns: auto 1fr;
        align-items: center;
      }

      .content-creator__progress-ring {
        --progress: 0%;
        width: 78px;
        height: 78px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background:
          radial-gradient(circle, rgba(3, 9, 28, 0.98) 56%, transparent 57%),
          conic-gradient(#f6d675 var(--progress), rgba(246, 214, 117, 0.18) 0);
        color: #f8f4ea;
      }

      .content-creator__progress-ring strong {
        font-size: 1.32rem;
        line-height: 1;
      }

      .content-creator__progress-ring span {
        margin-top: 22px;
        font-size: 0.72rem;
        color: rgba(248, 244, 234, 0.72);
      }

      .content-creator__format-hint {
        display: grid;
        gap: 4px;
        padding: 12px 14px;
        border-radius: 8px;
        border: 1px solid rgba(121, 224, 255, 0.24);
        background: rgba(106, 72, 235, 0.14);
        color: #dff8ff;
        font-weight: 800;
      }

      .content-creator__format-hint.is-ok {
        border: 1px solid rgba(31, 186, 112, 0.34);
        background: rgba(31, 186, 112, 0.14);
        color: #b9f7d8;
      }

      .content-creator__format-hint.is-warn {
        border: 1px solid rgba(234, 159, 42, 0.42);
        background: rgba(234, 159, 42, 0.14);
        color: #ffd88a;
      }

      .content-creator__answer--correct input {
        border-color: rgba(31, 186, 112, 0.62) !important;
        background: rgba(5, 42, 28, 0.86) !important;
        color: #f8f4ea !important;
      }

      .content-creator__answer--wrong input {
        border-color: rgba(255, 154, 124, 0.46) !important;
        background: rgba(48, 16, 16, 0.72) !important;
        color: #f8f4ea !important;
      }

      .content-creator__actions--split {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr);
      }

      .content-creator__ghost-button {
        display: inline-flex;
        min-height: 48px;
        align-items: center;
        justify-content: center;
        padding: 0 18px;
        border: 1px solid rgba(121, 224, 255, 0.32);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.08);
        color: #f8f4ea;
        font-weight: 900;
        white-space: nowrap;
      }

      .content-creator-shell--quiz .content-creator__primary,
      .content-creator-shell--blindtest .content-creator__primary {
        min-height: 48px;
        border-radius: 8px;
        background: linear-gradient(180deg, #8e42ee, #4b25d3);
        color: #fff;
      }

      .content-creator-shell--quiz .content-creator__secondary,
      .content-creator-shell--blindtest .content-creator__secondary {
        min-height: 48px;
        border-radius: 8px;
        border: 1px solid rgba(121, 224, 255, 0.32);
        background: rgba(255, 255, 255, 0.08);
        color: #f8f4ea;
      }

      .content-creator__radio-panel {
        border: 1px solid rgba(121, 224, 255, 0.24);
      }

      .content-creator__radio-panel legend {
        padding: 0 6px;
        color: #f6d675;
        font-weight: 950;
        text-transform: uppercase;
      }

      .content-creator__radio-row {
        grid-template-columns: auto 1fr;
        align-items: center;
        font-weight: 760;
      }

      .content-creator__source-tabs {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 10px;
      }

      .content-creator__source-tabs button {
        min-height: 54px;
        border-radius: 8px;
        border: 1px solid rgba(121, 224, 255, 0.28);
        background: rgba(255, 255, 255, 0.08);
        color: #f8f4ea;
        font-weight: 900;
      }

      .content-creator__source-tabs button.is-selected {
        border-color: rgba(246, 214, 117, 0.55);
        background: rgba(246, 214, 117, 0.14);
        color: #f6d675;
      }

      .content-creator__import-stack {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        gap: 10px;
        align-items: stretch;
      }

      .content-creator__import-url,
      .content-creator__import-file,
      .content-creator__directory-cta {
        position: relative;
        min-width: 0;
        padding: 10px;
        border: 1px solid rgba(121, 224, 255, 0.22);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
      }

      .content-creator__directory-cta {
        display: grid;
        align-content: center;
        justify-items: center;
        gap: 4px;
        min-height: 74px;
        border-color: rgba(121, 224, 255, 0.34);
        background:
          linear-gradient(180deg, rgba(121, 224, 255, 0.2), rgba(36, 99, 235, 0.22)),
          rgba(3, 9, 28, 0.66);
        color: #f8fcff;
        font-weight: 950;
        text-align: center;
        text-shadow: 0 1px 6px rgba(23, 176, 255, 0.42);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.08),
          0 10px 20px rgba(0, 0, 0, 0.18);
      }

      .content-creator__directory-cta small {
        color: rgba(248, 252, 255, 0.78);
        font-size: 0.72rem;
        font-weight: 850;
        line-height: 1.1;
      }

      .content-creator__import-file {
        cursor: pointer;
      }

      .content-creator__import-file input[data-blindtest-local-files] {
        position: absolute;
        width: 1px;
        height: 1px;
        min-height: 0;
        padding: 0;
        border: 0;
        opacity: 0;
        pointer-events: none;
      }

      .content-creator__file-cta {
        display: grid;
        min-height: 40px;
        place-items: center;
        padding: 8px 12px;
        border: 1px solid rgba(121, 224, 255, 0.34);
        border-radius: 999px;
        background:
          linear-gradient(180deg, rgba(121, 224, 255, 0.2), rgba(36, 99, 235, 0.22)),
          rgba(3, 9, 28, 0.66);
        color: #f8fcff;
        font-weight: 950;
        text-align: center;
        text-shadow: 0 1px 6px rgba(23, 176, 255, 0.42);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.08),
          0 10px 20px rgba(0, 0, 0, 0.18);
      }

      .content-creator__detected-source {
        display: flex;
        min-height: 34px;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin: 0;
        padding: 8px 12px;
        border: 1px solid rgba(121, 224, 255, 0.22);
        border-radius: 999px;
        background: rgba(121, 224, 255, 0.08);
        color: #dff8ff;
        font-size: 0.84rem;
        font-weight: 900;
      }

      .content-creator__detected-source strong,
      .content-creator__detected-source span {
        min-width: 0;
      }

      .content-creator-shell--quiz .content-creator__metrics,
      .content-creator-shell--blindtest .content-creator__metrics {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .content-creator-shell--quiz .content-creator__metrics div,
      .content-creator-shell--blindtest .content-creator__metrics div,
      .content-creator-shell--quiz .content-creator__list-row,
      .content-creator-shell--blindtest .content-creator__track-row {
        border-color: rgba(121, 224, 255, 0.2);
        background: rgba(255, 255, 255, 0.08);
      }

      .content-creator-shell--quiz .content-creator__metrics dt,
      .content-creator-shell--blindtest .content-creator__metrics dt,
      .content-creator-shell--quiz .content-creator__compatibility,
      .content-creator-shell--blindtest .content-creator__compatibility {
        color: #9bd7d1;
      }

      .content-creator-shell--quiz .content-creator__metrics dd,
      .content-creator-shell--blindtest .content-creator__metrics dd {
        color: #f8f4ea;
      }

      .content-creator-shell--quiz .content-creator__status,
      .content-creator-shell--blindtest .content-creator__status {
        color: rgba(248, 244, 234, 0.78);
        font-weight: 800;
      }

      .content-creator-shell--quiz .content-creator__status strong,
      .content-creator-shell--blindtest .content-creator__status strong {
        color: #b42318;
      }

      @media (max-width: 820px) {
        .content-creator-shell--quiz .content-creator,
        .content-creator-shell--blindtest .content-creator {
          --tabuzzz-zone-width: min(96vw, 480px);
          --tabuzzz-zone-height: 100%;
          --tabuzzz-zone-max-height: 100%;
          --tabuzzz-zone-padding: 3%;
          --tabuzzz-zone-gap: 1.4%;
          --tabuzzz-zone-rows: minmax(0, 10fr) minmax(0, 80fr) minmax(0, 8fr);
          width: min(96vw, 480px);
          height: var(--tabuzzz-zone-height);
          max-height: var(--tabuzzz-zone-max-height);
          display: grid;
          grid-template-rows: var(--tabuzzz-zone-rows);
          padding: var(--tabuzzz-zone-padding);
          gap: var(--tabuzzz-zone-gap);
          overflow: hidden;
        }

        .content-creator-shell--quiz .content-creator__hero,
        .content-creator-shell--blindtest .content-creator__hero,
        .content-creator__workspace {
          grid-template-columns: 1fr;
        }

        .content-creator-shell--quiz .content-creator__workspace,
        .content-creator-shell--blindtest .content-creator__workspace {
          height: 100%;
          min-height: 0;
          overflow: hidden;
        }

        .content-creator__topbar {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 8px;
        }

        .content-creator__top-actions {
          display: flex;
          justify-content: flex-end;
          gap: 6px;
        }

        .content-creator__draft-state,
        .content-creator__ghost-button,
        .content-creator__top-actions .content-creator__primary {
          display: none;
        }

        .content-creator__brandline {
          gap: 8px;
        }

        .content-creator__brandline .content-creator__subtitle {
          display: none;
        }

        .content-creator__panel-heading,
        .content-creator__checkpoint-line {
          display: none;
        }

        .content-creator-shell--quiz .content-creator__status,
        .content-creator-shell--blindtest .content-creator__status {
          min-height: 0;
          max-height: 20px;
          overflow: hidden;
          font-size: 0.68rem;
          line-height: 1.05;
          padding: 0;
        }

        .content-creator__format-hint {
          padding: 6px 8px;
          font-size: 0.72rem;
        }

        .content-creator label {
          gap: clamp(2px, 0.45vh, 4px);
          font-size: clamp(0.66rem, 1.5vh, 0.74rem);
        }

        .content-creator input,
        .content-creator textarea,
        .content-creator select {
          min-height: clamp(28px, 4.6vh, 34px);
          padding: clamp(4px, 0.75vh, 6px) 8px;
        }

        .content-creator textarea {
          min-height: clamp(48px, 7.6vh, 62px);
          max-height: clamp(48px, 7.6vh, 62px);
        }

        .content-creator__actions {
          gap: 8px;
        }

        .content-creator__count-pill,
        .content-creator__top-actions .content-creator__primary {
          justify-content: center;
          min-height: 32px;
        }

        .content-creator__module-icon {
          width: 40px;
          height: 40px;
        }

        .content-creator__count-pill {
          justify-self: end;
          padding: 7px 10px;
          font-size: 0.78rem;
        }

        .content-creator-shell--quiz .content-creator__progress,
        .content-creator-shell--quiz .content-creator__save-panel,
        .content-creator-shell--quiz .content-creator__tips,
        .content-creator-shell--quiz .content-creator__panel--compat,
        .content-creator-shell--blindtest .content-creator__progress,
        .content-creator-shell--blindtest .content-creator__save-panel,
        .content-creator-shell--blindtest .content-creator__tips {
          display: none;
        }

        .content-creator__primary-column {
          height: 100%;
          min-height: 0;
          display: block;
        }

        .content-creator__tab-panel {
          display: none !important;
        }

        .content-creator__mobile-active-infos .content-creator__tab-panel--infos,
        .content-creator__mobile-active-question .content-creator__tab-panel--question,
        .content-creator__mobile-active-recap .content-creator__tab-panel--recap,
        .content-creator__mobile-active-tracks .content-creator__tab-panel--tracks,
        .content-creator__mobile-active-preview .content-creator__tab-panel--preview,
        .content-creator__mobile-active-settings .content-creator__tab-panel--settings {
          display: grid !important;
        }

        .content-creator-shell--quiz .content-creator__right-panel,
        .content-creator-shell--blindtest .content-creator__right-panel {
          height: 100%;
          min-height: 0;
          overflow: hidden;
          padding: clamp(8px, 1.7vh, 12px);
          gap: clamp(5px, 1vh, 9px);
        }

        .content-creator-shell--quiz .content-creator__sidebar,
        .content-creator-shell--blindtest .content-creator__sidebar,
        .content-creator-shell--quiz .content-creator__main-panel,
        .content-creator-shell--blindtest .content-creator__main-panel {
          height: 100%;
          min-height: 0;
          display: grid;
          align-content: stretch;
          overflow: hidden;
          padding: clamp(7px, 1.35vh, 10px);
          gap: clamp(4px, 0.8vh, 7px);
        }

        .content-creator-shell--quiz .content-creator:not(:has(.content-creator__mobile-tabs)),
        .content-creator-shell--blindtest .content-creator:not(:has(.content-creator__mobile-tabs)) {
          grid-template-rows: auto auto auto;
          align-content: start;
        }

        .content-creator-shell--quiz .content-creator:not(:has(.content-creator__mobile-tabs)) .content-creator__rules {
          min-height: 0;
          align-content: stretch;
          gap: 8px;
        }

        .content-creator-shell--quiz .content-creator:not(:has(.content-creator__mobile-tabs)) .content-creator__rules article {
          min-height: 0;
          padding: 8px;
          gap: 4px;
        }

        .content-creator-shell--quiz .content-creator:not(:has(.content-creator__mobile-tabs)) .content-creator__status {
          display: none;
        }

        .content-creator-shell--quiz .content-creator__form,
        .content-creator-shell--blindtest .content-creator__form {
          min-height: 0;
          height: 100%;
          overflow: hidden;
          gap: clamp(4px, 0.8vh, 7px);
        }

        .content-creator__actions--split,
        .content-creator__source-tabs,
        .content-creator-shell--quiz .content-creator__answer-grid {
          grid-template-columns: 1fr;
        }

        .content-creator-shell--quiz .content-creator__primary,
        .content-creator-shell--blindtest .content-creator__primary,
        .content-creator-shell--quiz .content-creator__secondary,
        .content-creator-shell--blindtest .content-creator__secondary,
        .content-creator__source-tabs button {
          min-height: clamp(38px, 5.4vh, 44px);
        }

        .content-creator__mobile-tabs {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
          gap: 6px;
          align-items: stretch;
        }

        .content-creator__mobile-tabs button {
          min-width: 0;
          min-height: 46px;
          display: grid;
          place-items: center;
          gap: 2px;
          padding: 4px;
          border: 1px solid rgba(121, 224, 255, 0.22);
          border-radius: 8px;
          background: rgba(255, 255, 255, 0.07);
          color: rgba(248, 244, 234, 0.72);
        }

        .content-creator__mobile-tabs button.is-active {
          border-color: rgba(246, 214, 117, 0.5);
          background: rgba(246, 214, 117, 0.16);
          color: #f6d675;
        }

        .content-creator__mobile-tabs span {
          font-size: 0.82rem;
          font-weight: 950;
          line-height: 1;
        }

        .content-creator__mobile-tabs strong {
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 0.62rem;
          line-height: 1;
        }
      }

      .content-creator-shell--quiz .content-creator,
      .content-creator-shell--blindtest .content-creator {
        --tabuzzz-zone-width: min(96vw, 1480px);
        font-family: Inter, "Segoe UI", Arial, sans-serif;
        width: var(--tabuzzz-zone-width);
        border: 1px solid rgba(102, 71, 210, 0.18);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(245, 247, 255, 0.96));
        color: #111827;
        box-shadow: 0 22px 52px rgba(15, 23, 42, 0.24);
      }

      .content-creator-shell--quiz .content-creator:has(.content-creator__workspace),
      .content-creator-shell--blindtest .content-creator:has(.content-creator__workspace) {
        --tabuzzz-zone-height: 100%;
        --tabuzzz-zone-max-height: 100%;
        --tabuzzz-zone-rows: minmax(0, 14fr) minmax(0, 86fr);
        height: var(--tabuzzz-zone-height);
        max-height: var(--tabuzzz-zone-max-height);
        min-height: 0;
        grid-template-rows: var(--tabuzzz-zone-rows);
        overflow: hidden;
      }

      .content-creator-shell--quiz .content-creator *,
      .content-creator-shell--blindtest .content-creator * {
        text-shadow: none;
      }

      .content-creator-shell--quiz .content-creator p,
      .content-creator-shell--quiz .content-creator h2,
      .content-creator-shell--quiz .content-creator label,
      .content-creator-shell--blindtest .content-creator p,
      .content-creator-shell--blindtest .content-creator h2,
      .content-creator-shell--blindtest .content-creator label {
        color: #111827;
      }

      .content-creator-shell--quiz .content-creator__title,
      .content-creator-shell--blindtest .content-creator__title {
        color: #0f172a;
        font-size: clamp(1.35rem, 2vw, 2rem);
        line-height: 1.04;
        font-weight: 850;
      }

      .content-creator-shell--quiz .content-creator__subtitle,
      .content-creator-shell--blindtest .content-creator__subtitle,
      .content-creator-shell--quiz .content-creator p,
      .content-creator-shell--blindtest .content-creator p {
        color: #475569;
        font-size: 0.9rem;
      }

      .content-creator-shell--quiz .content-creator__eyebrow,
      .content-creator-shell--blindtest .content-creator__eyebrow {
        color: #3b22c8;
      }

      .content-creator__module-icon {
        background: linear-gradient(180deg, #8e45f4, #4d2ad6);
        box-shadow: 0 12px 22px rgba(80, 45, 214, 0.22);
      }

      .content-creator__topbar {
        min-height: 58px;
        padding-bottom: 4px;
      }

      .content-creator__draft-state,
      .content-creator__ghost-button {
        border-color: rgba(102, 71, 210, 0.2);
        background: rgba(255, 255, 255, 0.72);
        color: #111827;
      }

      .content-creator__count-pill {
        background: #efe7ff;
        color: #4420bd;
      }

      .content-creator__workspace {
        height: 100%;
        min-height: 0;
        align-items: stretch;
      }

      .content-creator__workspace--quiz {
        grid-template-columns: minmax(240px, 0.72fr) minmax(620px, 2fr);
      }

      .content-creator__workspace--blindtest {
        grid-template-columns: minmax(230px, 0.72fr) minmax(470px, 1.55fr) minmax(260px, 0.82fr);
      }

      .content-creator__primary-column,
      .content-creator__sidebar,
      .content-creator__main-panel,
      .content-creator__right-panel {
        min-height: 0;
        overflow: hidden;
      }

      .content-creator__workspace--quiz .content-creator__primary-column {
        grid-template-rows: minmax(0, 96fr) minmax(0, 4fr);
      }

      .content-creator__workspace--quiz .content-creator__main-panel {
        overflow: auto;
      }

      .content-creator__workspace--quiz .content-creator__form {
        gap: 7px;
      }

      .content-creator__workspace--quiz .content-creator__answer-grid {
        gap: 7px 10px;
      }

      .content-creator-shell--quiz .content-creator__main-panel .content-creator__checkpoint-line {
        display: none;
      }

      .content-creator__sidebar,
      .content-creator__main-panel,
      .content-creator__right-panel,
      .content-creator__panel,
      .content-creator__radio-panel,
      .content-creator__progress,
      .content-creator__side-list {
        border-color: rgba(148, 163, 184, 0.28);
        background: rgba(255, 255, 255, 0.78);
        box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
      }

      .content-creator__sidebar,
      .content-creator__right-panel {
        align-content: start;
        overflow: auto;
        overscroll-behavior: contain;
      }

      .content-creator__main-panel {
        align-content: start;
      }

      .content-creator__panel-heading h2 {
        color: #0f172a;
        font-size: 1rem;
        font-weight: 850;
      }

      .content-creator__panel-heading > span {
        background: #efe7ff;
        color: #4420bd;
      }

      .content-creator-shell--quiz .content-creator input,
      .content-creator-shell--quiz .content-creator textarea,
      .content-creator-shell--blindtest .content-creator input,
      .content-creator-shell--blindtest .content-creator textarea,
      .content-creator-shell--blindtest .content-creator select {
        border: 1px solid rgba(102, 71, 210, 0.22);
        background: rgba(255, 255, 255, 0.96);
        color: #111827;
        box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
      }

      .content-creator-shell--quiz .content-creator textarea {
        min-height: 64px;
      }

      .content-creator__answer--correct input {
        border-color: rgba(22, 163, 74, 0.62) !important;
        background: #f0fdf4 !important;
        color: #111827 !important;
      }

      .content-creator__answer--wrong input {
        border-color: rgba(148, 163, 184, 0.34) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        color: #111827 !important;
      }

      .content-creator__progress-ring {
        background:
          radial-gradient(circle, #ffffff 56%, transparent 57%),
          conic-gradient(#6d37e8 var(--progress), #e6e9f5 0);
        color: #0f172a;
      }

      .content-creator__progress-ring span {
        color: #64748b;
      }

      .content-creator__checkpoint-step {
        border-color: rgba(102, 71, 210, 0.16);
        background: #f8fafc;
      }

      .content-creator__checkpoint-step strong {
        background: #e9ddff;
        color: #4420bd;
      }

      .content-creator__checkpoint-step em {
        color: #64748b;
      }

      .content-creator__checkpoint-step.is-done {
        border-color: rgba(102, 71, 210, 0.32);
        background: #f2ecff;
      }

      .content-creator__checkpoint-step.is-done strong {
        background: linear-gradient(180deg, #8e45f4, #4d2ad6);
        color: #fff;
      }

      .content-creator__format-hint {
        border-color: rgba(102, 71, 210, 0.18);
        background: #f2ecff;
        color: #2d1c9f;
      }

      .content-creator__format-hint.is-ok {
        border-color: rgba(22, 163, 74, 0.24);
        background: #ecfdf5;
        color: #166534;
      }

      .content-creator__format-hint.is-warn {
        border-color: rgba(217, 119, 6, 0.28);
        background: #fffbeb;
        color: #92400e;
      }

      .content-creator-shell--quiz .content-creator__primary,
      .content-creator-shell--blindtest .content-creator__primary {
        background: linear-gradient(180deg, #8e45f4, #4d2ad6);
        color: #fff;
        box-shadow: 0 10px 22px rgba(78, 42, 214, 0.22);
      }

      .content-creator-shell--quiz .content-creator__secondary,
      .content-creator-shell--blindtest .content-creator__secondary,
      .content-creator__source-tabs button {
        border-color: rgba(102, 71, 210, 0.18);
        background: #ffffff;
        color: #111827;
        box-shadow: none;
      }

      .content-creator__source-tabs button.is-selected {
        border-color: rgba(102, 71, 210, 0.6);
        background: #f2ecff;
        color: #4420bd;
      }

      .content-creator__import-url,
      .content-creator__import-file {
        border-color: rgba(102, 71, 210, 0.18);
        background: rgba(255, 255, 255, 0.82);
        box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
      }

      .content-creator__file-cta {
        border-color: rgba(102, 71, 210, 0.28);
        background:
          linear-gradient(135deg, rgba(255, 199, 55, 0.96), rgba(223, 75, 197, 0.9)),
          #f8fafc;
        color: #ffffff;
        text-shadow: 0 1px 5px rgba(55, 16, 112, 0.44);
        box-shadow: 0 9px 18px rgba(102, 71, 210, 0.12);
      }

      .content-creator__detected-source {
        border-color: rgba(102, 71, 210, 0.18);
        background: #f2ecff;
        color: #4420bd;
      }

      .content-creator-shell--blindtest [data-blindtest-playlist-source] {
        gap: 7px;
      }

      .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__format-hint {
        padding: 10px 12px;
        line-height: 1.14;
      }

      .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__source-tabs {
        gap: 8px;
      }

      .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__source-tabs button {
        min-height: 46px;
      }

      .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__import-stack {
        gap: 8px;
      }

      .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__import-url,
      .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__import-file,
      .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__directory-cta {
        padding: 9px;
      }

      .content-creator-shell--blindtest [data-action="content-blind-import-playlist"] {
        min-height: 46px;
      }

      .content-creator__radio-panel legend {
        color: #3b22c8;
      }

      .content-creator-shell--quiz .content-creator__metrics div,
      .content-creator-shell--blindtest .content-creator__metrics div,
      .content-creator-shell--quiz .content-creator__list-row,
      .content-creator-shell--blindtest .content-creator__track-row {
        border-color: rgba(148, 163, 184, 0.24);
        background: rgba(255, 255, 255, 0.86);
      }

      .content-creator-shell--quiz .content-creator__metrics dt,
      .content-creator-shell--blindtest .content-creator__metrics dt,
      .content-creator-shell--quiz .content-creator__compatibility,
      .content-creator-shell--blindtest .content-creator__compatibility {
        color: #3b22c8;
      }

      .content-creator-shell--quiz .content-creator__metrics dd,
      .content-creator-shell--blindtest .content-creator__metrics dd {
        color: #0f172a;
      }

      .content-creator-shell--quiz .content-creator__status,
      .content-creator-shell--blindtest .content-creator__status {
        color: #64748b;
      }

      .content-creator-shell--quiz .content-creator__status strong,
      .content-creator-shell--blindtest .content-creator__status strong {
        color: #3b22c8;
      }

      .content-creator__tips li,
      .content-creator__list-more {
        color: #64748b;
      }

      .content-creator__empty-state {
        border-color: rgba(102, 71, 210, 0.26);
        background: #f8f5ff;
        color: #3b22c8;
      }

      .content-creator__empty-state strong {
        color: #0f172a;
      }

      .content-creator__empty-state p {
        color: #64748b !important;
      }

      @media (max-width: 820px) {
        .nav-shell:has(.content-creator) {
          grid-template-rows: 12% 88%;
        }

        .content-creator-shell--session .content-creator {
          --tabuzzz-zone-width: min(96vw, 390px);
          --tabuzzz-zone-height: 100%;
          --tabuzzz-zone-max-height: 100%;
          --tabuzzz-zone-padding: 3%;
          --tabuzzz-zone-gap: 1.2%;
          --tabuzzz-zone-rows: minmax(0, 16fr) minmax(0, 10fr) minmax(0, 7fr) minmax(0, 67fr);
          width: var(--tabuzzz-zone-width);
          height: var(--tabuzzz-zone-height);
          max-height: var(--tabuzzz-zone-max-height);
          min-height: 0;
          padding: var(--tabuzzz-zone-padding);
          gap: var(--tabuzzz-zone-gap);
          grid-template-rows: var(--tabuzzz-zone-rows);
          overflow: hidden;
        }

        .session-organizer__topbar,
        .session-organizer__mobile-steps,
        .content-creator-shell--session .content-creator > .content-creator__status,
        .session-organizer__builder-grid {
          height: 100%;
          min-height: 0;
          overflow: hidden;
        }

        .content-creator-shell--quiz .content-creator,
        .content-creator-shell--blindtest .content-creator {
          --tabuzzz-zone-width: min(95vw, 430px);
          --tabuzzz-zone-height: 100%;
          --tabuzzz-zone-max-height: 100%;
          --tabuzzz-zone-padding: 3%;
          --tabuzzz-zone-gap: 1.4%;
          --tabuzzz-zone-rows: minmax(0, 10fr) minmax(0, 80fr) minmax(0, 8fr);
          width: var(--tabuzzz-zone-width);
          height: var(--tabuzzz-zone-height);
          max-height: var(--tabuzzz-zone-max-height);
          min-height: 0;
          padding: var(--tabuzzz-zone-padding);
          border-radius: 14px;
          gap: var(--tabuzzz-zone-gap);
          grid-template-rows: var(--tabuzzz-zone-rows);
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 249, 255, 0.97));
        }

        .content-creator-shell--quiz .content-creator:has(.content-creator__workspace),
        .content-creator-shell--blindtest .content-creator:has(.content-creator__workspace) {
          height: var(--tabuzzz-zone-height);
          max-height: var(--tabuzzz-zone-max-height);
          min-height: 0;
        }

        .content-creator-shell--quiz .content-creator__title,
        .content-creator-shell--blindtest .content-creator__title {
          font-size: clamp(0.95rem, 4.1vw, 1.16rem);
          line-height: 1.05;
        }

        .content-creator__topbar,
        .content-creator__brandline {
          height: 100%;
          min-height: 0;
          padding: 0;
        }

        .content-creator__module-icon {
          width: auto;
          height: 80%;
          aspect-ratio: 1;
          border-radius: 8px;
          font-size: 1.05rem;
        }

        .content-creator__count-pill {
          display: inline-flex;
          height: 62%;
          min-height: 0;
          align-items: center;
          padding: 0 10px;
          font-size: 0.74rem;
        }

        .content-creator__workspace {
          gap: 0;
          height: 100%;
          min-height: 0;
          overflow: hidden;
        }

        .content-creator__workspace--quiz,
        .content-creator__workspace--blindtest {
          grid-template-columns: minmax(0, 1fr) !important;
        }

        .content-creator__primary-column,
        .content-creator__tab-panel {
          width: 100%;
          min-width: 0;
        }

        .content-creator__workspace--quiz .content-creator__primary-column {
          display: block;
        }

        .content-creator__workspace--quiz .content-creator__main-panel,
        .content-creator__workspace--blindtest .content-creator__main-panel {
          width: 100%;
          grid-template-rows: minmax(0, 4fr) minmax(0, 96fr);
        }

        .content-creator-shell--quiz .content-creator__sidebar,
        .content-creator-shell--blindtest .content-creator__sidebar,
        .content-creator-shell--quiz .content-creator__main-panel,
        .content-creator-shell--blindtest .content-creator__main-panel,
        .content-creator-shell--quiz .content-creator__right-panel,
        .content-creator-shell--blindtest .content-creator__right-panel {
          padding: 3.2%;
          gap: 1.6%;
          overflow: hidden;
        }

        .content-creator__panel {
          padding: 3%;
          gap: 2%;
        }

        .content-creator label {
          min-height: 0;
          grid-template-rows: auto minmax(0, 1fr);
          font-size: clamp(0.66rem, 1.5vh, 0.78rem);
          font-weight: 760;
        }

        .content-creator input,
        .content-creator textarea,
        .content-creator select {
          height: 100%;
          min-height: 0;
          border-radius: 8px;
        }

        .content-creator textarea,
        .content-creator-shell--quiz .content-creator textarea {
          min-height: 0;
          max-height: none;
        }

        .content-creator__format-hint {
          min-height: 0;
          height: 100%;
          padding: 2.8%;
          font-size: 0.76rem;
          overflow: hidden;
        }

        .content-creator-shell--quiz .content-creator__status,
        .content-creator-shell--blindtest .content-creator__status {
          height: 100%;
          max-height: none;
          display: grid;
          place-items: center;
          padding: 0;
          overflow: hidden;
        }

        .content-creator-shell--quiz .content-creator__primary,
        .content-creator-shell--blindtest .content-creator__primary,
        .content-creator-shell--quiz .content-creator__secondary,
        .content-creator-shell--blindtest .content-creator__secondary,
        .content-creator__source-tabs button {
          height: 100%;
          min-height: 0;
          border-radius: 8px;
          font-size: clamp(0.76rem, 1.55vh, 0.84rem);
        }

        .content-creator-shell--quiz .content-creator__form,
        .content-creator-shell--blindtest .content-creator__form {
          height: 100%;
          min-height: 0;
          gap: 1.6%;
          overflow: hidden;
        }

        .content-creator-shell--quiz .content-creator__form {
          grid-template-rows: minmax(0, 20fr) minmax(0, 42fr) minmax(0, 14fr) minmax(0, 22fr);
        }

        .content-creator-shell--blindtest .content-creator__form {
          grid-auto-rows: minmax(0, 1fr);
        }

        .content-creator-shell--blindtest .content-creator__main-panel > .content-creator__form:has([data-blindtest-playlist-source]) {
          grid-auto-rows: initial;
          grid-template-rows: minmax(0, 13fr) minmax(0, 87fr);
        }

        .content-creator-shell--blindtest .content-creator__main-panel > .content-creator__form:has([data-blindtest-playlist-source]) > .content-creator__checkpoint-line {
          display: none;
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] {
          grid-auto-rows: initial;
          grid-template-rows: minmax(0, 44fr) minmax(0, 13fr) minmax(0, 18fr) minmax(0, 25fr);
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__panel-heading {
          display: none;
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] > .content-creator__format-hint {
          display: none;
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__import-stack {
          height: 100%;
          grid-template-columns: minmax(0, 1fr);
          grid-template-rows: repeat(2, minmax(0, 1fr));
          gap: 3%;
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__import-url,
        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__import-file,
        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__directory-cta {
          height: 100%;
          padding: 2.4%;
          gap: 2%;
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__import-file {
          grid-template-rows: minmax(0, 1fr);
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__import-file > span:first-child {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0);
          white-space: nowrap;
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__file-cta,
        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__directory-cta,
        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__detected-source,
        .content-creator-shell--blindtest [data-blindtest-playlist-source] [data-action="content-blind-import-playlist"] {
          height: 100%;
          min-height: 0;
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__file-cta {
          font-size: clamp(0.68rem, 1.55vh, 0.8rem);
          line-height: 1.05;
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__directory-cta {
          font-size: clamp(0.68rem, 1.55vh, 0.82rem);
          line-height: 1.05;
        }

        .content-creator-shell--blindtest [data-blindtest-playlist-source] .content-creator__detected-source {
          padding: 2.4% 3%;
          font-size: clamp(0.68rem, 1.45vh, 0.78rem);
        }

        .content-creator-shell--quiz .content-creator__answer-grid {
          height: 100%;
          grid-template-rows: repeat(4, minmax(0, 1fr));
          gap: 1.8%;
        }

        .content-creator__source-tabs {
          height: 100%;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          grid-template-rows: minmax(0, 1fr);
          gap: 2.5%;
        }

        .content-creator-shell--blindtest .content-creator__source-tabs button {
          border-radius: 999px;
          font-size: clamp(0.7rem, 1.42vh, 0.78rem);
        }

        .content-creator__actions--split {
          height: 100%;
          grid-template-rows: repeat(2, minmax(0, 1fr));
          gap: 8%;
        }

        .content-creator__mobile-tabs {
          height: 100%;
          min-height: 0;
          gap: 1.8%;
        }

        .content-creator__mobile-tabs button {
          height: 100%;
          min-height: 0;
          border-color: rgba(102, 71, 210, 0.18);
          background: #fff;
          color: #64748b;
          box-shadow: 0 6px 14px rgba(15, 23, 42, 0.05);
        }

        .content-creator__mobile-tabs button.is-active {
          border-color: rgba(102, 71, 210, 0.56);
          background: #f2ecff;
          color: #4420bd;
        }
      }

      /* Unified creator form shell: questionnaire, blindtest and session share this single visual path. */
      .nav-zero-shell.tabuzzz-form-shell {
        --tabuzzz-header-height: var(--tabuzzz-header-navigation-height);
        --tabuzzz-header-logo-width: var(--tabuzzz-header-navigation-logo-width);
        --tabuzzz-header-logo-height: calc(var(--tabuzzz-header-height) * 0.8);
        --tabuzzz-content-top-fr: 2fr;
        --tabuzzz-content-main-fr: 93fr;
        --tabuzzz-content-bottom-fr: 5fr;
        display: grid !important;
        grid-template-rows: var(--tabuzzz-header-height) minmax(0, var(--tabuzzz-content-top-fr)) minmax(0, var(--tabuzzz-content-main-fr)) minmax(0, var(--tabuzzz-content-bottom-fr)) !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #04070f url("/media/navigation/hypervitesse.webp") center center / cover no-repeat !important;
      }

      .nav-zero-shell.tabuzzz-form-shell > .nav-zero__header {
        display: grid !important;
        grid-row: 1 !important;
      }

      .nav-zero-shell.tabuzzz-form-shell > .tabuzzz-form-shell__main,
      .nav-zero-shell.tabuzzz-form-shell > .nav-content-module__main.tabuzzz-form-shell__main {
        grid-row: 3 !important;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        padding: 0 clamp(10px, 2vw, 28px) !important;
        display: grid !important;
        place-items: stretch center !important;
        overflow: hidden !important;
        background: transparent !important;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form {
        --creator-ref-text: #071120;
        --creator-ref-muted: #45556f;
        --creator-ref-line: rgba(106, 72, 235, 0.18);
        --creator-ref-line-strong: rgba(106, 72, 235, 0.42);
        --creator-ref-panel: rgba(255, 255, 255, 0.94);
        --creator-ref-panel-strong: rgba(255, 255, 255, 0.985);
        --creator-ref-purple: #5b2bd6;
        --creator-ref-purple-strong: #3f1db3;
        --creator-ref-purple-soft: rgba(106, 72, 235, 0.1);
        --creator-btn-primary-a: #39e7ff;
        --creator-btn-primary-b: #2473ff;
        --creator-btn-primary-c: #7a32f1;
        --creator-btn-primary-rim: rgba(105, 232, 255, 0.74);
        --creator-btn-primary-glow: rgba(42, 208, 255, 0.34);
        --creator-btn-secondary-a: rgba(10, 38, 96, 0.98);
        --creator-btn-secondary-b: rgba(5, 13, 48, 0.99);
        --creator-btn-selected-a: #ffce36;
        --creator-btn-selected-b: #ff6c16;
        --creator-btn-selected-c: #6430ff;
        --creator-btn-selected-rim: rgba(255, 219, 92, 0.82);
        width: min(96vw, 1500px) !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        min-width: 0;
        min-height: 0;
        padding: clamp(12px, 1.35vw, 22px) !important;
        gap: clamp(8px, 1vw, 14px) !important;
        overflow: hidden !important;
        border: 1px solid rgba(106, 72, 235, 0.2) !important;
        border-radius: 12px !important;
        background: radial-gradient(circle at 9% 0%, rgba(106, 72, 235, 0.08), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.985)) !important;
        color: var(--creator-ref-text) !important;
        box-shadow: 0 24px 58px rgba(3, 8, 22, 0.3) !important;
      }

      .content-creator-shell--quiz .tabuzzz-reference-form:has(.content-creator__workspace),
      .content-creator-shell--blindtest .tabuzzz-reference-form:has(.content-creator__workspace) {
        grid-template-rows: minmax(0, 12fr) minmax(0, 88fr) !important;
      }

      .content-creator-shell--session .tabuzzz-reference-form {
        grid-template-rows: minmax(0, 12fr) minmax(0, 5fr) minmax(0, 83fr) !important;
      }

      .content-creator-shell--quiz .tabuzzz-reference-form {
        --creator-btn-primary-a: #ffcf39;
        --creator-btn-primary-b: #ff5f24;
        --creator-btn-primary-c: #6e31ff;
        --creator-btn-primary-rim: rgba(255, 224, 101, 0.84);
        --creator-btn-primary-glow: rgba(255, 115, 36, 0.32);
        --creator-btn-selected-a: #fff27a;
        --creator-btn-selected-b: #ff9f1c;
        --creator-btn-selected-c: #7f36ff;
      }

      .content-creator-shell--blindtest .tabuzzz-reference-form {
        --creator-btn-primary-a: #45f0ff;
        --creator-btn-primary-b: #1b7dff;
        --creator-btn-primary-c: #7d35ff;
        --creator-btn-primary-rim: rgba(107, 243, 255, 0.84);
        --creator-btn-primary-glow: rgba(31, 181, 255, 0.34);
        --creator-btn-selected-a: #5ff5ff;
        --creator-btn-selected-b: #2c83ff;
        --creator-btn-selected-c: #7c3cff;
      }

      .content-creator-shell--session .tabuzzz-reference-form {
        --creator-btn-primary-a: #45ffd6;
        --creator-btn-primary-b: #1d93ff;
        --creator-btn-primary-c: #333dff;
        --creator-btn-primary-rim: rgba(97, 255, 222, 0.78);
        --creator-btn-primary-glow: rgba(35, 226, 255, 0.3);
        --creator-btn-selected-a: #55ffe2;
        --creator-btn-selected-b: #1b9cff;
        --creator-btn-selected-c: #4038ff;
      }

      .tabuzzz-reference-form .content-creator__topbar,
      .tabuzzz-reference-form .session-organizer__topbar,
      .tabuzzz-reference-form .content-creator__workspace,
      .tabuzzz-reference-form .session-organizer__builder-grid {
        height: 100%;
        min-height: 0;
        min-width: 0;
        overflow: hidden;
      }

      .tabuzzz-reference-form .content-creator__module-icon,
      .tabuzzz-reference-form .session-organizer__step-title span,
      .tabuzzz-reference-form .session-organizer__mobile-steps strong,
      .tabuzzz-reference-form .content-creator__primary,
      .tabuzzz-reference-form .session-organizer__top-save {
        background: linear-gradient(180deg, #7c3aed, #4f25d7) !important;
        color: #ffffff !important;
        box-shadow: 0 12px 24px rgba(79, 37, 215, 0.2) !important;
      }

      .tabuzzz-reference-form .content-creator__title,
      .tabuzzz-reference-form .session-organizer__step-title h2,
      .tabuzzz-reference-form .session-organizer__section-title,
      .tabuzzz-reference-form .session-organizer__part strong,
      .tabuzzz-reference-form .session-organizer__summary-strip dd {
        color: var(--creator-ref-text) !important;
        text-shadow: none !important;
      }

      .tabuzzz-reference-form .content-creator__eyebrow,
      .tabuzzz-reference-form h2,
      .tabuzzz-reference-form .session-organizer__module-kicker,
      .tabuzzz-reference-form .content-creator__panel-heading > span,
      .tabuzzz-reference-form .session-organizer__summary-strip dt {
        color: var(--creator-ref-purple-strong) !important;
      }

      .tabuzzz-reference-form .content-creator__subtitle,
      .tabuzzz-reference-form p,
      .tabuzzz-reference-form label,
      .tabuzzz-reference-form .content-creator__status,
      .tabuzzz-reference-form .session-organizer__minor,
      .tabuzzz-reference-form .session-organizer__empty,
      .tabuzzz-reference-form .session-organizer__guide-list p,
      .tabuzzz-reference-form .session-organizer__compact-list,
      .tabuzzz-reference-form .session-organizer__part span,
      .tabuzzz-reference-form .session-organizer__library-row > button:first-child span,
      .tabuzzz-reference-form .session-organizer__special span,
      .tabuzzz-reference-form .session-organizer__tile span,
      .tabuzzz-reference-form .session-organizer__mobile-steps em {
        color: var(--creator-ref-muted) !important;
        text-shadow: none !important;
      }

      .tabuzzz-reference-form .session-organizer__guide-list span {
        background: var(--creator-ref-purple-soft) !important;
        color: var(--creator-ref-purple-strong) !important;
      }

      .tabuzzz-reference-form .content-creator__sidebar,
      .tabuzzz-reference-form .content-creator__main-panel,
      .tabuzzz-reference-form .content-creator__right-panel,
      .tabuzzz-reference-form .content-creator__panel,
      .tabuzzz-reference-form .content-creator__radio-panel,
      .tabuzzz-reference-form .content-creator__progress,
      .tabuzzz-reference-form .content-creator__side-list,
      .tabuzzz-reference-form .session-organizer__panel,
      .tabuzzz-reference-form .session-organizer__block,
      .tabuzzz-reference-form .session-organizer__playlist,
      .tabuzzz-reference-form .session-organizer__summary-strip div,
      .tabuzzz-reference-form .session-organizer__part {
        min-width: 0;
        min-height: 0;
        border-color: var(--creator-ref-line) !important;
        background: var(--creator-ref-panel) !important;
        color: var(--creator-ref-text) !important;
        box-shadow: 0 10px 28px rgba(32, 43, 90, 0.08) !important;
        overflow: hidden;
      }

      .tabuzzz-reference-form .content-creator__main-panel,
      .tabuzzz-reference-form .content-creator__right-panel,
      .tabuzzz-reference-form .session-organizer__playlist {
        background: var(--creator-ref-panel-strong) !important;
      }

      .tabuzzz-reference-form input,
      .tabuzzz-reference-form textarea,
      .tabuzzz-reference-form select {
        border-color: var(--creator-ref-line) !important;
        background: #ffffff !important;
        color: var(--creator-ref-text) !important;
        box-shadow: none !important;
        accent-color: var(--creator-ref-purple);
      }

      .tabuzzz-reference-form .content-creator__secondary,
      .tabuzzz-reference-form .content-creator__ghost-button,
      .tabuzzz-reference-form .content-creator__draft-state,
      .tabuzzz-reference-form .content-creator__count-pill,
      .tabuzzz-reference-form .content-creator__source-tabs button,
      .tabuzzz-reference-form .session-organizer__mode-tabs button,
      .tabuzzz-reference-form .session-organizer__library-filters button,
      .tabuzzz-reference-form .session-organizer__library-row > button:first-child,
      .tabuzzz-reference-form .session-organizer__library-add,
      .tabuzzz-reference-form .session-organizer__special,
      .tabuzzz-reference-form .session-organizer__tile {
        border-color: var(--creator-ref-line) !important;
        background: #ffffff !important;
        color: var(--creator-ref-text) !important;
        box-shadow: none !important;
      }

      .tabuzzz-reference-form .content-creator__source-tabs button.is-selected,
      .tabuzzz-reference-form .session-organizer__mode-tabs button.is-active,
      .tabuzzz-reference-form .session-organizer__library-filters button.is-active,
      .tabuzzz-reference-form .session-organizer__library-row.is-selected > button:first-child,
      .tabuzzz-reference-form .session-organizer__special.is-selected,
      .tabuzzz-reference-form .session-organizer__tile.is-selected {
        border-color: var(--creator-ref-line-strong) !important;
        background: var(--creator-ref-purple-soft) !important;
        color: var(--creator-ref-purple-strong) !important;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__ghost-button {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        border: 0.09em solid rgba(92, 221, 255, 0.46) !important;
        border-radius: 18px !important;
        color: #f8fcff !important;
        text-shadow:
          0 0 0.42em rgba(65, 214, 255, 0.46),
          0 0.08em 0 rgba(0, 0, 0, 0.42) !important;
        box-shadow:
          0 0 0.72em rgba(35, 201, 255, 0.2),
          0 0.42em 0 rgba(4, 12, 38, 0.28),
          inset 0 0 0 0.08em rgba(255, 255, 255, 0.1),
          inset 0 0.75em 1em rgba(255, 255, 255, 0.12),
          inset 0 -0.65em 0.9em rgba(0, 0, 0, 0.22) !important;
        transform: translateZ(0);
        transition:
          filter 160ms ease,
          transform 160ms ease,
          box-shadow 160ms ease,
          border-color 160ms ease;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__primary,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__secondary,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__source-tabs button,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__mobile-tabs button,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__mode-tabs button,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__library-filters button {
        border-radius: 999px !important;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__source-tabs button {
        min-height: 44px !important;
        padding: 8px 14px !important;
        display: grid;
        place-items: center;
        line-height: 1.05;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button::before,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__ghost-button::before {
        content: "";
        position: absolute;
        inset: 0.12em;
        z-index: -1;
        pointer-events: none;
        border-radius: inherit;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 38%),
          radial-gradient(circle at 22% 0%, rgba(255, 255, 255, 0.34), transparent 34%);
        opacity: 0.72;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button::after,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__ghost-button::after {
        content: "";
        position: absolute;
        top: -38%;
        left: -58%;
        width: 42%;
        height: 176%;
        z-index: -1;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
        opacity: 0.42;
        transform: rotate(18deg);
        transition: left 300ms ease, opacity 180ms ease;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__primary,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__top-save {
        border-color: var(--creator-btn-primary-rim) !important;
        background:
          radial-gradient(circle at 18% -12%, rgba(255, 255, 255, 0.52), transparent 34%),
          radial-gradient(circle at 78% 108%, rgba(255, 255, 255, 0.22), transparent 32%),
          linear-gradient(135deg, var(--creator-btn-primary-a) 0%, var(--creator-btn-primary-b) 48%, var(--creator-btn-primary-c) 100%) !important;
        color: #ffffff !important;
        box-shadow:
          0 0 1.15em var(--creator-btn-primary-glow),
          0 0 2.1em rgba(90, 58, 226, 0.2),
          0 0.42em 0 rgba(4, 12, 38, 0.26),
          inset 0 0 0 0.08em rgba(255, 255, 255, 0.14),
          inset 0 0.84em 1.05em rgba(255, 255, 255, 0.2),
          inset 0 -0.7em 1em rgba(0, 0, 0, 0.24) !important;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__secondary,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__ghost-button,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__source-tabs button,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__mobile-tabs button,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__mode-tabs button,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__library-filters button,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__library-row > button:first-child,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__library-add,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__special,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__tile {
        background:
          radial-gradient(circle at 18% 0%, rgba(80, 228, 255, 0.18), transparent 36%),
          linear-gradient(180deg, var(--creator-btn-secondary-a), var(--creator-btn-secondary-b)) !important;
        color: #eafcff !important;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__source-tabs button.is-selected,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__mobile-tabs button.is-active,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__mode-tabs button.is-active,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__library-filters button.is-active,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__library-row.is-selected > button:first-child,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__special.is-selected,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__tile.is-selected {
        border-color: var(--creator-btn-selected-rim) !important;
        background:
          radial-gradient(circle at 18% -10%, rgba(255, 255, 255, 0.48), transparent 34%),
          linear-gradient(135deg, var(--creator-btn-selected-a) 0%, var(--creator-btn-selected-b) 52%, var(--creator-btn-selected-c) 100%) !important;
        color: #ffffff !important;
        box-shadow:
          0 0 1.25em rgba(255, 188, 42, 0.28),
          0 0 2em rgba(43, 209, 255, 0.18),
          0 0.42em 0 rgba(4, 12, 38, 0.22),
          inset 0 0 0 0.08em rgba(255, 255, 255, 0.16),
          inset 0 0.82em 1.05em rgba(255, 255, 255, 0.18),
          inset 0 -0.72em 1em rgba(0, 0, 0, 0.22) !important;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button:hover:not(:disabled),
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__ghost-button:hover {
        filter: brightness(1.12) saturate(1.18);
        transform: translateY(-2%);
        box-shadow:
          0 0 1.35em rgba(48, 214, 255, 0.44),
          0 0 2.45em rgba(97, 62, 230, 0.26),
          0 0.56em 0 rgba(4, 12, 38, 0.22),
          inset 0 0 0 0.08em rgba(255, 255, 255, 0.16),
          inset 0 0.88em 1.05em rgba(255, 255, 255, 0.2),
          inset 0 -0.68em 0.95em rgba(0, 0, 0, 0.2) !important;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button:hover:not(:disabled)::after,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__ghost-button:hover::after {
        left: 118%;
        opacity: 0.72;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button:active:not(:disabled) {
        filter: brightness(0.96) saturate(1.08);
        transform: translateY(2%);
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button:focus-visible,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__ghost-button:focus-visible {
        outline: 0.16em solid rgba(255, 242, 122, 0.88);
        outline-offset: 0.12em;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button:disabled,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__primary:disabled,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__secondary:disabled {
        border-color: rgba(111, 150, 170, 0.34) !important;
        background: linear-gradient(180deg, rgba(33, 48, 76, 0.52), rgba(15, 24, 48, 0.62)) !important;
        color: rgba(232, 247, 255, 0.52) !important;
        box-shadow: none !important;
        text-shadow: none !important;
      }

      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button:disabled::before,
      .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button:disabled::after {
        opacity: 0;
      }

      .content-creator-shell--shop .tabuzzz-reference-form,
      .content-creator-shell--shop .nav-shop__content,
      .nav-shop-shell .nav-shop__content {
        --shop-neon-cyan: #23d8ff;
        --shop-neon-blue: #116cff;
        --shop-neon-purple: #7b45ff;
        --shop-panel: rgba(3, 8, 28, 0.82);
        --shop-panel-strong: rgba(5, 12, 38, 0.94);
        --shop-line: rgba(74, 173, 255, 0.26);
        --shop-line-strong: rgba(98, 220, 255, 0.58);
        width: 96% !important;
        height: 100% !important;
        max-width: none !important;
        overflow: hidden !important;
        border: 0.08em solid rgba(73, 94, 190, 0.34) !important;
        border-radius: 1.2em !important;
        background:
          radial-gradient(circle at 12% 0%, rgba(97, 43, 222, 0.22), transparent 34%),
          radial-gradient(circle at 88% 4%, rgba(35, 216, 255, 0.16), transparent 32%),
          linear-gradient(180deg, rgba(4, 7, 24, 0.98), rgba(2, 6, 20, 0.98)) !important;
        color: #f8fcff !important;
        box-shadow:
          0 0 2.8em rgba(30, 198, 255, 0.12),
          inset 0 0 2.4em rgba(77, 56, 211, 0.12) !important;
      }

      .content-creator-shell--shop {
        --tabuzzz-content-top-fr: 0fr;
        --tabuzzz-content-main-fr: 89fr;
        --tabuzzz-content-bottom-fr: 0fr;
      }

      .content-creator-shell--shop .nav-content-module__main,
      .nav-shop-shell .nav-shop__main {
        padding: 0 2% !important;
      }

      .content-creator-shell--shop .content-library__header,
      .nav-shop-shell .content-library__header {
        display: grid;
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
        align-items: center;
        gap: 3%;
        padding-bottom: 1%;
        border-bottom: 0.08em solid rgba(117, 84, 255, 0.34);
      }

      .content-creator-shell--shop .content-creator__eyebrow,
      .nav-shop-shell .content-creator__eyebrow {
        color: rgba(117, 223, 255, 0.86) !important;
        text-shadow: 0 0 0.7em rgba(40, 211, 255, 0.34) !important;
      }

      .content-creator-shell--shop .content-creator__title,
      .nav-shop-shell .content-creator__title {
        color: #ffffff !important;
        font-size: clamp(1.5rem, 3vw, 2.8rem);
        text-shadow:
          0 0 0.7em rgba(35, 216, 255, 0.46),
          0 0 1.1em rgba(123, 69, 255, 0.28) !important;
      }

      .content-creator-shell--shop .content-library__hint,
      .nav-shop-shell .content-library__hint {
        color: rgba(229, 241, 255, 0.82) !important;
      }

      .content-creator-shell--shop .content-library__summary,
      .nav-shop-shell .content-library__summary {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2%;
        width: 100%;
      }

      .content-creator-shell--shop .content-library__summary div,
      .nav-shop-shell .content-library__summary div {
        min-width: 0;
        padding: 3.5% 5%;
        border: 0.08em solid var(--shop-line) !important;
        border-radius: 0.9em !important;
        background:
          linear-gradient(135deg, rgba(9, 22, 64, 0.9), rgba(4, 10, 31, 0.94)) !important;
        box-shadow: inset 0 0 1.2em rgba(35, 216, 255, 0.05) !important;
      }

      .content-creator-shell--shop .content-library__tier dt,
      .nav-shop-shell .content-library__tier dt {
        display: flex;
        gap: 8%;
        align-items: center;
        color: #f8fcff !important;
        font-weight: 950;
      }

      .content-creator-shell--shop .content-library__tier dt span,
      .nav-shop-shell .content-library__tier dt span {
        display: inline-grid;
        place-items: center;
        width: 18%;
        aspect-ratio: 1 / 1;
        color: var(--shop-neon-cyan);
        text-shadow: 0 0 0.8em rgba(35, 216, 255, 0.58);
      }

      .content-creator-shell--shop .content-library__tier dd,
      .nav-shop-shell .content-library__tier dd {
        margin: 0.25em 0 0;
        color: rgba(232, 242, 255, 0.84) !important;
      }

      .content-creator-shell--shop .content-library__tier-value,
      .nav-shop-shell .content-library__tier-value {
        color: rgba(112, 230, 255, 0.78) !important;
        font-size: 72%;
      }

      .content-creator-shell--shop .content-library__sections,
      .nav-shop-shell .content-library__sections {
        overflow: hidden;
        gap: 0;
        border: 0.08em solid rgba(123, 69, 255, 0.42);
        border-radius: 0.9em;
        background: rgba(3, 8, 28, 0.56);
        box-shadow: inset 0 0 1.4em rgba(35, 216, 255, 0.06);
      }

      .content-creator-shell--shop .content-library__sections button,
      .nav-shop-shell .content-library__sections button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5%;
        min-height: 3.6em;
        border: 0;
        border-right: 0.08em solid rgba(123, 69, 255, 0.28);
        border-radius: 0;
        background: transparent !important;
        color: rgba(238, 247, 255, 0.88) !important;
        text-transform: uppercase;
        box-shadow: none !important;
      }

      .content-creator-shell--shop .content-library__sections button:last-child,
      .nav-shop-shell .content-library__sections button:last-child {
        border-right: 0;
      }

      .content-creator-shell--shop .content-library__sections button.is-active,
      .nav-shop-shell .content-library__sections button.is-active {
        background:
          radial-gradient(circle at 20% 0%, rgba(80, 219, 255, 0.26), transparent 45%),
          linear-gradient(135deg, rgba(58, 26, 163, 0.96), rgba(20, 56, 146, 0.94)) !important;
        color: #ffffff !important;
        box-shadow:
          0 0 1.4em rgba(84, 91, 255, 0.25),
          inset 0 0 1.3em rgba(255, 255, 255, 0.08) !important;
      }

      .content-creator-shell--shop .content-library__section-icon,
      .nav-shop-shell .content-library__section-icon {
        color: #9bdcff;
        font-size: 130%;
        text-shadow: 0 0 0.7em rgba(37, 210, 255, 0.58);
      }

      .content-creator-shell--shop .content-library__toolbar,
      .nav-shop-shell .content-library__toolbar {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.95fr) minmax(0, 1.35fr) minmax(0, 0.7fr);
        gap: 1.3%;
        align-items: stretch;
      }

      .content-creator-shell--shop .content-library__filter-tile,
      .content-creator-shell--shop .content-library__search,
      .content-creator-shell--shop .content-library__filter-button,
      .nav-shop-shell .content-library__filter-tile,
      .nav-shop-shell .content-library__search,
      .nav-shop-shell .content-library__filter-button {
        display: grid;
        align-items: center;
        min-width: 0;
        min-height: 3.5em;
        padding: 0 7%;
        border: 0.08em solid var(--shop-line);
        border-radius: 0.8em;
        background: rgba(4, 11, 36, 0.78);
        color: rgba(238, 247, 255, 0.86);
      }

      .content-creator-shell--shop .content-library__filter-tile,
      .nav-shop-shell .content-library__filter-tile {
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: 7%;
      }

      .content-creator-shell--shop .content-library__filter-tile span:not(.content-library__filter-icon),
      .nav-shop-shell .content-library__filter-tile span:not(.content-library__filter-icon) {
        color: rgba(172, 190, 225, 0.78);
        font-size: 72%;
        text-transform: uppercase;
      }

      .content-creator-shell--shop .content-library__filter-tile strong,
      .nav-shop-shell .content-library__filter-tile strong {
        color: #ffffff;
      }

      .content-creator-shell--shop .content-library__filter-icon,
      .nav-shop-shell .content-library__filter-icon {
        grid-row: span 2;
        color: var(--shop-neon-cyan);
        font-size: 150%;
        text-shadow: 0 0 0.75em rgba(35, 216, 255, 0.52);
      }

      .content-creator-shell--shop .content-library__search,
      .nav-shop-shell .content-library__search {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 5%;
      }

      .content-creator-shell--shop .content-library__search span,
      .nav-shop-shell .content-library__search span {
        color: rgba(220, 232, 255, 0.82);
        font-size: 145%;
      }

      .content-creator-shell--shop .content-library__search input,
      .nav-shop-shell .content-library__search input {
        min-height: 100%;
        padding: 0;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #f8fcff !important;
        box-shadow: none !important;
      }

      .content-creator-shell--shop .content-library__filter-button,
      .nav-shop-shell .content-library__filter-button {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 8%;
        border-color: rgba(35, 216, 255, 0.66);
        color: #f8fcff !important;
        text-transform: uppercase;
        box-shadow: 0 0 1.2em rgba(35, 216, 255, 0.18) !important;
      }

      .content-creator-shell--shop .content-library__list,
      .nav-shop-shell .content-library__list {
        grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
        gap: 1%;
        overflow: auto;
        padding-right: 0.4%;
      }

      .content-creator-shell--shop .content-library__item,
      .nav-shop-shell .content-library__item {
        position: relative;
        gap: 0.42em;
        padding: 3%;
        border: 0.08em solid rgba(91, 128, 210, 0.34) !important;
        border-radius: 0.9em !important;
        background:
          radial-gradient(circle at 18% 0%, rgba(40, 216, 255, 0.12), transparent 42%),
          linear-gradient(145deg, rgba(8, 18, 52, 0.94), rgba(3, 8, 28, 0.97)) !important;
        color: #f8fcff !important;
        box-shadow:
          inset 0 0 1.6em rgba(255, 255, 255, 0.035),
          0 0 1.5em rgba(0, 0, 0, 0.18) !important;
        overflow: hidden;
      }

      .content-creator-shell--shop .content-library__item::after,
      .nav-shop-shell .content-library__item::after {
        content: "";
        position: absolute;
        inset: auto 6% 22% 42%;
        height: 0.08em;
        background: linear-gradient(90deg, transparent, rgba(88, 211, 255, 0.36), transparent);
      }

      .content-creator-shell--shop .content-library__item-header,
      .nav-shop-shell .content-library__item-header {
        display: grid;
        grid-template-columns: minmax(3.4em, 7%) minmax(0, 1fr);
        justify-content: start;
        align-items: start;
        gap: 6%;
      }

      .content-creator-shell--shop .content-library__card-icon,
      .nav-shop-shell .content-library__card-icon {
        display: grid;
        place-items: center;
        width: 100%;
        aspect-ratio: 1 / 1;
        border: 0.08em solid rgba(42, 215, 255, 0.58);
        border-radius: 25%;
        background: rgba(11, 29, 78, 0.74);
        color: var(--shop-neon-cyan);
        font-size: 150%;
        text-shadow: 0 0 0.75em rgba(35, 216, 255, 0.7);
        box-shadow: 0 0 0.9em rgba(35, 216, 255, 0.18);
      }

      .content-creator-shell--shop .content-library__item--music .content-library__card-icon,
      .nav-shop-shell .content-library__item--music .content-library__card-icon,
      .content-creator-shell--shop .content-library__item--quiz .content-library__card-icon,
      .nav-shop-shell .content-library__item--quiz .content-library__card-icon {
        border-color: rgba(188, 97, 255, 0.64);
        color: #d9a7ff;
        text-shadow: 0 0 0.72em rgba(201, 91, 255, 0.64);
      }

      .content-creator-shell--shop .content-library__type,
      .nav-shop-shell .content-library__type {
        color: rgba(116, 225, 255, 0.86) !important;
        font-size: 72%;
        letter-spacing: 0.03em;
      }

      .content-creator-shell--shop .content-library__item-header strong,
      .nav-shop-shell .content-library__item-header strong {
        display: block;
        margin-top: 0.15em;
        color: #ffffff !important;
        font-size: 115%;
        text-shadow: 0 0 0.7em rgba(35, 216, 255, 0.22) !important;
      }

      .content-creator-shell--shop .content-library__pitch,
      .content-creator-shell--shop .content-library__shop-facts,
      .content-creator-shell--shop .content-library__preview,
      .nav-shop-shell .content-library__pitch,
      .nav-shop-shell .content-library__shop-facts,
      .nav-shop-shell .content-library__preview {
        color: rgba(226, 237, 255, 0.82) !important;
        line-height: 1.12;
      }

      .content-creator-shell--shop .content-library__shop-facts,
      .nav-shop-shell .content-library__shop-facts {
        color: rgba(102, 232, 255, 0.82) !important;
        font-size: 78%;
        line-height: 1.05;
      }

      .content-creator-shell--shop .content-library__preview,
      .nav-shop-shell .content-library__preview {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }

      .content-creator-shell--shop .content-library__metrics div,
      .nav-shop-shell .content-library__metrics div {
        padding: 3% 4%;
        border-color: rgba(74, 173, 255, 0.2) !important;
        background: rgba(1, 9, 30, 0.48) !important;
      }

      .content-creator-shell--shop .content-library__metrics,
      .nav-shop-shell .content-library__metrics {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1%;
      }

      .content-creator-shell--shop .content-library__metrics dt,
      .nav-shop-shell .content-library__metrics dt {
        color: rgba(127, 222, 255, 0.78) !important;
        font-size: 62%;
      }

      .content-creator-shell--shop .content-library__metrics dd,
      .nav-shop-shell .content-library__metrics dd {
        color: #f8fcff !important;
        font-size: 82%;
      }

      .content-creator-shell--shop .session-organizer__form-grid,
      .nav-shop-shell .session-organizer__form-grid {
        grid-template-columns: repeat(auto-fit, minmax(18%, 1fr));
        gap: 1.4%;
      }

      .content-creator-shell--shop .session-organizer__form-grid input,
      .content-creator-shell--shop .session-organizer__form-grid select,
      .nav-shop-shell .session-organizer__form-grid input,
      .nav-shop-shell .session-organizer__form-grid select {
        min-height: 2.35em;
      }

      .content-creator-shell--shop .session-organizer__form-grid input[type="checkbox"],
      .nav-shop-shell .session-organizer__form-grid input[type="checkbox"] {
        width: 12%;
        min-height: 1.7em;
        justify-self: start;
        accent-color: var(--shop-neon-cyan);
      }

      .content-creator-shell--shop .content-library__actions,
      .nav-shop-shell .content-library__actions {
        display: grid;
        grid-template-columns: minmax(0, 1.18fr) repeat(2, minmax(0, 1fr));
        gap: 3%;
        margin-top: auto;
      }

      .content-creator-shell--shop .content-library__actions .content-creator__primary,
      .content-creator-shell--shop .content-library__actions .content-creator__secondary,
      .nav-shop-shell .content-library__actions .content-creator__primary,
      .nav-shop-shell .content-library__actions .content-creator__secondary,
      .content-creator-shell--shop .content-library__item > .content-creator__primary,
      .nav-shop-shell .content-library__item > .content-creator__primary {
        min-height: 2.55em;
        border: 0.08em solid rgba(129, 101, 255, 0.58) !important;
        border-radius: 0.65em !important;
        background: rgba(20, 12, 70, 0.78) !important;
        color: #ffffff !important;
        box-shadow: 0 0 1em rgba(123, 69, 255, 0.18) !important;
      }

      .content-creator-shell--shop .content-library__actions .content-creator__primary,
      .nav-shop-shell .content-library__actions .content-creator__primary,
      .content-creator-shell--shop .content-library__item > .content-creator__primary,
      .nav-shop-shell .content-library__item > .content-creator__primary {
        border-color: rgba(53, 222, 255, 0.68) !important;
        background:
          linear-gradient(135deg, rgba(11, 91, 205, 0.94), rgba(53, 27, 160, 0.94)) !important;
        box-shadow: 0 0 1.15em rgba(35, 216, 255, 0.24) !important;
      }

      .content-creator-shell--shop .session-organizer__form-grid label,
      .nav-shop-shell .session-organizer__form-grid label {
        color: rgba(225, 238, 255, 0.86) !important;
      }

      .content-creator-shell--shop .tabuzzz-reference-form input,
      .content-creator-shell--shop .tabuzzz-reference-form select,
      .nav-shop-shell .nav-shop__content input,
      .nav-shop-shell .nav-shop__content select {
        border-color: rgba(74, 173, 255, 0.32) !important;
        background: rgba(2, 9, 32, 0.82) !important;
        color: #f8fcff !important;
        box-shadow: inset 0 0 1em rgba(35, 216, 255, 0.08) !important;
      }

      @media (max-width: 52em) {
        .content-creator-shell--shop {
          --tabuzzz-content-main-fr: 92fr;
        }

        .content-creator-shell--shop .tabuzzz-reference-form,
        .nav-shop-shell .nav-shop__content {
          width: 94% !important;
          padding: 3% !important;
          gap: 1.2% !important;
        }

        .content-creator-shell--shop .content-library__header,
        .nav-shop-shell .content-library__header {
          grid-template-columns: 1fr;
          gap: 1.4%;
          padding-bottom: 1%;
        }

        .content-creator-shell--shop .content-library__toolbar,
        .nav-shop-shell .content-library__toolbar {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 1.2%;
        }

        .content-creator-shell--shop .content-library__summary,
        .nav-shop-shell .content-library__summary {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 1.2%;
        }

        .content-creator-shell--shop .content-library__sections,
        .nav-shop-shell .content-library__sections {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .content-creator-shell--shop .content-library__summary div,
        .nav-shop-shell .content-library__summary div {
          padding: 3% 3%;
        }

        .content-creator-shell--shop .content-library__tier dt,
        .nav-shop-shell .content-library__tier dt {
          gap: 4%;
          font-size: 74%;
        }

        .content-creator-shell--shop .content-library__tier dd,
        .nav-shop-shell .content-library__tier dd {
          font-size: 66%;
        }

        .content-creator-shell--shop .content-library__tier-value,
        .nav-shop-shell .content-library__tier-value {
          display: none;
        }

        .content-creator-shell--shop .content-library__sections button,
        .nav-shop-shell .content-library__sections button {
          min-height: 36px;
        }

        .content-creator-shell--shop .content-library__search,
        .content-creator-shell--shop .content-library__filter-button,
        .nav-shop-shell .content-library__search,
        .nav-shop-shell .content-library__filter-button {
          grid-column: auto;
          min-height: 36px;
        }

        .content-creator-shell--shop .content-library__search input,
        .nav-shop-shell .content-library__search input {
          min-height: 36px !important;
        }

        .content-creator-shell--shop .content-library__sections button:nth-child(2n),
        .nav-shop-shell .content-library__sections button:nth-child(2n) {
          border-right: 0;
        }

        .content-creator-shell--shop .content-library__list,
        .nav-shop-shell .content-library__list {
          grid-template-columns: 1fr;
          grid-auto-rows: max-content;
          align-content: start;
          overflow-y: auto;
        }

        .content-creator-shell--shop .content-library__list > .content-library__item:nth-child(n+3),
        .nav-shop-shell .content-library__list > .content-library__item:nth-child(n+3) {
          display: none;
        }

        .content-creator-shell--shop .content-library__list--generated > .content-library__item:not(:first-child),
        .nav-shop-shell .content-library__list--generated > .content-library__item:not(:first-child) {
          display: none;
        }

        .nav-content-library.content-creator-shell--shop .nav-shop__content .content-library__list > .content-library__item:nth-child(n+2) {
          display: none;
        }

        .content-creator-shell--shop .content-library__actions,
        .nav-shop-shell .content-library__actions {
          grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr) minmax(0, 1.05fr);
          gap: 1%;
        }

        .content-creator-shell--shop .session-organizer__form-grid,
        .nav-shop-shell .session-organizer__form-grid {
          grid-template-columns: repeat(auto-fit, minmax(22%, 1fr));
          gap: 1%;
        }

        .content-creator-shell--shop .content-library__item,
        .nav-shop-shell .content-library__item {
          height: max-content;
          min-height: max-content;
          padding: 4%;
          overflow: visible;
        }

        .content-creator-shell--shop .content-library__item-header,
        .nav-shop-shell .content-library__item-header {
          grid-template-columns: minmax(3.2em, 15%) minmax(0, 1fr);
        }

        .content-creator-shell--shop .content-library__item::after,
        .nav-shop-shell .content-library__item::after {
          display: none;
        }

        .content-creator-shell--shop .content-library__actions .content-creator__primary,
        .content-creator-shell--shop .content-library__actions .content-creator__secondary,
        .nav-shop-shell .content-library__actions .content-creator__primary,
        .nav-shop-shell .content-library__actions .content-creator__secondary,
        .content-creator-shell--shop .content-library__item > .content-creator__primary,
        .nav-shop-shell .content-library__item > .content-creator__primary {
          min-height: 36px;
          padding-inline: 1%;
          font-size: 66%;
        }

        .content-creator-shell--shop .content-library__filter-tile,
        .content-creator-shell--shop .content-library__search,
        .content-creator-shell--shop .content-library__filter-button,
        .nav-shop-shell .content-library__filter-tile,
        .nav-shop-shell .content-library__search,
        .nav-shop-shell .content-library__filter-button {
          padding: 2.2%;
        }
      }

      .content-creator-shell--shop .tabuzzz-reference-form,
      .content-creator-shell--shop .nav-shop__content,
      .nav-shop-shell .nav-shop__content {
        --shop-neon-cyan: #5b2bd6;
        --shop-neon-blue: #7c3aed;
        --shop-neon-purple: #5b2bd6;
        --shop-panel: rgba(255, 255, 255, 0.94);
        --shop-panel-strong: rgba(255, 255, 255, 0.985);
        --shop-line: rgba(106, 72, 235, 0.18);
        --shop-line-strong: rgba(106, 72, 235, 0.42);
        border-color: rgba(106, 72, 235, 0.2) !important;
        background:
          radial-gradient(circle at 9% 0%, rgba(106, 72, 235, 0.08), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.985)) !important;
        color: #071120 !important;
        box-shadow: 0 24px 58px rgba(3, 8, 22, 0.3) !important;
      }

      .content-creator-shell--shop .content-library__header,
      .nav-shop-shell .content-library__header {
        border-bottom-color: var(--shop-line) !important;
      }

      .content-creator-shell--shop .content-creator__title,
      .content-creator-shell--shop .content-library__tier dt,
      .content-creator-shell--shop .content-library__item-header strong,
      .content-creator-shell--shop .content-library__metrics dd,
      .nav-shop-shell .content-creator__title,
      .nav-shop-shell .content-library__tier dt,
      .nav-shop-shell .content-library__item-header strong,
      .nav-shop-shell .content-library__metrics dd {
        color: #071120 !important;
        text-shadow: none !important;
      }

      .content-creator-shell--shop .content-creator__eyebrow,
      .content-creator-shell--shop .content-library__type,
      .content-creator-shell--shop .content-library__tier-value,
      .content-creator-shell--shop .content-library__section-icon,
      .content-creator-shell--shop .content-library__filter-icon,
      .content-creator-shell--shop .content-library__tier dt span,
      .nav-shop-shell .content-creator__eyebrow,
      .nav-shop-shell .content-library__type,
      .nav-shop-shell .content-library__tier-value,
      .nav-shop-shell .content-library__section-icon,
      .nav-shop-shell .content-library__filter-icon,
      .nav-shop-shell .content-library__tier dt span {
        color: #3f1db3 !important;
        text-shadow: none !important;
      }

      .content-creator-shell--shop .content-library__hint,
      .content-creator-shell--shop .content-library__pitch,
      .content-creator-shell--shop .content-library__shop-facts,
      .content-creator-shell--shop .content-library__preview,
      .content-creator-shell--shop .content-library__tier dd,
      .content-creator-shell--shop .content-library__metrics dt,
      .content-creator-shell--shop .content-library__filter-tile span:not(.content-library__filter-icon),
      .content-creator-shell--shop .content-library__search span,
      .content-creator-shell--shop .session-organizer__form-grid label,
      .nav-shop-shell .content-library__hint,
      .nav-shop-shell .content-library__pitch,
      .nav-shop-shell .content-library__shop-facts,
      .nav-shop-shell .content-library__preview,
      .nav-shop-shell .content-library__tier dd,
      .nav-shop-shell .content-library__metrics dt,
      .nav-shop-shell .content-library__filter-tile span:not(.content-library__filter-icon),
      .nav-shop-shell .content-library__search span,
      .nav-shop-shell .session-organizer__form-grid label {
        color: #45556f !important;
        text-shadow: none !important;
      }

      .content-creator-shell--shop .content-library__summary div,
      .content-creator-shell--shop .content-library__filter-tile,
      .content-creator-shell--shop .content-library__search,
      .content-creator-shell--shop .content-library__filter-button,
      .content-creator-shell--shop .content-library__item,
      .content-creator-shell--shop .content-library__metrics div,
      .content-creator-shell--shop .session-organizer__form-grid input,
      .content-creator-shell--shop .session-organizer__form-grid select,
      .nav-shop-shell .content-library__summary div,
      .nav-shop-shell .content-library__filter-tile,
      .nav-shop-shell .content-library__search,
      .nav-shop-shell .content-library__filter-button,
      .nav-shop-shell .content-library__item,
      .nav-shop-shell .content-library__metrics div,
      .nav-shop-shell .session-organizer__form-grid input,
      .nav-shop-shell .session-organizer__form-grid select {
        border-color: var(--shop-line) !important;
        background: var(--shop-panel) !important;
        color: #071120 !important;
        box-shadow: 0 10px 28px rgba(32, 43, 90, 0.08) !important;
      }

      .content-creator-shell--shop .content-library__item::after,
      .nav-shop-shell .content-library__item::after {
        opacity: 0 !important;
      }

      .content-creator-shell--shop .content-library__sections,
      .nav-shop-shell .content-library__sections {
        border-color: var(--shop-line) !important;
        background: rgba(255, 255, 255, 0.82) !important;
        box-shadow: 0 10px 28px rgba(32, 43, 90, 0.08) !important;
      }

      .content-creator-shell--shop .content-library__sections button,
      .nav-shop-shell .content-library__sections button {
        border-right-color: var(--shop-line) !important;
        color: #071120 !important;
        text-shadow: none !important;
      }

      .content-creator-shell--shop .content-library__sections button.is-active,
      .nav-shop-shell .content-library__sections button.is-active {
        border-color: var(--shop-line-strong) !important;
        background: rgba(106, 72, 235, 0.1) !important;
        color: #3f1db3 !important;
        box-shadow: none !important;
      }

      .content-creator-shell--shop .content-library__actions .content-creator__primary,
      .content-creator-shell--shop .content-library__item > .content-creator__primary,
      .nav-shop-shell .content-library__actions .content-creator__primary,
      .nav-shop-shell .content-library__item > .content-creator__primary {
        border-color: rgba(106, 72, 235, 0.3) !important;
        background: linear-gradient(180deg, #7c3aed, #4f25d7) !important;
        color: #ffffff !important;
        text-shadow: none !important;
        box-shadow: 0 12px 24px rgba(79, 37, 215, 0.2) !important;
      }

      .content-creator-shell--shop .content-library__actions .content-creator__secondary,
      .nav-shop-shell .content-library__actions .content-creator__secondary {
        border-color: var(--shop-line) !important;
        background: #ffffff !important;
        color: #071120 !important;
        text-shadow: none !important;
        box-shadow: none !important;
      }

      .content-creator-shell--shop .content-library__search input,
      .content-creator-shell--shop .tabuzzz-reference-form input,
      .content-creator-shell--shop .tabuzzz-reference-form select,
      .nav-shop-shell .content-library__search input,
      .nav-shop-shell .nav-shop__content input,
      .nav-shop-shell .nav-shop__content select {
        border-color: var(--shop-line) !important;
        background: #ffffff !important;
        color: #071120 !important;
        box-shadow: none !important;
      }

      .tabuzzz-reference-form .content-creator__answer--correct input,
      .tabuzzz-reference-form .content-creator__format-hint.is-ok {
        border-color: rgba(22, 163, 74, 0.38) !important;
        background: #ecfdf5 !important;
        color: #166534 !important;
      }

      .tabuzzz-reference-form .content-creator__answer--wrong input {
        border-color: rgba(148, 163, 184, 0.34) !important;
        background: #ffffff !important;
        color: var(--creator-ref-text) !important;
      }

      .content-creator-shell--quiz .content-creator__workspace--quiz {
        grid-template-columns: minmax(0, 26fr) minmax(0, 74fr) !important;
      }

      .content-creator-shell--blindtest .content-creator__workspace--blindtest {
        grid-template-columns: minmax(0, 23fr) minmax(0, 48fr) minmax(0, 29fr) !important;
      }

      .content-creator-shell--session .session-organizer__builder-grid {
        grid-template-columns: minmax(0, 30fr) minmax(0, 43fr) minmax(0, 27fr) !important;
      }

      @media (max-width: 860px) {
        .nav-zero-shell.tabuzzz-form-shell {
          --tabuzzz-content-top-fr: 1fr;
          --tabuzzz-content-main-fr: 96fr;
          --tabuzzz-content-bottom-fr: 3fr;
        }

        .nav-zero-shell.tabuzzz-form-shell > .tabuzzz-form-shell__main,
        .nav-zero-shell.tabuzzz-form-shell > .nav-content-module__main.tabuzzz-form-shell__main {
          padding: 0 3vw !important;
        }

        .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form {
          width: 94vw !important;
          border-radius: 10px !important;
          padding: 3% !important;
          gap: 1.3% !important;
        }

        .content-creator-shell--quiz .tabuzzz-reference-form:has(.content-creator__workspace),
        .content-creator-shell--blindtest .tabuzzz-reference-form:has(.content-creator__workspace) {
          grid-template-rows: minmax(0, 10fr) minmax(0, 80fr) minmax(0, 8fr) !important;
        }

        .content-creator-shell--session .tabuzzz-reference-form {
          grid-template-rows: minmax(0, 13fr) minmax(0, 9fr) minmax(0, 6fr) minmax(0, 72fr) !important;
        }

        .tabuzzz-reference-form .content-creator__workspace,
        .tabuzzz-reference-form .session-organizer__builder-grid {
          grid-template-columns: minmax(0, 1fr) !important;
          gap: 0 !important;
        }

        .content-creator-shell--session .session-organizer__builder-grid.is-empty .session-organizer__setup-column,
        .content-creator-shell--session .session-organizer__builder-grid.is-empty .session-organizer__playlist-column,
        .content-creator-shell--session .session-organizer__builder-grid.is-empty .session-organizer__config-panel {
          display: none !important;
        }

        .content-creator-shell--session .session-organizer__build-column,
        .content-creator-shell--session .session-organizer__library-panel,
        .content-creator-shell--session .session-organizer__library-list {
          height: 100%;
          min-height: 0;
          overflow: hidden;
        }

        .content-creator-shell--session .session-organizer__library-list {
          grid-template-columns: minmax(0, 1fr) !important;
        }

        .content-creator-shell--session .session-organizer__library-row:nth-of-type(n+6) {
          display: none !important;
        }

        .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form input,
        .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form select,
        .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form textarea,
        .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form button,
        .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__ghost-button,
        .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__source-tabs button,
        .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .content-creator__mobile-tabs button,
        .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__mode-tabs button,
        .nav-zero-shell.tabuzzz-form-shell .tabuzzz-reference-form .session-organizer__library-filters button {
          min-height: 36px !important;
        }
      }
      .nav-join__main,
      .nav-solo-duo__main,
      .nav-hub__main {
        width: 100%;
        place-items: start center;
        background: transparent;
      }

      .nav-join__main {
        padding-top: clamp(0px, 0.15vh, 4px);
      }

      .nav-join__content,
      .nav-solo-duo__content,
      .nav-hub__content {
        display: grid;
        gap: 12px;
        width: min(92vw, 860px);
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: clamp(82px, 9vh, 108px) 0 0;
        justify-items: center;
        text-align: center;
      }

      .nav-join__content {
        max-width: 680px;
        width: min(92vw, 680px);
      }

      .nav-join__eyebrow,
      .nav-solo-duo__eyebrow,
      .nav-hub__eyebrow {
        margin: 0;
        color: rgba(248, 244, 234, 0.92);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: clamp(1.12rem, 2.5vw, 2.6rem);
        line-height: 1;
        font-weight: 900;
        text-align: center;
      }

      .nav-join__title {
        margin: 0;
        font-size: clamp(1.12rem, 2.5vw, 2.6rem);
        line-height: 1;
        letter-spacing: 0;
        text-align: center;
        color: rgba(248, 244, 234, 0.98);
      }

      .nav-join__subtitle {
        margin: 0;
        color: rgba(248, 244, 234, 0.86);
        font-size: clamp(1.12rem, 2.5vw, 2.6rem);
        line-height: 1.1;
        font-weight: 700;
        text-align: center;
      }

      .nav-join__launch {
        width: 100%;
      }

      .nav-join__launch.nav-zero__main-button {
        width: 100%;
        min-height: clamp(76px, 10.5vh, 120px);
      }

      .nav-join__launch .nav-zero__main-button-label {
        font-size: clamp(1.15rem, 2.4vw, 2.4rem);
      }

      .nav-join__stack .field label {
        font-size: clamp(1rem, 1.8vw, 1.7rem);
      }

      .nav-join__stack .field input {
        font-size: clamp(1rem, 1.7vw, 1.6rem);
      }

      .nav-join-shell .nav-join__stack .field input,
      .nav-mj-access-shell .account-gate__primary,
      .nav-mj-access-shell .account-gate__secondary,
      .nav-hub-shell .nav-hub__resume {
        min-height: 40px;
      }

      .nav-solo-duo__buttons {
        display: grid;
        gap: 12px;
        justify-items: stretch;
        width: 100%;
      }

      .nav-solo-duo__tile,
      .nav-hub__tile {
        width: 100%;
      }

      .nav-solo-duo__board {
        position: relative;
        width: min(100%, 1300px);
        height: 100%;
        min-height: 0;
        --nav-lower-offset: clamp(82px, 9vh, 108px);
      }

      .nav-solo-duo__eyebrow {
        position: absolute;
        top: var(--nav-lower-offset);
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        z-index: 1;
      }

      .nav-solo-duo__buttons {
        position: absolute;
        inset: 0;
        align-content: start;
        padding-top: calc(clamp(40px, 8vh, 96px) + var(--nav-lower-offset));
      }

      .nav-hub__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        align-items: stretch;
      }

      .nav-hub__tile .nav-zero__main-button-label {
        font-size: clamp(1.02rem, 2.15vw, 1.7rem);
      }

      .nav-hub__resume {
        width: min(100%, 420px);
        min-height: 44px;
        padding: 10px 16px;
        border-radius: 999px;
        border: 1px solid rgba(121, 224, 255, 0.44);
        background: rgba(4, 12, 36, 0.72);
        color: #fef8ea;
        font-weight: 900;
        box-shadow: 0 0 20px rgba(61, 174, 255, 0.16);
      }

      @media (max-width: 860px) {
        .layout {
          grid-template-columns: 1fr;
        }

        .grid-2 {
          grid-template-columns: 1fr;
        }

        .game-selection-header {
          grid-template-columns: 52px minmax(0, 1fr) 52px;
          grid-template-rows: 52px auto;
          gap: 8px;
          align-items: center;
          position: relative;
          z-index: 10;
          padding: 6px 8px 0;
        }

        .game-selection-header > .nav-zero__header-back {
          grid-column: 1;
          grid-row: 1;
        }

        .game-selection-header > .game-selection-header__copy {
          grid-column: 1 / -1;
          grid-row: 2;
          display: grid;
          gap: 4px;
          justify-items: center;
          padding-inline: 6px;
        }

        .game-selection-header > .nav-zero__header-menu {
          grid-column: 3;
          grid-row: 1;
          justify-self: end;
        }

        .game-selection-header .actions {
          gap: 6px;
          margin-top: 6px !important;
          justify-content: center !important;
          max-width: min(100%, 330px);
        }

        .game-selection-header .secondary {
          min-height: 34px;
          padding: 7px 9px;
          font-size: 0.72rem;
          line-height: 1;
        }

        .game-selection-header__eyebrow {
          margin-bottom: 0.15rem;
          font-size: 0.66rem;
          letter-spacing: 0.06em;
        }

        .create-route-shell .section-title {
          font-size: 0.94rem;
          line-height: 1.05;
        }

        .game-selection-header__subtitle {
          margin-top: 0.2rem;
          font-size: 0.72rem;
          line-height: 1.1;
        }

        .game-selection__grid-frame[data-grid-key="multi-13"] {
          --grid-cols: 3;
          --grid-rows: 5;
          --thumb-gap: clamp(4px, 1.5vw, 6px);
          --thumb-width: min(28vw, 12.2svh, 104px);
        }

        .game-selection__grid-frame[data-grid-key="multi-12"] {
          --grid-cols: 3;
          --grid-rows: 4;
          --thumb-gap: clamp(5px, 1.8vw, 8px);
          --thumb-width: min(28vw, 15.2svh, 108px);
        }

        .game-selection__grid-frame[data-grid-key="multi-11"] {
          --grid-cols: 3;
          --grid-rows: 4;
          --thumb-gap: clamp(5px, 1.8vw, 8px);
          --thumb-width: min(28vw, 15.2svh, 108px);
        }

        .game-selection__grid-frame {
          --thumb-gap: clamp(5px, 1.8vw, 8px);
          --thumb-width: min(28vw, 15.2svh, 108px);
        }

        .game-selection__grid-frame[data-grid-key="solo_duo-10"] {
          --grid-cols: 2;
          --grid-rows: 5;
          --thumb-gap: clamp(4px, 1.5vw, 6px);
          --thumb-width: min(35vw, 12.2svh, 112px);
        }

        .game-selection__grid-frame[data-grid-key="solo_duo-11"],
        .game-selection__grid-frame[data-grid-key="solo_duo-8"] {
          --grid-cols: 2;
          --grid-rows: 4;
          --thumb-gap: clamp(5px, 1.8vw, 8px);
          --thumb-width: min(31vw, 12.35svh, 108px);
        }

        .game-selection__screen {
          grid-template-rows: minmax(0, 1fr);
          padding: 6px 10px 10px;
        }

        .game-selection__board {
          align-items: center;
        }

        .game-selection__stage-shell {
          justify-content: center;
          align-items: flex-start;
          padding: 8px;
        }

        .game-selection__stage {
          width: min(100%, 420px);
          min-width: 0;
          max-width: none;
          height: auto;
          max-height: 100%;
        }

        .game-selection__panel-overlay {
          left: var(--panel-safe-left-mobile, var(--panel-safe-left));
          top: var(--panel-safe-top-mobile, var(--panel-safe-top));
          right: calc(100% - var(--panel-safe-right-mobile, var(--panel-safe-right)));
          bottom: calc(100% - var(--panel-safe-bottom-mobile, var(--panel-safe-bottom)));
        }

        .game-selection__panel-controls {
          gap: 4px;
          padding: 6px 7px;
          border-radius: 12px;
        }

        .game-selection__option-card {
          gap: 3px;
          border-radius: 0;
        }

        .game-selection__options-stack {
          gap: 4px;
        }

        .game-selection__option-toggle {
          gap: 6px;
          min-height: 36px;
          padding: 5px 30px 5px 8px;
        }

        .game-selection__option-toggle::after {
          right: 5px;
          width: 22px;
          height: 22px;
          font-size: 0.68rem;
        }

        .game-selection__option-title {
          font-size: 0.66rem;
          line-height: 1;
        }

        .game-selection__option-meta {
          max-width: 54%;
          gap: 1px;
        }

        .game-selection__option-summary {
          font-size: 0.6rem;
        }

        .game-selection__option-lock-count {
          font-size: 0.48rem;
        }

        .game-selection__option-body {
          padding: 0;
        }

        .game-selection__option-subtitle {
          font-size: 0.64rem;
          line-height: 1.12;
        }

        .game-selection__choice-row {
          gap: 4px;
        }

        .game-selection__choice {
          min-width: 36px;
          min-height: 36px;
          padding: 5px 8px;
          font-size: 0.6rem;
          line-height: 1;
        }

        .game-selection__choice.is-locked {
          min-width: 56px;
        }

        .game-selection__launch {
          min-height: 40px;
          padding: 8px 14px;
          font-size: 0.78rem;
        }

        .game-selection__panel[data-selection-panel="codebuzz"] .game-selection__choice {
          min-height: 36px;
        }

        .game-selection__panel[data-selection-panel="flashbuzz"] .game-selection__option-toggle {
          min-height: 36px;
          padding: 5px 30px 5px 8px;
        }

        .game-selection__panel[data-selection-panel="flashbuzz"] .game-selection__launch {
          min-height: 40px;
        }

        .game-selection__board--grid {
          align-items: center;
          justify-content: center;
          overflow: hidden;
          padding: 4px 8px 10px;
        }

        .game-selection__board--grid .game-selection__grid-frame {
          width: 100%;
          height: 100%;
          max-width: 100%;
          max-height: 100%;
          margin: 0 auto;
          overflow: hidden;
          align-items: center;
          justify-items: center;
        }

        .game-selection__board--grid .game-selection__thumb {
          width: min(100%, var(--thumb-width));
          height: auto;
          max-width: 100%;
          aspect-ratio: var(--thumb-ratio);
        }

        .game-selection-settings {
          width: 88vw;
        }

        .waiting-room-shell {
          grid-template-rows:
            var(--tabuzzz-header-height)
            minmax(0, var(--tabuzzz-content-top-fr))
            minmax(0, var(--tabuzzz-content-main-fr))
            minmax(0, var(--tabuzzz-content-bottom-fr));
          padding: 0;
        }

        .waiting-room__body {
          grid-template-rows: auto auto auto minmax(0, auto) auto;
          gap: 1.6vh;
          padding-bottom: 1.5vh;
        }

        .waiting-room__identity,
        .waiting-room__message,
        .waiting-room__connection,
        .waiting-room__actions,
        .waiting-room__settings-line {
          width: 100%;
        }

        .waiting-room__connection {
          grid-template-columns: 1fr;
          justify-items: center;
          text-align: center;
        }

        .waiting-room__qr-frame {
          width: min(56vw, 220px);
          height: min(56vw, 220px);
        }

        .waiting-room__game-card {
          width: min(94vw, 420px);
          max-height: 34vh;
        }

        .waiting-room__game-image {
          max-height: 34vh;
        }

        .solo-shell__body {
          align-content: center;
          padding: 0;
        }

        .solo-shell.waiting-room-shell--static {
          --tabuzzz-header-height: var(--tabuzzz-header-preplay-height);
          --tabuzzz-header-logo-width: var(--tabuzzz-header-preplay-logo-width);
          --tabuzzz-header-logo-height: calc(var(--tabuzzz-header-height) * 0.8);
        }

        .solo-shell__card {
          width: auto;
          max-width: min(92vw, 420px);
          max-height: 100%;
          --solo-safe-pad: clamp(8px, 2.5vw, 12px);
          --solo-overlay-side-inset: 4%;
        }

        .solo-shell__game-board-image {
          max-height: 100%;
        }

        .solo-shell__card-overlay {
          gap: 7px;
        }

        .solo-shell__identity {
          gap: 8px;
        }

        .solo-shell__status {
          min-height: 38px;
        }

        .solo-shell__launch {
          min-height: 46px;
        }

        .nav-entry-board {
          --entry-button-left: 15%;
          --entry-button-width: 50%;
          --entry-controller-left: 70%;
        }

        .nav-entry-button__title {
          font-size: clamp(0.92rem, 3.4vw, 1.15rem);
        }

      .nav-entry-controller {
          top: 40%;
          width: 20%;
          height: 20%;
        }
      }

      @media (max-width: 860px) {
        .nav-hypervitesse-shell,
        .waiting-room-shell.nav-hypervitesse-shell,
        .nav-hypervitesse-shell .nav-zero-shell__backdrop {
          background-position: center center;
          background-size: cover;
        }

        .nav-hub__content {
          width: min(92vw, 420px);
        }

        .nav-hub__grid {
          grid-template-columns: 1fr;
        }

        .nav-hub__tile .nav-zero__main-button-label {
          font-size: clamp(1.08rem, 4.2vw, 1.72rem);
        }

        .nav-solo-duo__eyebrow {
          top: clamp(0px, 1vh, 10px);
          font-size: clamp(1.08rem, 4.2vw, 1.72rem);
        }

        .nav-solo-duo__buttons {
          padding-top: clamp(34px, 7vh, 72px);
        }
      }

      .player-board-stage {
        position: fixed;
        inset: 0;
        display: grid;
        place-items: center;
        overflow: hidden;
        padding: 0;
        background: #000;
      }

      .player-board-stage__viewport {
        width: min(100vw, calc(100dvh * var(--board-ratio, 0.667)));
        height: min(100dvh, calc(100vw / var(--board-ratio, 0.667)));
      }

      .player-board-stage__board {
        position: relative;
        width: 100%;
        height: 100%;
      }

      .player-board-stage__board .codebuzz-proto-board,
      .player-board-stage__board .bacbuzz-proto-board {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
      }

      .player-board-stage__board > .prototype-player-board {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }

      .prototype-player-board {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        --tpb-playzone-top: 12.8%;
        --tpb-playzone-right: 8.1%;
        --tpb-playzone-bottom: 7.4%;
        --tpb-playzone-left: 8.1%;
      }

      .prototype-player-board__bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: fill;
        display: block;
        user-select: none;
        pointer-events: none;
      }

      @media (max-width: 560px), (max-height: 560px), (pointer: coarse) and (max-width: 820px) {
        .player-board-stage__viewport {
          width: 100vw;
          height: 100dvh;
        }
      }

      .is-bacbuzz-keyboard-active .player-board-stage {
        place-items: start center;
        overflow: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
      }

      .is-bacbuzz-keyboard-active .feedback--global:not(.is-error) {
        display: none;
      }

      .is-bacbuzz-keyboard-active .player-board-stage__viewport {
        width: min(100vw, calc(var(--bacbuzz-keyboard-viewport-height, 100dvh) * var(--board-ratio, 0.667)));
        height: min(var(--bacbuzz-keyboard-viewport-height, 100dvh), calc(100vw / var(--board-ratio, 0.667)));
        max-height: var(--bacbuzz-keyboard-viewport-height, 100dvh);
      }

      @media (max-width: 560px), (max-height: 560px), (pointer: coarse) and (max-width: 820px) {
        .is-bacbuzz-keyboard-active .player-board-stage__viewport {
          width: 100vw;
          height: min(var(--bacbuzz-keyboard-viewport-height, 100dvh), 100dvh);
        }
      }

      .prototype-player-board__play-area {
        position: absolute;
        top: var(--tpb-playzone-top);
        right: var(--tpb-playzone-right);
        bottom: var(--tpb-playzone-bottom);
        left: var(--tpb-playzone-left);
        display: flex;
        min-width: 0;
        min-height: 0;
        overflow: hidden;
        z-index: 2;
        container-type: size;
      }

      .prototype-player-board--memorybuzz {
        --tpb-playzone-top: 16.8%;
        --tpb-playzone-right: 6.8%;
        --tpb-playzone-bottom: 4.8%;
        --tpb-playzone-left: 6.8%;
      }

      .prototype-player-board--bacbuzz {
        --tpb-playzone-top: 17.5%;
        --tpb-playzone-right: 7.5%;
        --tpb-playzone-bottom: 5.4%;
        --tpb-playzone-left: 7.5%;
      }

      .prototype-player-board--codebuzz {
        --tpb-playzone-top: 21.5%;
        --tpb-playzone-right: 6.0%;
        --tpb-playzone-bottom: 7.4%;
        --tpb-playzone-left: 8.6%;
      }

      .prototype-player-board--qibuzz {
        --tpb-playzone-top: 16.8%;
        --tpb-playzone-right: 7.8%;
        --tpb-playzone-bottom: 3.8%;
        --tpb-playzone-left: 7.8%;
      }

      .prototype-player-board--duobuzz {
        --tpb-playzone-top: 16.8%;
        --tpb-playzone-right: 7.8%;
        --tpb-playzone-bottom: 5.4%;
        --tpb-playzone-left: 7.8%;
      }

      .prototype-player-board--buzzvivor {
        --tpb-playzone-top: 16.8%;
        --tpb-playzone-right: 7.7%;
        --tpb-playzone-bottom: 7.2%;
        --tpb-playzone-left: 7.7%;
      }

      .prototype-player-board--roadbuzz {
        --tpb-playzone-top: 18.8%;
        --tpb-playzone-right: 7.8%;
        --tpb-playzone-bottom: 5.0%;
        --tpb-playzone-left: 7.8%;
      }

      .prototype-player-board--brainbuzz {
        --tpb-playzone-top: 19.4%;
        --tpb-playzone-right: 7.3%;
        --tpb-playzone-bottom: 5.8%;
        --tpb-playzone-left: 7.3%;
      }

      .prototype-player-board--flashbuzz {
        --tpb-playzone-top: 26.3%;
        --tpb-playzone-right: 6.8%;
        --tpb-playzone-bottom: 5.7%;
        --tpb-playzone-left: 6.8%;
      }

      .prototype-player-board--blindbuzz {
        --tpb-playzone-top: 18.4%;
        --tpb-playzone-right: 7.2%;
        --tpb-playzone-bottom: 5.6%;
        --tpb-playzone-left: 7.2%;
      }

      .prototype-player-board--melibuzz {
        --tpb-playzone-top: 16.5%;
        --tpb-playzone-right: 7.6%;
        --tpb-playzone-bottom: 4.9%;
        --tpb-playzone-left: 7.6%;
      }

      .prototype-player-board--chainbuzz {
        --tpb-playzone-top: 17.4%;
        --tpb-playzone-right: 7.4%;
        --tpb-playzone-bottom: 5.1%;
        --tpb-playzone-left: 7.4%;
      }

      .tpb-layout,
      .codebuzz-proto-board,
      .bacbuzz-proto-board {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
      }

      .tpb-layout {
        display: grid;
        grid-template-rows: auto auto minmax(0, 1fr) auto;
        gap: 14px;
        padding: 10px;
        color: #fff7ef;
      }

      .tpb-layout--loto {
        grid-template-rows: auto minmax(0, 1fr) auto auto auto;
      }

      .tpb-badges {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      .tpb-badge {
        min-width: 0;
        display: grid;
        gap: 4px;
        padding: 11px 12px;
        border-radius: 16px;
        background: rgba(15, 13, 21, 0.46);
        border: 1px solid rgba(255, 255, 255, 0.14);
      }

      .tpb-badge span {
        font-size: 0.73rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        opacity: 0.82;
      }

      .tpb-badge strong {
        font-size: 0.98rem;
        font-weight: 900;
        line-height: 1.1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .tpb-badge.is-accent {
        background: rgba(255, 175, 54, 0.2);
        border-color: rgba(255, 214, 127, 0.34);
      }

      .tpb-question {
        display: grid;
        align-items: center;
        min-height: 82px;
        padding: 16px 18px;
        border-radius: 20px;
        background: rgba(18, 14, 25, 0.5);
        border: 1px solid rgba(255, 255, 255, 0.14);
        font-size: 1.12rem;
        font-weight: 800;
        line-height: 1.24;
        text-align: center;
      }

      .tpb-attention-shell {
        display: grid;
        gap: 14px;
        min-height: 320px;
        place-items: center;
        align-content: center;
        padding: 24px 18px;
        border-radius: 24px;
        background: rgba(18, 14, 25, 0.56);
        border: 1px solid rgba(255, 213, 104, 0.26);
        text-align: center;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
      }

      .tpb-attention-title {
        color: #ffe07f;
        font-size: clamp(2rem, 6vw, 3.4rem);
        font-weight: 900;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        text-shadow: 0 0 18px rgba(255, 192, 59, 0.34);
        animation: tpbAttentionPulse 0.9s ease-in-out infinite alternate;
      }

      .tpb-attention-copy {
        color: rgba(247, 240, 224, 0.9);
        font-size: 1rem;
        font-weight: 700;
      }

      @keyframes tpbAttentionPulse {
        from {
          opacity: 0.56;
          transform: scale(0.985);
        }
        to {
          opacity: 1;
          transform: scale(1.015);
        }
      }

      .tpb-answer-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        align-content: start;
      }

      .tpb-answer {
        min-width: 0;
        min-height: 88px;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        padding: 14px 16px;
        border-radius: 18px;
        background: rgba(19, 14, 27, 0.56);
        border: 1px solid rgba(255, 255, 255, 0.16);
        color: inherit;
        text-align: left;
      }

      .tpb-answer strong {
        width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.16);
        font-size: 1rem;
        font-weight: 900;
      }

      .tpb-answer span {
        min-width: 0;
        font-size: 0.98rem;
        font-weight: 800;
        line-height: 1.2;
      }

      .tpb-answer.is-selected {
        border-color: rgba(255, 214, 127, 0.65);
        box-shadow: inset 0 0 0 2px rgba(255, 214, 127, 0.24);
      }

      .tpb-answer.is-correct {
        background: rgba(50, 146, 74, 0.78);
        border-color: rgba(188, 255, 171, 0.66);
      }

      .tpb-answer.is-wrong {
        background: rgba(170, 59, 59, 0.78);
        border-color: rgba(255, 193, 193, 0.52);
      }

      .tpb-hero-letter {
        display: grid;
        place-items: center;
        align-self: center;
        justify-self: center;
        width: min(42%, 220px);
        aspect-ratio: 1;
        border-radius: 999px;
        background: rgba(18, 14, 26, 0.5);
        border: 2px solid rgba(255, 255, 255, 0.16);
        font-size: 5rem;
        font-weight: 900;
        line-height: 1;
      }

      .tpb-field-stack {
        display: grid;
        gap: 12px;
        align-content: end;
      }

      .tpb-input {
        width: 100%;
        min-width: 0;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 18px;
        padding: 14px 16px;
        background: rgba(255, 252, 248, 0.96);
        color: #1d1a23;
        font-size: 1rem;
        font-weight: 800;
      }

      .tpb-input--large {
        min-height: 58px;
        font-size: 1.08rem;
      }

      .tpb-submit,
      .tpb-secondary {
        min-height: 56px;
        border-radius: 18px;
        font-size: 1rem;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      .tpb-submit {
        background: linear-gradient(180deg, #49dd61 0%, #138931 100%);
        color: #fff;
      }

      .tpb-vocal-submit {
        position: relative;
        isolation: isolate;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        min-height: 64px;
        padding: 0 24px 0 66px;
        border: 2px solid rgba(145, 241, 255, 0.78);
        border-radius: 999px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 44%),
          linear-gradient(135deg, #00d9ff 0%, #2366ff 36%, #8f48ff 68%, #ff48b5 100%);
        color: #fff;
        letter-spacing: 0.07em;
        text-shadow:
          0 2px 0 rgba(5, 9, 36, 0.58),
          0 0 14px rgba(255, 255, 255, 0.34);
        box-shadow:
          0 14px 30px rgba(0, 10, 40, 0.38),
          0 0 24px rgba(0, 217, 255, 0.44),
          0 0 34px rgba(255, 72, 181, 0.26),
          inset 0 1px 0 rgba(255, 255, 255, 0.52),
          inset 0 -11px 18px rgba(2, 7, 36, 0.32);
        transition:
          transform 140ms ease,
          box-shadow 140ms ease,
          border-color 140ms ease;
      }

      .tpb-vocal-submit::before {
        content: "";
        position: absolute;
        left: 17px;
        top: 50%;
        z-index: -1;
        width: 36px;
        height: 36px;
        border-radius: 999px;
        background:
          radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.88) 0 8%, rgba(255, 255, 255, 0) 30%),
          linear-gradient(135deg, rgba(0, 255, 209, 0.88), rgba(255, 55, 185, 0.88));
        box-shadow:
          0 0 18px rgba(0, 255, 209, 0.48),
          inset 0 0 0 2px rgba(255, 255, 255, 0.34);
        transform: translateY(-50%);
      }

      .tpb-vocal-submit::after {
        content: "";
        position: absolute;
        left: 30px;
        top: 50%;
        width: 10px;
        height: 15px;
        border: 3px solid #fff;
        border-radius: 999px 999px 8px 8px;
        box-shadow:
          0 14px 0 -5px #fff,
          0 19px 0 -7px #fff,
          0 0 12px rgba(255, 255, 255, 0.68);
        transform: translateY(-66%);
      }

      .tpb-vocal-submit:not(:disabled):hover,
      .tpb-vocal-submit:not(:disabled):focus-visible {
        border-color: rgba(255, 255, 255, 0.92);
        box-shadow:
          0 16px 34px rgba(0, 10, 40, 0.42),
          0 0 32px rgba(0, 217, 255, 0.58),
          0 0 44px rgba(255, 72, 181, 0.34),
          inset 0 1px 0 rgba(255, 255, 255, 0.62),
          inset 0 -11px 18px rgba(2, 7, 36, 0.32);
        transform: translateY(-1px);
      }

      .tpb-vocal-submit:disabled {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 44%),
          linear-gradient(135deg, #4b526d 0%, #26344f 58%, #172234 100%);
        border-color: rgba(255, 255, 255, 0.2);
        color: rgba(255, 255, 255, 0.72);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.12),
          inset 0 -9px 16px rgba(0, 0, 0, 0.18);
      }

      .tpb-vocal-submit:disabled::before {
        background: linear-gradient(135deg, rgba(163, 177, 202, 0.58), rgba(92, 105, 132, 0.58));
        box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.16);
      }

      .tpb-secondary {
        background: rgba(255, 255, 255, 0.14);
        color: #fff;
      }

      .tpb-action-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .tpb-status {
        min-height: 24px;
        display: grid;
        align-items: center;
        text-align: center;
        font-size: 0.96rem;
        font-weight: 800;
      }

      .tpb-buzz-button {
        width: min(76%, 360px);
        aspect-ratio: 1;
        align-self: center;
        justify-self: center;
        border-radius: 999px;
        background: radial-gradient(circle at 35% 28%, #fff3a8 0%, #ff7f39 42%, #c51c24 100%);
        color: #fff;
        font-size: 2.1rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        box-shadow: 0 22px 40px rgba(0, 0, 0, 0.22);
      }

      .tpb-buzz-button.is-active {
        box-shadow:
          0 0 0 10px rgba(255, 214, 127, 0.16),
          0 22px 40px rgba(0, 0, 0, 0.28);
      }

      .tpb-buzz-button:disabled {
        opacity: 0.6;
      }

      .tpb-reveal {
        display: grid;
        gap: 8px;
        padding: 14px 16px;
        border-radius: 18px;
        background: rgba(15, 13, 21, 0.48);
        border: 1px solid rgba(255, 255, 255, 0.14);
      }

      .tpb-reveal__row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        font-size: 0.95rem;
        font-weight: 800;
      }

      .tpb-reveal__copy {
        font-size: 0.9rem;
        line-height: 1.3;
        opacity: 0.92;
      }

      .tpb-stage-events,
      .tpb-joker-row,
      .tpb-chip-grid {
        display: grid;
        gap: 10px;
      }

      .tpb-stage-events,
      .tpb-joker-row {
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
      }

      .tpb-chip-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .tpb-stage-event,
      .tpb-joker,
      .tpb-chip {
        display: grid;
        place-items: center;
        min-height: 48px;
        padding: 10px 12px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.14);
        text-align: center;
        font-size: 0.9rem;
        font-weight: 900;
      }

      .tpb-joker.is-used {
        opacity: 0.42;
      }

      .tpb-meli-card {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      .tpb-meli-card__cell,
      .tpb-meli-grid__cell {
        min-width: 0;
        min-height: 68px;
        border-radius: 16px;
        display: grid;
        place-items: center;
        text-align: center;
        padding: 10px;
        font-size: 0.9rem;
        font-weight: 900;
        line-height: 1.12;
      }

      .tpb-meli-card__cell {
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.14);
      }

      .tpb-meli-card__cell.is-found {
        background: rgba(73, 221, 97, 0.26);
        border-color: rgba(173, 255, 170, 0.4);
      }

      .tpb-meli-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        align-content: start;
      }

      .tpb-meli-grid__cell {
        background: rgba(20, 14, 27, 0.56);
        border: 1px solid rgba(255, 255, 255, 0.14);
        color: #fff;
      }

      .tpb-meli-grid__cell.is-resolved {
        opacity: 0.42;
      }

      .tpb-sequence-strip {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        min-height: 58px;
        padding: 12px;
        border-radius: 18px;
        background: rgba(17, 13, 24, 0.5);
        border: 1px solid rgba(255, 255, 255, 0.14);
        align-items: center;
        justify-content: center;
      }

      .tpb-sequence-strip__item {
        min-width: 42px;
        height: 42px;
        padding: 0 12px;
        border-radius: 12px;
        display: grid;
        place-items: center;
        background: rgba(255, 255, 255, 0.14);
        font-weight: 900;
      }

      .tpb-sequence-strip__item.is-draft {
        background: rgba(255, 214, 127, 0.2);
      }

      .tpb-sequence-strip__hint {
        font-size: 0.9rem;
        font-weight: 800;
        opacity: 0.84;
        text-align: center;
      }

      .tpb-loto-carton {
        display: grid;
        gap: 10px;
        padding: 12px;
        border-radius: 18px;
        background: rgba(20, 14, 27, 0.5);
        border: 1px solid rgba(255, 255, 255, 0.14);
        align-content: center;
      }

      .tpb-loto-carton__row {
        display: grid;
        grid-template-columns: repeat(9, minmax(0, 1fr));
        gap: 8px;
      }

      .tpb-loto-carton__cell {
        min-height: 42px;
        display: grid;
        place-items: center;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.14);
        font-size: 0.96rem;
        font-weight: 900;
      }

      .tpb-loto-carton__cell.is-empty {
        background: rgba(255, 255, 255, 0.04);
      }

      .tpb-empty-state {
        width: 100%;
        height: 100%;
        display: grid;
        place-items: center;
        text-align: center;
        padding: 18px;
        color: #fff7ef;
        font-weight: 800;
      }

      .prototype-player-board--roadbuzz::after {
        content: "";
        position: absolute;
        left: 30%;
        right: 30%;
        top: 17.2%;
        height: 3.2%;
        border-radius: 999px;
        background:
          radial-gradient(circle at 50% 45%, rgba(255, 150, 24, 0.14), transparent 62%),
          linear-gradient(180deg, rgba(21, 5, 3, 0.96), rgba(12, 3, 2, 0.92));
        pointer-events: none;
        z-index: 1;
      }

      .tpb-badges {
        align-items: center;
      }

      .tpb-badge {
        border-radius: 8px;
        background: rgba(12, 7, 8, 0.34);
        border-color: rgba(255, 229, 74, 0.24);
        box-shadow: inset 0 0 15px rgba(255, 161, 33, 0.1);
      }

      .tpb-question {
        align-self: center;
        border-radius: 8px;
        background:
          radial-gradient(circle at 50% 8%, rgba(255, 246, 124, 0.13), transparent 40%),
          linear-gradient(150deg, rgba(58, 13, 4, 0.68), rgba(19, 7, 5, 0.4));
        border: 2px solid rgba(255, 231, 59, 0.44);
        font-size: clamp(1.45rem, 4.6vw, 2.35rem);
        line-height: 1.08;
        text-shadow:
          0 0 5px rgba(255, 255, 255, 0.75),
          0 4px 6px rgba(0, 0, 0, 0.9);
      }

      .tpb-answer-grid {
        align-self: start;
        transform: translateY(-10px);
      }

      .tpb-answer {
        border-radius: 8px;
        border-width: 2px;
        background:
          radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.18), transparent 28%),
          linear-gradient(150deg, rgba(255, 120, 18, 0.46), rgba(34, 8, 4, 0.68));
        border-color: rgba(255, 237, 83, 0.58);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.12),
          0 7px 10px rgba(0, 0, 0, 0.4);
      }

      .tpb-answer.is-correct {
        background: rgba(165, 255, 181, 0.9);
        border-color: #24ff6f;
        color: #07210c;
        box-shadow:
          inset 0 0 0 2px rgba(36, 255, 111, 0.55),
          0 0 18px rgba(36, 255, 111, 0.44);
      }

      .tpb-answer.is-wrong {
        background: rgba(255, 184, 184, 0.9);
        border-color: #ff3030;
        color: #2a0606;
        box-shadow:
          inset 0 0 0 2px rgba(255, 48, 48, 0.5),
          0 0 18px rgba(255, 48, 48, 0.36);
      }

      .tpb-buzz-button {
        width: min(78%, 440px);
        aspect-ratio: auto;
        align-self: end;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding: 0;
      }

      .tpb-buzz-button img {
        display: block;
        width: 100%;
        height: auto;
        pointer-events: none;
        user-select: none;
      }

      .tpb-buzz-button.is-active,
      .tpb-buzz-button.is-local-locked {
        box-shadow: none;
      }

      .tpb-buzz-button:disabled {
        opacity: 1;
      }

      .tpb-alpha-keyboard {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 6px;
        align-content: end;
      }

      .tpb-alpha-key {
        min-width: 0;
        min-height: clamp(34px, 6.4vw, 48px);
        padding: 0;
        border-radius: 8px;
        border: 2px solid rgba(130, 255, 255, 0.62);
        background:
          radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.2), transparent 34%),
          linear-gradient(180deg, rgba(35, 245, 255, 0.9), rgba(7, 63, 186, 0.92));
        color: #ffffff;
        font-size: clamp(0.86rem, 2.5vw, 1.14rem);
        font-weight: 1000;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72);
      }

      .tpb-alpha-key--wide {
        grid-column: span 4;
      }

      .tpb-alpha-keyboard .tpb-alpha-key--space {
        grid-column: 1 / span 3;
        grid-row: 5;
      }

      .tpb-alpha-keyboard .tpb-alpha-key--delete {
        grid-column: 4 / span 2;
        grid-row: 5;
      }

      .tpb-alpha-keyboard .tpb-alpha-key--wide.is-submit {
        grid-column: 6 / span 3;
        grid-row: 5;
      }

      .tpb-alpha-key.is-submit {
        background: linear-gradient(180deg, #35ff83, #079032);
        border-color: rgba(210, 255, 220, 0.9);
      }

      .tpb-chain-current {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        min-height: clamp(54px, 9vw, 74px);
        padding: 8px;
        border: 2px solid rgba(130, 255, 255, 0.7);
        border-radius: 8px;
        background: linear-gradient(150deg, rgba(4, 48, 75, 0.55), rgba(5, 12, 29, 0.46));
      }

      .tpb-chain-current span {
        width: clamp(30px, 5.5vw, 42px);
        height: clamp(36px, 6.4vw, 50px);
        display: grid;
        place-items: center;
        border-radius: 7px;
        background: rgba(255, 255, 255, 0.14);
        color: #ffffff;
        font-size: clamp(1.1rem, 3.6vw, 1.6rem);
        font-weight: 1000;
      }

      .tpb-chain-current span.is-required {
        background: rgba(35, 245, 255, 0.42);
        border: 1px solid rgba(190, 255, 255, 0.78);
      }

      .tpb-chain-current span.is-locked {
        box-shadow: 0 0 12px rgba(69, 238, 255, 0.32), inset 0 0 0 1px rgba(255, 255, 255, 0.28);
      }

      .tpb-chain-current span.is-empty {
        opacity: 0.56;
      }

      .tpb-chain-current span.is-space::after {
        content: "";
        width: 44%;
        height: 2px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.74);
      }

      .codebuzz-proto-board,
      .bacbuzz-proto-board {
        position: relative;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        overflow: hidden;
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 1000;
        isolation: isolate;
      }

      .codebuzz-proto-board {
        --good: #00ff38;
        --near: #006dff;
        --bad: #ff2028;
      }

      .codebuzz-proto-board::after {
        content: "";
        position: absolute;
        left: 9%;
        right: 8%;
        top: 68.8%;
        height: 17%;
        display: none;
        pointer-events: none;
        background:
          radial-gradient(circle at 10% 24%, #ff1d1d 0 2px, transparent 3px),
          radial-gradient(circle at 21% 8%, #ffea00 0 2px, transparent 3px),
          radial-gradient(circle at 34% 32%, #00eaff 0 2px, transparent 3px),
          radial-gradient(circle at 48% 12%, #ff4fc3 0 2px, transparent 3px),
          radial-gradient(circle at 62% 30%, #00f235 0 2px, transparent 3px),
          radial-gradient(circle at 76% 10%, #ad36ff 0 2px, transparent 3px),
          radial-gradient(circle at 91% 26%, #ff7a00 0 2px, transparent 3px);
        filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.45));
        opacity: 0.92;
        z-index: 5;
        animation: confettiPulse 900ms ease-out 1 both;
      }

      .codebuzz-proto-board[data-result="win"]::after {
        display: block;
      }

      @keyframes confettiPulse {
        0% {
          transform: translateY(3%) scale(0.96);
          opacity: 0;
        }
        45% {
          opacity: 0.96;
        }
        100% {
          transform: translateY(-2%) scale(1);
          opacity: 0.72;
        }
      }

      .codebuzz-proto-board .section-tag {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: grid;
        place-items: center;
        min-width: 62%;
        height: 4.6%;
        padding: 0 5.5%;
        color: #ffffff;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.88);
        font-size: clamp(14px, 3vw, 24px);
        line-height: 1;
        white-space: nowrap;
        background:
          linear-gradient(90deg, transparent 0 8%, rgba(32, 118, 212, 0.82) 8% 15%, rgba(5, 21, 75, 0.96) 15% 85%, rgba(32, 118, 212, 0.82) 85% 92%, transparent 92%),
          linear-gradient(180deg, rgba(224, 252, 255, 0.35), rgba(7, 23, 67, 0.92) 42%, rgba(1, 6, 25, 0.96));
        clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);
        border-top: 1px solid rgba(225, 250, 255, 0.7);
        border-bottom: 1px solid rgba(59, 177, 255, 0.75);
        z-index: 3;
      }

      .codebuzz-proto-board .section-tag--history {
        top: 21.35%;
      }

      .codebuzz-proto-board .section-tag--choice {
        top: 70.15%;
        min-width: 72%;
      }

      .codebuzz-proto-board[data-result="win"] .section-tag--choice {
        border-top-color: rgba(219, 255, 106, 0.92);
        border-bottom-color: rgba(109, 255, 29, 0.95);
        box-shadow: 0 0 18px rgba(87, 255, 0, 0.44);
      }

      .codebuzz-proto-board[data-result="lose"] .section-tag--choice {
        border-top-color: rgba(255, 193, 193, 0.82);
        border-bottom-color: rgba(255, 67, 67, 0.8);
        box-shadow: 0 0 16px rgba(255, 0, 0, 0.34);
      }

      .codebuzz-proto-board .history-zone {
        position: absolute;
        left: 9%;
        right: 9%;
        top: 29%;
        height: 39.5%;
        display: grid;
        grid-template-rows: repeat(var(--cb-rows, 12), minmax(0, 1fr));
        border-top: 1px dashed rgba(99, 255, 180, 0.28);
        border-bottom: 1px dashed rgba(99, 255, 180, 0.28);
        background: transparent;
        z-index: 2;
      }

      .codebuzz-proto-board .attempt-row {
        display: grid;
        grid-template-columns: minmax(0, 62%) minmax(0, 26%);
        align-items: center;
        justify-content: center;
        gap: 3%;
        min-width: 0;
        padding: 0 2%;
        border-bottom: 1px dashed rgba(99, 255, 180, 0.24);
      }

      .codebuzz-proto-board .attempt-row:last-child {
        border-bottom: 0;
      }

      .codebuzz-proto-board .attempt-code {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2.2%;
        min-width: 0;
      }

      .codebuzz-proto-board .attempt-feedback {
        display: grid;
        grid-template-columns: repeat(var(--feedback-count, 4), minmax(0, 1fr));
        place-items: center;
        gap: 3%;
        min-width: 0;
      }

      .codebuzz-proto-board .peg,
      .codebuzz-proto-board .mini-peg,
      .codebuzz-proto-board .palette-ball,
      .codebuzz-proto-board .slot-ball {
        border-radius: 999px;
        background:
          radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.18) 22%, transparent 36%),
          linear-gradient(145deg, color-mix(in srgb, var(--ball), #fff 14%), var(--ball) 48%, color-mix(in srgb, var(--ball), #000 28%));
        box-shadow:
          inset -4px -6px 9px rgba(0, 0, 0, 0.34),
          inset 3px 4px 7px rgba(255, 255, 255, 0.3),
          0 4px 8px rgba(0, 0, 0, 0.55);
      }

      .codebuzz-proto-board .peg {
        width: 8.6%;
        aspect-ratio: 1;
        flex: 0 0 8.6%;
        display: grid;
        place-items: center;
        color: var(--ink, #ffffff);
        font-size: clamp(8px, 1.8vw, 14px);
        line-height: 1;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72);
      }

      .codebuzz-proto-board[data-length="4"] .peg {
        width: 10.8%;
        flex-basis: 10.8%;
      }

      .codebuzz-proto-board[data-length="5"] .peg {
        width: 9.6%;
        flex-basis: 9.6%;
      }

      .codebuzz-proto-board .peg.is-ghost,
      .codebuzz-proto-board .mini-peg.is-ghost {
        --ball: #020305;
        opacity: 0.95;
        box-shadow:
          inset -5px -6px 9px rgba(0, 0, 0, 0.92),
          inset 2px 2px 5px rgba(255, 255, 255, 0.07),
          0 3px 8px rgba(0, 0, 0, 0.72);
      }

      .codebuzz-proto-board .mini-peg {
        width: 82%;
        max-width: 14px;
        aspect-ratio: 1;
        border: 1.5px solid rgba(0, 0, 0, 0.96);
        outline: 1px solid rgba(245, 255, 255, 0.24);
      }

      .codebuzz-proto-board[data-length="4"] .mini-peg {
        max-width: 16px;
      }

      .codebuzz-proto-board[data-length="5"] .mini-peg {
        max-width: 15px;
      }

      .codebuzz-proto-board .mini-peg.is-good {
        --ball: var(--good);
        box-shadow:
          0 0 0 1px rgba(230, 255, 230, 0.82),
          0 0 12px rgba(0, 255, 0, 0.98),
          0 0 22px rgba(0, 255, 0, 0.58);
      }

      .codebuzz-proto-board .mini-peg.is-near {
        --ball: var(--near);
        box-shadow:
          0 0 0 1px rgba(224, 238, 255, 0.82),
          0 0 12px rgba(0, 91, 255, 0.98),
          0 0 22px rgba(0, 91, 255, 0.62);
      }

      .codebuzz-proto-board .mini-peg.is-bad {
        --ball: var(--bad);
        box-shadow:
          0 0 0 1px rgba(255, 228, 228, 0.82),
          0 0 12px rgba(255, 0, 0, 0.98),
          0 0 22px rgba(255, 0, 0, 0.62);
      }

      .codebuzz-proto-board .feedback-legend {
        position: absolute;
        left: 10%;
        right: 10%;
        top: 26.6%;
        min-height: 2%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3%;
        color: rgba(255, 255, 255, 0.9);
        font-size: clamp(7px, 1.5vw, 11px);
        font-weight: 900;
        text-transform: uppercase;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82);
        z-index: 3;
      }

      .codebuzz-proto-board .feedback-legend span {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        min-width: 0;
      }

      .codebuzz-proto-board .feedback-legend .mini-peg {
        width: 10px;
        max-width: 10px;
        flex: 0 0 10px;
      }

      .codebuzz-proto-board .choice-panel {
        --choice-left: 8.6%;
        --choice-right: 7.4%;
        --choice-gap: 2%;
        --validate-width: 20%;
        position: absolute;
        left: var(--choice-left);
        right: var(--choice-right);
        top: 73.5%;
        height: 10.8%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) var(--validate-width);
        align-items: center;
        gap: var(--choice-gap);
        padding: 0.7% 0 1.1% 1.1%;
        border: 0;
        background: transparent;
        z-index: 3;
      }

      .codebuzz-proto-board[data-length="4"] .choice-panel {
        --choice-left: 13.2%;
        --choice-right: 8.6%;
        --choice-gap: 2.4%;
        --validate-width: 23%;
      }

      .codebuzz-proto-board[data-length="5"] .choice-panel {
        --choice-left: 11.2%;
        --choice-right: 7%;
        --choice-gap: 1.9%;
        --validate-width: 19.4%;
      }

      .codebuzz-proto-board[data-result="win"] .choice-panel,
      .codebuzz-proto-board[data-result="lose"] .choice-panel {
        --choice-left: 13.2%;
        --choice-right: 8.6%;
        --choice-gap: 2.4%;
        --validate-width: 23%;
        grid-template-columns: minmax(0, 1fr) var(--validate-width);
      }

      .codebuzz-proto-board .slots {
        display: grid;
        grid-template-columns: repeat(var(--cb-code-length, 4), minmax(0, 1fr));
        align-items: center;
        gap: 1.8%;
        min-width: 0;
        height: 100%;
      }

      .codebuzz-proto-board .slot {
        min-width: 0;
        height: 100%;
        display: grid;
        place-items: center;
        border: 0;
        background: transparent;
        padding: 0;
      }

      .codebuzz-proto-board .slot-ball {
        width: auto;
        height: 92%;
        max-width: 100%;
        aspect-ratio: 1;
        display: grid;
        place-items: center;
        color: var(--ink, #ffffff);
        font-size: clamp(20px, 4vw, 34px);
      }

      .codebuzz-proto-board .slot:not(.is-filled) .slot-ball {
        --ball: rgba(255, 255, 255, 0.08);
        color: #ffffff;
        border: 2px solid rgba(255, 255, 255, 0.48);
        background: rgba(5, 7, 14, 0.34);
      }

      .codebuzz-proto-board .slot.is-selected .slot-ball {
        outline: 3px solid rgba(255, 255, 255, 0.9);
        filter: brightness(1.12);
      }

      .codebuzz-proto-board[data-result="win"] .slots .slot-ball {
        animation: winSlotPop 720ms cubic-bezier(0.18, 0.92, 0.26, 1.12) 1 both;
      }

      .codebuzz-proto-board[data-result="win"] .slots .slot-ball,
      .codebuzz-proto-board[data-result="lose"] .slots .slot-ball {
        opacity: 1;
        filter: saturate(1.2) brightness(1.08);
        border: 3px solid rgba(255, 255, 255, 0.86);
        box-shadow:
          inset -4px -6px 9px rgba(0, 0, 0, 0.3),
          inset 3px 4px 7px rgba(255, 255, 255, 0.34),
          0 0 0 2px rgba(255, 238, 106, 0.42),
          0 6px 14px rgba(0, 0, 0, 0.62);
      }

      .codebuzz-proto-board[data-result="win"] .slots .slot:disabled,
      .codebuzz-proto-board[data-result="lose"] .slots .slot:disabled {
        opacity: 1;
      }

      @keyframes winSlotPop {
        0%, 100% { transform: scale(1); }
        45% { transform: scale(1.08); }
      }

      .codebuzz-proto-board .validate-button {
        justify-self: stretch;
        align-self: center;
        min-height: 0;
        height: 62%;
        border: 2px solid rgba(255, 244, 197, 0.92);
        border-radius: 7px;
        background: linear-gradient(180deg, #ffcf2e, #ff7a12 48%, #df3e06);
        color: #ffffff;
        font-size: clamp(10px, 1.9vw, 15px);
        font-weight: 1000;
        text-transform: uppercase;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
      }

      .codebuzz-proto-board[data-result="win"] .validate-button,
      .codebuzz-proto-board[data-result="lose"] .validate-button {
        display: block;
        background: linear-gradient(180deg, #fff46a, #ffc328 45%, #ff7c12);
        color: #10203a;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
        border-color: rgba(255, 255, 255, 0.95);
        box-shadow: 0 0 18px rgba(255, 208, 37, 0.62);
      }

      .codebuzz-proto-board .palette-zone {
        position: absolute;
        left: 9.6%;
        right: 9.6%;
        bottom: 9.1%;
        height: 6.25%;
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 2.8%;
        z-index: 3;
      }

      .codebuzz-proto-board .palette-ball {
        display: grid;
        place-items: center;
        justify-self: center;
        align-self: center;
        width: auto;
        height: 100%;
        max-width: 100%;
        aspect-ratio: 1;
        border: 3px solid rgba(255, 255, 255, 0.76);
        color: var(--ink, #ffffff);
        font-size: clamp(15px, 3.2vw, 28px);
        font-weight: 1000;
      }

      .codebuzz-proto-board[data-result="win"] .palette-zone,
      .codebuzz-proto-board[data-result="lose"] .palette-zone {
        opacity: 0;
        pointer-events: none;
      }

      .codebuzz-proto-board .palette-ball:disabled {
        opacity: 0.6;
      }

      @media (max-width: 560px), (max-height: 720px), (pointer: coarse) and (max-width: 820px) {
        .prototype-player-board--codebuzz {
          --tpb-playzone-top: 20.2%;
          --tpb-playzone-right: 5.6%;
          --tpb-playzone-bottom: 5.8%;
          --tpb-playzone-left: 6.2%;
        }

        .codebuzz-proto-board .section-tag {
          height: 4.3%;
          min-width: 58%;
          font-size: clamp(11px, 3.2vw, 16px);
        }

        .codebuzz-proto-board .section-tag--history {
          top: 20.9%;
        }

        .codebuzz-proto-board .feedback-legend {
          top: 26.2%;
          gap: 2%;
          font-size: clamp(6px, 1.85vw, 9px);
        }

        .codebuzz-proto-board .history-zone {
          left: 10%;
          right: 10%;
          top: 29.2%;
          height: 35.4%;
        }

        .codebuzz-proto-board .peg {
          font-size: clamp(7px, 2.1vw, 10px);
        }

        .codebuzz-proto-board .mini-peg {
          max-width: 11px;
        }

        .codebuzz-proto-board .section-tag--choice {
          top: 66.4%;
          min-width: 78%;
        }

        .codebuzz-proto-board .choice-panel,
        .codebuzz-proto-board[data-length="4"] .choice-panel,
        .codebuzz-proto-board[data-length="5"] .choice-panel,
        .codebuzz-proto-board[data-result="win"] .choice-panel,
        .codebuzz-proto-board[data-result="lose"] .choice-panel {
          left: 8%;
          right: 8%;
          top: 70.6%;
          height: 15.6%;
          display: grid;
          grid-template-columns: 1fr;
          grid-template-rows: minmax(34px, 32%) minmax(0, 1fr);
          gap: 5%;
          padding: 0;
        }

        .codebuzz-proto-board .slots {
          grid-row: 2;
          gap: 2.6%;
          height: 100%;
          justify-items: center;
        }

        .codebuzz-proto-board .slot {
          width: 100%;
          min-height: 42px;
        }

        .codebuzz-proto-board .slot-ball {
          height: clamp(38px, 6.6vh, 52px);
          max-height: 100%;
          font-size: clamp(18px, 6vw, 28px);
        }

        .codebuzz-proto-board .validate-button {
          grid-row: 1;
          min-height: 34px;
          height: 100%;
          width: min(72%, 230px);
          justify-self: center;
          border-radius: 10px;
          font-size: clamp(0.74rem, 3.6vw, 0.98rem);
          box-shadow: 0 0 20px rgba(255, 157, 18, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.34);
        }

        .codebuzz-proto-board .palette-zone {
          left: 8%;
          right: 8%;
          bottom: 5.8%;
          height: 5.8%;
          gap: 1.7%;
        }

        .codebuzz-proto-board .palette-ball {
          border-width: 2px;
          font-size: clamp(12px, 3.6vw, 18px);
        }
      }

      .bacbuzz-proto-board {
        display: grid;
        grid-template-rows: 17% 10% 56% 13%;
        gap: 0;
        pointer-events: none;
      }

      .bacbuzz-proto-board:has(.category-panel--reveal) {
        grid-template-rows: 13% 9% 68% 10%;
      }

      .bacbuzz-proto-board .round-head {
        align-self: end;
        justify-self: center;
        width: 92%;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 12px;
      }

      .bacbuzz-proto-board .meta {
        color: #ffffff;
        font-size: clamp(14px, 2.3vw, 19px);
        text-transform: uppercase;
        text-shadow:
          0 0 5px rgba(255, 255, 255, 0.9),
          0 0 12px rgba(255, 34, 23, 0.82),
          0 3px 5px rgba(0, 0, 0, 0.86);
        white-space: nowrap;
      }

      .bacbuzz-proto-board .meta--right {
        justify-self: end;
      }

      .bacbuzz-proto-board .letter-orb {
        width: clamp(62px, 11vw, 86px);
        aspect-ratio: 1;
        display: grid;
        place-items: center;
        border: 3px solid rgba(255, 235, 205, 0.96);
        border-radius: 50%;
        background:
          radial-gradient(circle at 36% 22%, #ffffff 0 10%, #ffe7c8 19%, #ff3a20 50%, #b50e08 74%, #390302 100%);
        box-shadow:
          inset 0 0 18px rgba(255, 255, 255, 0.48),
          0 0 14px rgba(255, 255, 255, 0.68),
          0 0 30px rgba(255, 34, 23, 0.88);
        color: #ffffff;
        font-size: clamp(36px, 6.2vw, 52px);
        text-shadow:
          0 2px 2px rgba(0, 0, 0, 0.76),
          0 0 8px rgba(0, 0, 0, 0.82);
      }

      .bacbuzz-proto-board .context-line {
        align-self: center;
        justify-self: center;
        width: 94%;
        color: #ffffff;
        font-size: clamp(22px, 3.8vw, 32px);
        text-align: center;
        text-transform: uppercase;
        text-shadow:
          0 0 5px rgba(255, 255, 255, 0.9),
          0 0 13px rgba(255, 34, 23, 0.86),
          0 4px 6px rgba(0, 0, 0, 0.9);
      }

      .bacbuzz-proto-board .category-panel {
        align-self: center;
        justify-self: center;
        width: 94%;
        height: 94%;
        display: grid;
        grid-template-columns: repeat(var(--bacbuzz-columns, 1), minmax(0, 1fr));
        grid-auto-rows: minmax(0, 1fr);
        gap: 9px;
        padding: 13px;
        border: 2px solid rgba(255, 210, 64, 0.64);
        border-radius: 8px;
        background:
          radial-gradient(circle at 50% 0%, rgba(255, 78, 45, 0.15), transparent 44%),
          linear-gradient(150deg, rgba(58, 7, 6, 0.62), rgba(15, 3, 3, 0.42));
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.12),
          inset 0 0 24px rgba(255, 34, 23, 0.18),
          0 8px 12px rgba(0, 0, 0, 0.42),
          0 0 18px rgba(255, 34, 23, 0.3);
        pointer-events: auto;
      }

      .bacbuzz-proto-board .category-panel--reveal {
        gap: 6px;
        padding: 8px;
      }

      .bacbuzz-proto-board .category-row {
        min-height: 0;
        height: 100%;
        max-height: 100%;
        display: grid;
        grid-template-columns: minmax(132px, 39%) minmax(0, 1fr);
        align-items: stretch;
        border: 2px solid var(--row-color, #ffd134);
        border-radius: 7px;
        box-sizing: border-box;
        overflow: hidden;
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.1),
          0 0 12px var(--row-glow, rgba(255, 209, 52, 0.5)),
          0 5px 8px rgba(0, 0, 0, 0.34);
      }

      .bacbuzz-proto-board .category-row--green { --row-color: #24ff6f; --row-light: #78ff95; --row-glow: rgba(36,255,111,0.5); }
      .bacbuzz-proto-board .category-row--violet { --row-color: #b84dff; --row-light: #d990ff; --row-glow: rgba(184,77,255,0.5); }
      .bacbuzz-proto-board .category-row--blue { --row-color: #1fa8ff; --row-light: #77d7ff; --row-glow: rgba(31,168,255,0.5); }
      .bacbuzz-proto-board .category-row--red { --row-color: #ff3026; --row-light: #ff7c73; --row-glow: rgba(255,48,38,0.5); }
      .bacbuzz-proto-board .category-row--gold { --row-color: #ffd134; --row-light: #ffe987; --row-glow: rgba(255,209,52,0.5); }
      .bacbuzz-proto-board .category-row--orange { --row-color: #ff8b16; --row-light: #ffbc64; --row-glow: rgba(255,139,22,0.5); }

      .bacbuzz-proto-board .category-label {
        min-width: 0;
        min-height: 0;
        display: grid;
        place-items: center;
        padding-inline: 10%;
        box-sizing: border-box;
        background:
          linear-gradient(90deg, var(--row-color, #ffd134) 0 6px, transparent 6px),
          radial-gradient(circle at 28% 10%, var(--row-glow, rgba(255, 209, 52, 0.44)), transparent 44%),
          linear-gradient(180deg, rgba(28, 10, 8, 0.98), rgba(7, 3, 4, 0.92));
        color: #ffffff;
        font-size: var(--bacbuzz-label-size, clamp(10px, 1.7vw, 16px));
        font-weight: 1000;
        line-height: 0.98;
        text-transform: uppercase;
        white-space: normal;
        overflow-wrap: anywhere;
        overflow: hidden;
        text-align: center;
        -webkit-text-stroke: 0.35px rgba(0, 0, 0, 0.9);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.12),
          inset 0 0 18px rgba(0, 0, 0, 0.42);
        text-shadow:
          0 1px 1px rgba(0, 0, 0, 0.98),
          0 0 5px rgba(0, 0, 0, 0.92),
          0 3px 4px rgba(0, 0, 0, 0.86);
      }

      .bacbuzz-proto-board .word-field {
        min-width: 0;
        min-height: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: 0;
        border-left: 2px solid rgba(255, 255, 255, 0.32);
        outline: none;
        padding: 0 22px;
        color: #220606;
        background:
          radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.8), transparent 38%),
          linear-gradient(180deg, #ffffff, #f2eee9 70%, #d8d0c8);
        font: inherit;
        font-size: clamp(18px, 3.2vw, 26px);
        font-weight: 1000;
        text-transform: uppercase;
        box-shadow: inset 0 0 9px rgba(255, 255, 255, 0.5);
      }

      .bacbuzz-proto-board .category-row.is-filled .word-field {
        color: #ffffff;
        background:
          radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.18), transparent 36%),
          linear-gradient(150deg, rgba(48, 12, 10, 0.9), rgba(12, 3, 3, 0.78));
        text-shadow: 0 3px 5px rgba(0, 0, 0, 0.86);
      }

      .bacbuzz-proto-board .category-row.is-filled {
        border-color: #24ff6f;
        box-shadow:
          inset 0 0 0 2px rgba(36, 255, 111, 0.7),
          0 0 18px rgba(36, 255, 111, 0.72),
          0 5px 8px rgba(0, 0, 0, 0.34);
      }

      .bacbuzz-proto-board .reveal-row {
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(132px, 39%) minmax(0, 1fr);
        align-items: stretch;
        border: 2px solid var(--row-color, #ffd134);
        border-radius: 7px;
        overflow: hidden;
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.1),
          0 0 12px var(--row-glow, rgba(255, 209, 52, 0.5)),
          0 5px 8px rgba(0, 0, 0, 0.34);
      }

      .bacbuzz-proto-board .category-panel--reveal .category-label {
        padding-inline: 6px;
        font-size: clamp(9px, 1.45vw, 13px);
        line-height: 1.05;
        white-space: normal;
        overflow-wrap: anywhere;
      }

      .bacbuzz-proto-board .reveal-cell {
        min-width: 0;
        display: grid;
        align-content: center;
        gap: 3px;
        padding: 5px 9px 5px 12px;
        border-left: 2px solid rgba(255, 255, 255, 0.28);
        background:
          radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.16), transparent 38%),
          linear-gradient(150deg, rgba(38, 9, 8, 0.94), rgba(10, 2, 2, 0.82));
      }

      .bacbuzz-proto-board .reveal-main {
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 8px;
      }

      .bacbuzz-proto-board .reveal-answer {
        flex: 1 1 120px;
        min-width: 0;
        color: #ffffff;
        font-size: clamp(11px, 1.85vw, 16px);
        line-height: 0.98;
        text-transform: uppercase;
        white-space: normal;
        overflow: visible;
        overflow-wrap: anywhere;
        text-overflow: clip;
      }

      .bacbuzz-proto-board .reveal-row.is-valid .reveal-answer,
      .bacbuzz-proto-board .reveal-row.is-duplicate .reveal-answer {
        color: #78ff95;
        text-shadow:
          0 0 6px rgba(36, 255, 111, 0.72),
          0 2px 4px rgba(0, 0, 0, 0.82);
      }

      .bacbuzz-proto-board .reveal-row.is-invalid .reveal-answer {
        color: #ff8b82;
        text-decoration: line-through;
        text-decoration-thickness: 3px;
        text-decoration-color: #ff3026;
        text-shadow:
          0 0 5px rgba(255, 48, 38, 0.68),
          0 2px 4px rgba(0, 0, 0, 0.82);
      }

      .bacbuzz-proto-board .reveal-state {
        color: #ffffff;
        flex: 0 0 auto;
        font-size: clamp(9px, 1.45vw, 12px);
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
        padding: 4px 6px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.32);
        background: rgba(255, 255, 255, 0.12);
      }

      .bacbuzz-proto-board .reveal-row.is-valid .reveal-state {
        background: rgba(36, 255, 111, 0.18);
        border-color: rgba(36, 255, 111, 0.72);
        box-shadow: 0 0 10px rgba(36, 255, 111, 0.36);
      }

      .bacbuzz-proto-board .reveal-row.is-duplicate .reveal-state {
        background: rgba(255, 209, 52, 0.18);
        border-color: rgba(255, 209, 52, 0.74);
        box-shadow: 0 0 10px rgba(255, 209, 52, 0.34);
      }

      .bacbuzz-proto-board .reveal-row.is-invalid .reveal-state {
        background: rgba(255, 48, 38, 0.24);
        border-color: rgba(255, 124, 115, 0.8);
        box-shadow: 0 0 10px rgba(255, 48, 38, 0.42);
      }

      .bacbuzz-proto-board .reveal-examples {
        min-width: 0;
        color: #78ff95;
        font-size: clamp(8px, 1.35vw, 11px);
        line-height: 1.05;
        white-space: normal;
        overflow: visible;
        overflow-wrap: anywhere;
        text-overflow: clip;
        text-transform: uppercase;
        text-shadow:
          0 0 5px rgba(36, 255, 111, 0.72),
          0 2px 4px rgba(0, 0, 0, 0.82);
      }

      .bacbuzz-proto-board .category-panel--reveal ~ .actions .submit {
        min-width: clamp(190px, 36vw, 300px);
        height: clamp(44px, 7vw, 54px);
        font-size: clamp(18px, 3vw, 26px);
        line-height: 0.95;
      }

      .bacbuzz-proto-board .actions {
        align-self: center;
        justify-self: center;
        width: 94%;
        display: grid;
        place-items: center;
        pointer-events: auto;
      }

      .bacbuzz-proto-board .submit {
        justify-self: center;
        min-width: clamp(210px, 40vw, 340px);
        height: clamp(58px, 9.2vw, 78px);
        display: grid;
        place-items: center;
        padding: 2px 18px 5px;
        border: 3px solid rgba(220, 255, 218, 0.88);
        border-radius: 8px;
        color: #ffffff;
        background:
          radial-gradient(circle at 36% 18%, rgba(255, 255, 255, 0.28), transparent 30%),
          linear-gradient(180deg, #50ff60, #10b635 58%, #075016);
        box-shadow:
          inset 0 0 13px rgba(255, 255, 255, 0.25),
          0 0 20px rgba(36, 255, 111, 0.68),
          0 7px 10px rgba(0, 0, 0, 0.42);
        font-size: clamp(24px, 4.3vw, 36px);
        font-weight: 1000;
        line-height: 0.95;
        text-transform: uppercase;
      }

      .bacbuzz-proto-board .status-chip {
        color: #ffffff;
        font-size: clamp(13px, 2.1vw, 18px);
        text-align: center;
        text-transform: uppercase;
        text-shadow:
          0 0 5px rgba(255, 255, 255, 0.84),
          0 0 12px rgba(255, 34, 23, 0.74),
          0 3px 5px rgba(0, 0, 0, 0.84);
      }

      .is-bacbuzz-keyboard-active .prototype-player-board--bacbuzz {
        --tpb-playzone-top: 8%;
        --tpb-playzone-right: 5%;
        --tpb-playzone-bottom: 4%;
        --tpb-playzone-left: 5%;
      }

      .is-bacbuzz-keyboard-active .prototype-player-board--bacbuzz .prototype-player-board__bg {
        filter: brightness(0.7) saturate(0.95);
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board {
        grid-template-rows: 12% 11% minmax(0, 1fr) 10%;
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .round-head {
        width: 88%;
        gap: 8px;
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .meta {
        font-size: clamp(11px, 3.8vw, 15px);
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .letter-orb {
        width: clamp(42px, 13vw, 56px);
        border-width: 2px;
        font-size: clamp(25px, 8vw, 36px);
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .context-line {
        width: 96%;
        font-size: clamp(15px, 5.4vw, 22px);
        line-height: 1.05;
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .category-panel {
        width: 96%;
        height: 100%;
        gap: 5px;
        padding: 6px;
        overflow-y: auto;
        overscroll-behavior: contain;
        scroll-padding-block: 50%;
        align-content: start;
        grid-auto-rows: minmax(32px, 1fr);
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .category-row {
        min-height: 0;
        height: 100%;
        grid-template-columns: minmax(82px, 34%) minmax(0, 1fr);
        opacity: 0.62;
        border-width: 1px;
        transition: opacity 120ms ease, transform 120ms ease, box-shadow 120ms ease;
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .category-row.is-focused,
      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .category-row:focus-within {
        z-index: 4;
        opacity: 1;
        border-width: 2px;
        transform: scale(1.01);
        box-shadow:
          inset 0 0 0 2px rgba(255, 255, 255, 0.2),
          0 0 18px var(--row-glow, rgba(255, 209, 52, 0.5)),
          0 7px 14px rgba(0, 0, 0, 0.52);
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board.is-category-focused .category-panel {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: minmax(28px, 1fr);
        align-content: start;
        overflow-y: auto;
        padding: 6px;
        scroll-padding-block: 24px;
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board.is-category-focused .category-row:not(.is-focused) {
        display: grid;
        min-height: 28px;
        height: 100%;
        opacity: 0.44;
        transform: scale(0.98);
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board.is-category-focused .category-row.is-focused,
      .is-bacbuzz-keyboard-active .bacbuzz-proto-board.is-category-focused .category-row:focus-within {
        min-height: 0;
        height: 100%;
        grid-row: span 2;
        grid-template-columns: minmax(92px, 35%) minmax(0, 1fr);
        transform-origin: center;
        animation: bacbuzz-focus-row-in 150ms ease-out both;
      }

      @keyframes bacbuzz-focus-row-in {
        from {
          opacity: 0.86;
          transform: scale(0.96);
        }
        to {
          opacity: 1;
          transform: scale(1);
        }
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .category-label {
        padding-inline: 10%;
        font-size: var(--bacbuzz-keyboard-label-size, clamp(10px, 3vw, 13px));
        line-height: 0.96;
        white-space: normal;
        overflow-wrap: anywhere;
        overflow: hidden;
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .category-row.is-focused .category-label,
      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .category-row:focus-within .category-label {
        font-size: var(--bacbuzz-keyboard-focused-label-size, clamp(12px, 3.6vw, 16px));
        -webkit-text-stroke-width: 0.55px;
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .word-field {
        padding: 0 12px;
        font-size: clamp(15px, 5.1vw, 22px);
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .category-row.is-focused .word-field,
      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .category-row:focus-within .word-field {
        font-size: clamp(20px, 6.4vw, 28px);
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .actions {
        width: 96%;
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .status-chip {
        font-size: clamp(10px, 3.4vw, 14px);
      }

      .is-bacbuzz-keyboard-active .bacbuzz-proto-board .submit {
        min-width: min(72vw, 240px);
        height: clamp(38px, 10vw, 48px);
        font-size: clamp(16px, 5vw, 22px);
      }

      .proto-board {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        text-shadow:
          0 0 5px rgba(255, 255, 255, 0.82),
          0 4px 6px rgba(0, 0, 0, 0.88);
        pointer-events: none;
      }

      .proto-board *,
      .proto-board *::before,
      .proto-board *::after {
        box-sizing: border-box;
      }

      .proto-board button,
      .proto-board input,
      .proto-board [data-memorybuzz-item] {
        pointer-events: auto;
      }

      .proto-floating-line {
        align-self: center;
        justify-self: center;
        width: 94%;
        display: flex;
        justify-content: center;
        align-items: baseline;
        gap: 13px;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
        font-size: clamp(20px, 3.8vw, 31px);
        line-height: 1;
      }

      .proto-floating-line--solo {
        justify-content: center;
      }

      .proto-context {
        min-width: 0;
        color: #ffe93a;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .proto-points {
        color: #ffffff;
        font-size: clamp(13px, 2.3vw, 19px);
        white-space: nowrap;
      }

      .proto-board--quiz,
      .proto-board--duo {
        display: grid;
        grid-template-rows: 10% 38% 52%;
        gap: 0;
      }

      .proto-board--duo {
        grid-template-rows: 8.5% 31% minmax(0, 52.5%) 8%;
      }

      .proto-board--duo .proto-floating-line {
        width: 92%;
        gap: 8px;
        align-items: center;
        justify-content: center;
        font-size: clamp(14px, 2.2vw, 19px);
      }

      .proto-board--duo .proto-context {
        line-height: 1;
        white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
      }

      .proto-board--duo .proto-points {
        display: none;
      }

      .proto-board--duo-reveal {
        grid-template-rows: 8.5% 31% minmax(0, 44.5%) 16%;
      }

      .proto-board--roadbuzz {
        grid-template-rows: 9% 36% 48% 7%;
      }

      .proto-board--quiz.proto-board--has-footer {
        grid-template-rows: 8% 34% minmax(0, 43%) 15%;
      }

      .proto-question-box {
        align-self: center;
        justify-self: center;
        width: 92%;
        height: 86%;
        display: grid;
        grid-template-rows: auto 1fr;
        gap: 9px;
        padding: 12px 14px 14px;
        border: 2px solid rgba(255, 231, 59, 0.56);
        border-radius: 8px;
        background:
          radial-gradient(circle at 50% 10%, rgba(255, 246, 124, 0.16), transparent 38%),
          linear-gradient(150deg, rgba(58, 13, 4, 0.72), rgba(19, 7, 5, 0.42));
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.12),
          inset 0 0 25px rgba(255, 126, 20, 0.22),
          0 10px 15px rgba(0, 0, 0, 0.38);
        pointer-events: auto;
      }

      .proto-board--roadbuzz .proto-question-box {
        border-color: rgba(255, 188, 49, 0.72);
        background:
          radial-gradient(circle at 50% 10%, rgba(255, 222, 80, 0.18), transparent 40%),
          linear-gradient(150deg, rgba(81, 13, 4, 0.72), rgba(19, 7, 5, 0.46));
      }

      .proto-board--duo .proto-question-box,
      .proto-board--buzzvivor .proto-question-box {
        border-color: rgba(255, 88, 247, 0.66);
        background:
          radial-gradient(circle at 50% 10%, rgba(255, 103, 247, 0.17), transparent 40%),
          linear-gradient(150deg, rgba(40, 8, 88, 0.7), rgba(17, 6, 32, 0.46));
      }

      .proto-question-meta {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 10px;
        color: #ffe93a;
        font-size: clamp(13px, 2.3vw, 18px);
        line-height: 1;
        text-transform: uppercase;
      }

      .proto-question-meta span:nth-child(2) {
        min-width: 0;
        justify-self: center;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .proto-timer {
        justify-self: end;
        width: clamp(42px, 8.6vw, 62px);
        aspect-ratio: 1;
        display: grid;
        place-items: center;
        border: 3px solid #ffe83c;
        border-radius: 50%;
        background: radial-gradient(circle at 50% 48%, #351003 0 44%, #100504 45% 100%);
        color: #ffffff;
        font-size: clamp(17px, 3.3vw, 25px);
        line-height: 1;
      }

      .proto-question-text {
        align-self: center;
        justify-self: center;
        width: 100%;
        max-width: 560px;
        color: #ffffff;
        font-size: clamp(23px, 4.2vw, 38px);
        line-height: 1.08;
        text-align: center;
        overflow-wrap: anywhere;
      }

      .proto-question-visual {
        align-self: stretch;
        justify-self: stretch;
        min-width: 0;
        min-height: 0;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        place-items: center;
        gap: clamp(0.35rem, 1.2cqw, 0.7rem);
        color: #ffffff;
        text-align: center;
      }

      .proto-question-visual__media {
        width: 100%;
        height: 100%;
        min-height: 0;
        display: grid;
        place-items: center;
      }

      .proto-question-visual__image {
        width: min(76%, 22rem);
        max-width: 100%;
        max-height: 100%;
        aspect-ratio: 4 / 3;
        object-fit: contain;
        border-radius: clamp(0.3rem, 1cqw, 0.75rem);
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 0.45rem 1.2rem rgba(0, 0, 0, 0.36);
      }

      .proto-question-visual__caption {
        width: 100%;
        max-width: 100%;
        font-size: clamp(15px, 4cqw, 26px);
        line-height: 1.04;
        overflow-wrap: anywhere;
      }

      .proto-board--qibuzz .proto-floating-line,
      .proto-board--roadbuzz .proto-floating-line {
        width: 90%;
        gap: 8px;
        font-size: clamp(16px, 4.2cqw, 25px);
      }

      .proto-board--qibuzz.proto-board--has-footer {
        grid-template-rows: 10.5% 31.5% minmax(0, 38.5%) 19.5%;
      }

      .proto-board--qibuzz .proto-floating-line {
        align-self: end;
        width: 92%;
        padding: 0 8px 2px;
        transform: translateY(4px);
        font-size: clamp(14px, 3.5cqw, 20px);
        line-height: 1.05;
      }

      .proto-board--qibuzz .proto-context,
      .proto-board--roadbuzz .proto-context {
        max-width: 100%;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
      }

      .proto-board--qibuzz .proto-question-box,
      .proto-board--roadbuzz .proto-question-box {
        width: 90%;
        height: 88%;
        gap: 7px;
        padding: 9px 10px 11px;
      }

      .proto-board--qibuzz .proto-question-box {
        width: 92%;
        height: 91%;
      }

      .proto-board--qibuzz .proto-question-meta,
      .proto-board--roadbuzz .proto-question-meta {
        gap: 7px;
        font-size: clamp(11px, 2.9cqw, 15px);
      }

      .proto-board--qibuzz .proto-timer {
        width: clamp(48px, 11cqw, 60px);
        border-width: 3px;
        font-size: clamp(13px, 3.1cqw, 18px);
        line-height: 0.95;
      }

      .proto-board--roadbuzz .proto-timer {
        width: clamp(42px, 9cqw, 54px);
        border-width: 3px;
        font-size: clamp(12px, 2.8cqw, 17px);
        line-height: 0.92;
        overflow: hidden;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
      }

      .proto-board--roadbuzz .proto-question-meta span {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        line-height: 1.08;
      }

      .proto-board--qibuzz .proto-question-text,
      .proto-board--roadbuzz .proto-question-text {
        max-width: 100%;
        font-size: clamp(17px, 5.4cqw, 29px);
        line-height: 1.04;
      }

      .proto-answer-grid {
        align-self: start;
        justify-self: center;
        width: 92%;
        height: 86%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-auto-rows: minmax(0, 1fr);
        gap: 10px;
        transform: translateY(-8px);
        pointer-events: auto;
      }

      .proto-answer {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        padding: 12px;
        border: 2px solid rgba(255, 237, 83, 0.64);
        border-radius: 8px;
        background:
          radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.18), transparent 28%),
          linear-gradient(150deg, rgba(255, 120, 18, 0.5), rgba(34, 8, 4, 0.7));
        color: #ffffff;
        text-align: left;
        cursor: pointer;
        touch-action: manipulation;
        overflow: hidden;
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.1),
          0 7px 10px rgba(0, 0, 0, 0.38);
      }

      .proto-answer:disabled {
        cursor: default;
        pointer-events: none;
        opacity: 1;
        color: inherit;
      }

      .proto-answer:disabled b,
      .proto-answer:disabled span {
        opacity: 1;
        color: inherit;
        -webkit-text-fill-color: currentColor;
      }

      .proto-answer b {
        width: clamp(34px, 6vw, 46px);
        aspect-ratio: 1;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.18);
        font-size: clamp(15px, 2.7vw, 20px);
      }

      .proto-answer span {
        display: block;
        min-width: 0;
        font-size: clamp(16px, 3vw, 23px);
        line-height: 1.08;
        overflow-wrap: anywhere;
      }

      .proto-answer .proto-answer__content {
        display: grid;
        min-width: 0;
        min-height: 0;
        align-items: center;
        gap: clamp(0.25rem, 0.8cqw, 0.55rem);
      }

      .proto-answer .proto-answer-visual__media {
        width: 100%;
        min-height: 0;
        display: grid;
        place-items: center;
      }

      .proto-answer-visual__image {
        width: 100%;
        max-width: 100%;
        height: clamp(3.3rem, 16cqw, 7rem);
        max-height: 100%;
        object-fit: contain;
        border-radius: clamp(0.25rem, 0.8cqw, 0.65rem);
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 0.35rem 0.8rem rgba(0, 0, 0, 0.32);
      }

      .proto-answer--image {
        align-items: stretch;
      }

      .proto-answer.proto-answer--image .proto-answer__label {
        display: block;
        align-self: center;
        text-align: center;
        font-size: clamp(11px, 3.1cqw, 16px);
        line-height: 1.02;
      }

      .proto-board--qibuzz .proto-answer-grid,
      .proto-board--roadbuzz .proto-answer-grid {
        width: 91%;
        height: 91%;
        gap: 7px;
        transform: translateY(0);
      }

      .proto-board--qibuzz .proto-answer-grid {
        width: 92%;
        height: 91%;
        gap: 8px;
      }

      .proto-board--qibuzz .proto-answer,
      .proto-board--roadbuzz .proto-answer {
        gap: 7px;
        padding: 8px 9px;
        background:
          radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.22), transparent 28%),
          linear-gradient(150deg, rgba(255, 134, 24, 0.62), rgba(34, 8, 4, 0.78));
      }

      .proto-board--qibuzz .proto-answer b,
      .proto-board--roadbuzz .proto-answer b {
        width: clamp(28px, 7.2cqw, 36px);
        font-size: clamp(14px, 3.4cqw, 18px);
      }

      .proto-board--qibuzz .proto-answer span,
      .proto-board--roadbuzz .proto-answer span {
        font-size: clamp(14px, 4cqw, 18px);
        line-height: 1.08;
        font-weight: 1000;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.86), 0 0 7px rgba(255, 255, 255, 0.42);
      }

      .proto-board--qibuzz .proto-answer span {
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
      }

      @media (max-width: 420px) {
        .proto-board--qibuzz .proto-answer {
          gap: 5px;
          padding: 8px 7px;
        }

        .proto-board--qibuzz .proto-answer span {
          font-size: clamp(13px, 3.6cqw, 16px);
          line-height: 1.05;
        }
      }

      .proto-board--qibuzz .proto-answer--image .proto-answer__label,
      .proto-board--roadbuzz .proto-answer--image .proto-answer__label {
        font-size: clamp(10px, 3.2cqw, 14px);
      }

      @media (max-width: 560px), (max-height: 560px), (pointer: coarse) and (max-width: 820px) {
        .proto-board--roadbuzz .proto-floating-line,
        .proto-board--roadbuzz .proto-question-box,
        .proto-board--roadbuzz .proto-answer-grid {
          width: 90%;
        }

        .proto-board--roadbuzz .proto-answer-grid {
          grid-template-columns: minmax(0, 1fr);
          grid-template-rows: repeat(4, minmax(0, 1fr));
          gap: 6px;
        }

        .proto-board--roadbuzz .proto-answer {
          grid-template-columns: auto minmax(0, 1fr);
          padding: 7px 9px;
        }

        .proto-board--roadbuzz .proto-answer span {
          font-size: clamp(12px, 3.6cqw, 16px);
          line-height: 1.04;
          overflow-wrap: normal;
          word-break: normal;
        }
      }

      @media (max-width: 420px) {
        .proto-answer-grid:has(.proto-answer--image) {
          grid-template-columns: minmax(0, 1fr);
          grid-template-rows: repeat(4, minmax(0, 1fr));
        }
      }

      .proto-answer.is-selected {
        border-color: rgba(255, 255, 255, 0.92);
      }

      .proto-board--buzzvivor.proto-board--quiz {
        grid-template-rows: 9% 39% 52%;
      }

      .proto-board--buzzvivor .proto-floating-line {
        width: 90%;
        gap: 7px;
        font-size: clamp(16px, 4.4cqw, 24px);
      }

      .proto-board--buzzvivor .proto-points {
        font-size: clamp(10px, 2.6cqw, 14px);
      }

      .proto-board--buzzvivor .proto-question-box {
        width: 90%;
        height: 88%;
        gap: 6px;
        padding: 8px 9px 10px;
      }

      .proto-board--buzzvivor .proto-question-meta {
        gap: 6px;
        font-size: clamp(11px, 2.9cqw, 15px);
      }

      .proto-board--buzzvivor .proto-question-text {
        max-width: 100%;
        font-size: clamp(18px, 6.4cqw, 29px);
        line-height: 1.04;
      }

      .proto-board--buzzvivor .proto-answer-grid {
        width: 90%;
        height: 88%;
        gap: 6px;
        transform: translateY(-3px);
      }

      .proto-board--buzzvivor .proto-answer {
        gap: 6px;
        padding: 8px;
      }

      .proto-board--buzzvivor .proto-answer b {
        width: clamp(28px, 7.2cqw, 36px);
        font-size: clamp(14px, 3.4cqw, 18px);
      }

      .proto-board--buzzvivor .proto-answer span {
        font-size: clamp(13px, 4.3cqw, 18px);
        line-height: 1.04;
      }

      .proto-answer.is-correct {
        background: linear-gradient(150deg, rgba(38, 230, 78, 0.9), rgba(14, 92, 31, 0.92));
        border-color: #20ff62;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.86), 0 0 8px rgba(255, 255, 255, 0.46);
        box-shadow: inset 0 0 0 2px rgba(32, 255, 98, 0.62), 0 0 18px rgba(32, 255, 98, 0.42);
      }

      .proto-answer.is-wrong {
        background: linear-gradient(150deg, rgba(255, 80, 74, 0.9), rgba(112, 16, 16, 0.92));
        border-color: #ff3030;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.88), 0 0 8px rgba(255, 255, 255, 0.42);
        box-shadow: inset 0 0 0 2px rgba(255, 48, 48, 0.54), 0 0 18px rgba(255, 48, 48, 0.36);
      }

      .proto-answer.is-correct b,
      .proto-answer.is-wrong b {
        background: rgba(0, 0, 0, 0.2);
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
      }

      .proto-answer.is-correct span,
      .proto-answer.is-wrong span {
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
      }

      .proto-footer-stack,
      .proto-pass,
      .proto-stage-events {
        align-self: center;
        justify-self: center;
        width: 92%;
        min-height: 0;
      }

      .proto-footer-stack {
        display: grid;
        grid-template-rows: minmax(32px, 1fr) minmax(0, 0.86fr);
        gap: 5px;
        height: 100%;
      }

      .proto-board--qibuzz .proto-footer-stack {
        width: 92%;
        grid-template-rows: minmax(46px, 1fr) minmax(38px, 0.76fr);
        gap: 8px;
        padding-bottom: clamp(12px, 2vh, 18px);
        align-self: stretch;
        transform: translateY(-8px);
      }

      .proto-board--qibuzz .proto-footer-stack[aria-hidden="true"] {
        visibility: hidden;
        pointer-events: none;
      }

      .proto-board--qibuzz .proto-vocal-panel {
        height: 100%;
        gap: 0;
        align-content: stretch;
      }

      .proto-board--qibuzz .proto-vocal-panel .tpb-submit {
        min-height: 0;
        height: 100%;
        border-radius: 18px;
        letter-spacing: 0;
      }

      .proto-footer-stack .proto-pass,
      .proto-footer-stack .proto-stage-events {
        width: 100%;
        min-height: 0;
        height: 100%;
      }

      .proto-pass {
        min-height: 34px;
        height: min(42px, 78%);
        display: grid;
        place-items: center;
        padding: 0 12px;
        border-radius: 8px;
        border: 2px solid rgba(255, 231, 59, 0.7);
        background: rgba(18, 8, 4, 0.64);
        color: #ffffff;
        font-size: clamp(12px, 3.4cqw, 17px);
        font-weight: 1000;
        text-transform: uppercase;
      }

      .proto-board--qibuzz .proto-pass {
        min-height: 0;
        height: 100%;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(43, 19, 9, 0.86), rgba(14, 6, 4, 0.88));
        letter-spacing: 0;
      }

      .proto-stage-events {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
      }

      .proto-stage-events span {
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.16);
        font-size: clamp(11px, 2vw, 15px);
      }

      .duo-entry-panel {
        align-self: start;
        justify-self: center;
        width: 92%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) clamp(96px, 22vw, 136px);
        gap: 10px;
        transform: translateY(-8px);
        pointer-events: auto;
      }

      .proto-bottom-status {
        align-self: end;
        justify-self: center;
        width: 94%;
        min-height: 28px;
        display: grid;
        place-items: center;
        color: #ffffff;
        font-size: clamp(14px, 2.6vw, 20px);
        text-align: center;
      }

      .proto-board--buzzer {
        display: grid;
        grid-template-rows: 11% 25% 5% 47% 12%;
        gap: 0;
      }

      .proto-board--buzzer .proto-floating-line {
        width: 90%;
        font-size: clamp(16px, 4.2cqw, 24px);
        line-height: 1.05;
      }

      .proto-board--buzzer .proto-context {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: anywhere;
      }

      .proto-board--blindbuzz {
        grid-template-rows: 8% 29% 10% 6% 47%;
      }

      .proto-buzzer-zone {
        grid-row: 4;
        align-self: stretch;
        justify-self: center;
        width: 100%;
        min-height: 0;
        display: grid;
        place-items: center;
        pointer-events: auto;
      }

      .proto-board--blindbuzz .proto-buzzer-zone {
        grid-row: 5;
      }

      .proto-board--buzzer .proto-bottom-status {
        grid-row: 5;
      }

      .proto-board--blindbuzz .proto-bottom-status {
        grid-row: 4;
      }

      .proto-buzzer-zone .tpb-buzz-button {
        width: min(68%, 320px);
        max-height: 100%;
      }

      .proto-buzzer-zone .tpb-buzz-button img {
        max-height: 100%;
        object-fit: contain;
      }

      .proto-board--brain {
        display: grid;
        grid-template-rows: 7.5% 21% 23% 3.5% 45%;
        gap: 0;
      }

      .brain-top-line {
        align-self: center;
        justify-self: center;
        width: 92%;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 10px;
        color: #dfff50;
        font-size: clamp(13px, 2.35vw, 19px);
        text-transform: uppercase;
      }

      .brain-top-line strong {
        color: #ffffff;
        font-size: clamp(18px, 3.7vw, 31px);
        text-align: center;
      }

      .brain-top-line span:last-child {
        justify-self: end;
      }

      .brain-question-card {
        align-self: center;
        justify-self: center;
        width: 92%;
        height: 88%;
        display: grid;
        place-items: center;
        padding: 12px 14px;
        border: 2px solid rgba(211, 255, 77, 0.64);
        border-radius: 8px;
        background:
          radial-gradient(circle at 50% 0%, rgba(220, 255, 80, 0.18), transparent 46%),
          linear-gradient(155deg, rgba(10, 34, 8, 0.72), rgba(2, 9, 2, 0.46));
      }

      .brain-question-card h1,
      .brain-question-card .proto-question-text {
        margin: 0;
        color: #ffffff;
        font-size: clamp(22px, 4.1vw, 36px);
        line-height: 1.08;
        text-align: center;
        overflow-wrap: anywhere;
      }

      .brain-question-card .proto-question-visual {
        width: 100%;
        height: 100%;
      }

      .proto-board--brain .proto-answer-grid {
        height: 94%;
        transform: translateY(0);
      }

      .brain-free-panel {
        align-self: center;
        justify-self: center;
        width: 92%;
        min-height: 64%;
        display: grid;
        place-items: center;
        border-radius: 8px;
        border: 2px solid rgba(211, 255, 77, 0.48);
        background: rgba(8, 24, 8, 0.46);
        font-size: clamp(20px, 3.8vw, 30px);
        text-transform: uppercase;
      }

      .brain-status {
        align-self: center;
        justify-self: center;
        width: 92%;
        min-height: 100%;
        display: grid;
        place-items: center;
        color: #dfff50;
        font-size: clamp(12px, 2.3vw, 18px);
        text-transform: uppercase;
      }

      .proto-buzzer-zone--brain {
        grid-row: 5;
        align-self: stretch;
        min-height: 0;
      }

      .proto-buzzer-zone--brain .tpb-buzz-button {
        width: min(58%, 240px);
        max-height: 100%;
      }

      .proto-board--brain .tpb-reveal {
        grid-row: 5;
        align-self: center;
        justify-self: center;
        width: 88%;
        padding: 12px 14px;
        border-radius: 8px;
      }

      .proto-board--meli {
        display: grid;
        grid-template-rows: 6.5% 23.5% 56% 14%;
        gap: 0;
      }

      .proto-board--meli .meli-symbol-sprite {
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
      }

      .proto-board--meli .symbols-head {
        align-self: center;
        justify-self: center;
        width: 88%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-weight: 1000;
        text-transform: uppercase;
        text-shadow:
          0 0 6px rgba(255, 255, 255, 0.92),
          0 0 15px rgba(77, 219, 255, 0.78),
          0 3px 5px rgba(0, 0, 0, 0.82);
      }

      .proto-board--meli .symbols-head__title {
        font-size: clamp(19px, 4.1vw, 32px);
        text-align: center;
        white-space: nowrap;
      }

      .proto-board--meli .score {
        display: none;
      }

      .meli-card,
      .meli-grid {
        justify-self: center;
        display: grid;
        gap: 8px;
        pointer-events: auto;
      }

      .meli-card {
        align-self: center;
        height: min(100%, 132px);
        width: auto;
        max-width: 76%;
        aspect-ratio: 3 / 2;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
      }

      .meli-card.is-extended {
        max-width: 86%;
        aspect-ratio: 4 / 2;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
      }

      .meli-grid {
        align-self: center;
        height: min(100%, 548px);
        width: auto;
        max-width: 91%;
        aspect-ratio: 1;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(4, minmax(0, 1fr));
        gap: 9px;
        transform: translateY(10px);
      }

      .meli-grid.is-large {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-template-rows: repeat(5, minmax(0, 1fr));
        gap: 7px;
      }

      .proto-board--meli .meli-symbol {
        --tone: #ffffff;
        --tone-dark: #1f1f38;
        position: relative;
        min-width: 0;
        min-height: 0;
        display: grid;
        place-items: center;
        padding: 0;
        border: 2px solid rgba(198, 231, 255, 0.62);
        border-radius: 8px;
        background:
          radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.14), transparent 22%),
          linear-gradient(150deg, rgba(8, 21, 71, 0.46), rgba(8, 9, 39, 0.24));
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.18),
          inset 0 0 18px rgba(77, 214, 255, 0.16),
          0 7px 10px rgba(0, 0, 0, 0.42),
          0 0 11px color-mix(in srgb, var(--tone), transparent 70%);
        color: var(--tone);
        overflow: hidden;
        transition:
          transform 130ms ease,
          border-color 130ms ease,
          box-shadow 130ms ease,
          filter 130ms ease;
      }

      .proto-board--meli button.meli-symbol {
        appearance: none;
        cursor: pointer;
        font: inherit;
      }

      .proto-board--meli button.meli-symbol:disabled {
        cursor: default;
      }

      .proto-board--meli .meli-symbol::before {
        content: "";
        position: absolute;
        inset: 11%;
        border-radius: inherit;
        background:
          radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--tone), #ffffff 50%) 0 8%, transparent 36%),
          radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--tone), transparent 42%) 0 18%, transparent 62%);
        opacity: 0.22;
        pointer-events: none;
      }

      .proto-board--meli .meli-symbol svg.icon {
        position: absolute;
        z-index: 2;
        left: 50%;
        top: 50%;
        width: 67%;
        height: 67%;
        overflow: visible;
        display: block;
        opacity: 1;
        transform: translate(-50%, -50%);
        filter:
          drop-shadow(0 0 3px rgba(255, 255, 255, 0.78))
          drop-shadow(0 0 10px color-mix(in srgb, var(--tone), transparent 20%))
          drop-shadow(0 8px 4px rgba(0, 0, 0, 0.42));
      }

      .proto-board--meli .meli-symbol__emoji {
        position: relative;
        z-index: 2;
        display: block;
        max-width: 86%;
        max-height: 86%;
        font-size: clamp(18px, 4.5vh, 31px);
        line-height: 1;
        filter:
          drop-shadow(0 0 4px rgba(255, 255, 255, 0.72))
          drop-shadow(0 7px 4px rgba(0, 0, 0, 0.42));
      }

      .proto-board--meli .meli-card .meli-symbol {
        border-color: rgba(255, 255, 255, 0.56);
        background:
          radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.16), transparent 24%),
          linear-gradient(150deg, rgba(8, 18, 62, 0.4), rgba(11, 7, 37, 0.22));
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.13),
          0 4px 8px rgba(0, 0, 0, 0.34),
          0 0 13px color-mix(in srgb, var(--tone), transparent 60%);
      }

      .proto-board--meli .meli-card .meli-symbol svg.icon {
        width: auto;
        height: 84%;
        aspect-ratio: 1;
        filter:
          drop-shadow(0 0 4px rgba(255, 255, 255, 0.88))
          drop-shadow(0 0 13px color-mix(in srgb, var(--tone), transparent 12%))
          drop-shadow(0 6px 4px rgba(0, 0, 0, 0.48));
      }

      .proto-board--meli .meli-card .meli-symbol__emoji {
        font-size: clamp(18px, 4.2vh, 30px);
      }

      .proto-board--meli .meli-symbol.is-found,
      .proto-board--meli .meli-grid-cell.is-resolved {
        border-color: #1fff63;
        background:
          radial-gradient(circle at 50% 50%, #b8ffd0 0 8%, #78eaa2 42%, #3ebd71 74%, #17693f 100%),
          radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.34), transparent 22%),
          linear-gradient(150deg, #a8ffc6, #1b6d42);
        filter: saturate(1.04);
        box-shadow:
          inset 0 0 0 2px rgba(36, 255, 113, 0.92),
          inset 0 0 26px rgba(120, 234, 162, 0.38),
          0 0 18px rgba(36, 255, 113, 0.78),
          0 7px 10px rgba(0, 0, 0, 0.42);
      }

      .proto-board--meli .meli-symbol.is-wrong {
        animation: meli-wrong-shake 260ms ease;
        border-color: #ff413d;
        background: radial-gradient(circle at 50% 50%, #ffd4d4 0 8%, #ff746c 45%, #a51616 100%);
        box-shadow: inset 0 0 0 2px rgba(255, 70, 66, 0.92), 0 0 20px rgba(255, 45, 45, 0.82), 0 7px 10px rgba(0, 0, 0, 0.42);
      }

      .proto-board--meli .meli-symbol.is-wrong::after {
        content: "x";
        position: absolute;
        inset: auto 6px 3px auto;
        color: #fff;
        font-size: clamp(18px, 4vw, 30px);
        font-weight: 1000;
        text-shadow: 0 0 8px #6f0000;
      }

      @keyframes meli-wrong-shake {
        0%, 100% { transform: translateX(0); }
        25% { transform: translateX(-4px); }
        50% { transform: translateX(4px); }
        75% { transform: translateX(-2px); }
      }

      .proto-board--meli .found-mark {
        display: none;
      }

      .meli-status {
        align-self: center;
        justify-self: center;
        width: 96%;
        box-sizing: border-box;
        min-height: 58px;
        display: grid;
        place-items: center;
        padding: 0 8px;
        color: #ffffff;
        font-size: 23px;
        font-weight: 1000;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        text-shadow:
          0 0 5px rgba(255, 255, 255, 0.96),
          0 0 14px rgba(255, 55, 232, 0.88),
          0 3px 5px rgba(0, 0, 0, 0.86);
        pointer-events: none;
      }

      .proto-board--meli .shape-heart {
        --tone: #ff2727;
        --tone-dark: #7a050c;
      }

      .proto-board--meli .shape-diamond {
        --tone: #ff9f17;
        --tone-dark: #8b3300;
      }

      .proto-board--meli .shape-star {
        --tone: #ffef25;
        --tone-dark: #9b7b00;
      }

      .proto-board--meli .shape-eye {
        --tone: #f4fbff;
        --tone-dark: #255bff;
      }

      .proto-board--meli .shape-paw {
        --tone: #ff65cf;
        --tone-dark: #841467;
      }

      .proto-board--meli .shape-crystal {
        --tone: #45eaff;
        --tone-dark: #1454b8;
      }

      .proto-board--meli .shape-plus {
        --tone: #c76bff;
        --tone-dark: #542487;
      }

      .proto-board--meli .shape-shield {
        --tone: #ffd02d;
        --tone-dark: #8f5c00;
      }

      .proto-board--meli .shape-bolt {
        --tone: #31ff82;
        --tone-dark: #026937;
      }

      .proto-board--meli .shape-moon {
        --tone: #7be0ff;
        --tone-dark: #16608f;
      }

      .proto-board--meli .shape-crown {
        --tone: #ff44f0;
        --tone-dark: #7a1578;
      }

      .proto-board--meli .shape-target {
        --tone: #ff643c;
        --tone-dark: #7d1200;
      }

      .proto-board--memory {
        display: grid;
        grid-template-rows: 9% 47% 12% 14% 7% 11%;
        gap: 0;
      }

      .memory-turn-banner {
        align-self: end;
        justify-self: center;
        width: 80%;
        margin-top: 0;
        color: #fff249;
        font-size: 4.4cqw;
        line-height: 0.96;
        text-align: center;
        text-transform: uppercase;
        text-shadow:
          0 0 6px #ff3c00,
          0 0 18px #ff7a00,
          0 3px 6px rgba(0, 0, 0, 0.8);
      }

      .memory-penta-wrap {
        position: relative;
        align-self: center;
        justify-self: center;
        width: min(94%, 50cqh);
        aspect-ratio: 1;
        pointer-events: auto;
      }

      .memory-penta {
        width: 100%;
        height: 100%;
        display: block;
        overflow: visible;
        filter: drop-shadow(0 4cqw 2cqw rgba(0, 0, 0, 0.76));
      }

      .memory-penta-cell {
        stroke: rgba(0, 0, 0, 0.94);
        stroke-width: 2.2;
        transition: transform 150ms ease, opacity 150ms ease, filter 150ms ease, stroke 150ms ease, stroke-width 150ms ease;
        transform-box: fill-box;
        transform-origin: center;
        cursor: pointer;
        filter: saturate(1.14) brightness(0.96);
      }

      .memory-penta-cell--b { fill: #086bff; }
      .memory-penta-cell--j { fill: #ffe100; }
      .memory-penta-cell--r { fill: #ff3b1f; }
      .memory-penta-cell--v { fill: #00c781; }
      .memory-penta-cell--o { fill: #8b2fff; }

      .memory-penta-cell.is-disabled {
        opacity: 0.58;
        filter: saturate(0.62) brightness(0.72);
        pointer-events: none;
      }

      .memory-penta-cell.is-dimmed {
        opacity: 0.48;
        filter: saturate(0.48) brightness(0.68);
      }

      .memory-penta-cell.is-active {
        opacity: 1;
        stroke: #ffffff;
        stroke-width: 2.8;
        transform: none;
        filter: saturate(1.62) brightness(1.42) drop-shadow(0 0 3.2cqw rgba(255, 255, 255, 0.74));
      }

      .memory-penta-cell.is-wrong {
        stroke: rgba(255, 48, 48, 0.98);
        stroke-width: 3.6;
        filter: saturate(1.25) brightness(1.08) drop-shadow(0 0 2.5cqw rgba(255, 60, 60, 0.8));
      }

      .memory-penta-hit-layer {
        position: absolute;
        inset: 0;
        z-index: 2;
        pointer-events: none;
      }

      .memory-penta-hit {
        position: absolute;
        width: 23%;
        height: 23%;
        padding: 0;
        border-radius: 999px;
        background: transparent;
        opacity: 0;
        pointer-events: auto;
      }

      .memory-penta-hit:disabled {
        pointer-events: none;
      }

      .memory-penta-hit--0 { left: 38.5%; top: 10%; }
      .memory-penta-hit--1 { left: 64%; top: 33%; }
      .memory-penta-hit--2 { left: 52%; top: 66%; }
      .memory-penta-hit--3 { left: 25%; top: 66%; }
      .memory-penta-hit--4 { left: 13%; top: 33%; }

      .memory-penta-label-layer {
        position: absolute;
        inset: 0;
        z-index: 3;
        pointer-events: none;
      }

      .memory-penta-label {
        position: absolute;
        width: 13.5%;
        height: 13.5%;
        display: grid;
        place-items: center;
        padding: 0;
        border-radius: 50%;
        border: 0.62cqw solid rgba(0, 0, 0, 0.86);
        background: rgba(248, 244, 234, 0.9);
        color: #030303;
        cursor: pointer;
        font-size: 3.7cqw;
        font-weight: 1000;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum" 1;
        line-height: 1;
        pointer-events: auto;
        text-shadow: none;
        -webkit-text-stroke: 0.07cqw rgba(0, 0, 0, 0.72);
        box-shadow: 0 1.4cqw 3.8cqw rgba(0, 0, 0, 0.34);
        transform: translate(-50%, -50%);
        transition: opacity 150ms ease, filter 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
        contain: layout paint;
      }

      .memory-penta-label:disabled {
        cursor: default;
        pointer-events: none;
      }

      .memory-penta-label.is-dimmed {
        opacity: 0.56;
        transform: translate(-50%, -50%);
        filter: saturate(0.58) brightness(0.74);
      }

      .memory-penta-label.is-active {
        border-color: rgba(255, 255, 255, 0.95);
        transform: translate(-50%, -50%);
        filter: saturate(1.3) brightness(1.18) drop-shadow(0 0 9px rgba(255, 255, 255, 0.62));
        box-shadow:
          0 0 0 0.9cqw rgba(255, 255, 255, 0.22),
          0 0 3.6cqw rgba(255, 255, 255, 0.48),
          0 1.4cqw 3.8cqw rgba(0, 0, 0, 0.34);
      }

      .memory-penta-label.memory-token--b {
        background: #a9dcff;
        border-color: rgba(6, 78, 170, 0.9);
      }

      .memory-penta-label.memory-token--j {
        background: #fff29a;
        border-color: rgba(158, 126, 0, 0.88);
      }

      .memory-penta-label.memory-token--r {
        background: #ffb891;
        border-color: rgba(154, 33, 7, 0.9);
      }

      .memory-penta-label.memory-token--v {
        background: #98ffe1;
        border-color: rgba(0, 126, 87, 0.9);
      }

      .memory-penta-label.memory-token--o {
        background: #d9bdff;
        border-color: rgba(91, 34, 178, 0.9);
      }

      .memory-penta-label.memory-token--b,
      .memory-penta-label.memory-token--j,
      .memory-penta-label.memory-token--r,
      .memory-penta-label.memory-token--v,
      .memory-penta-label.memory-token--o {
        color: #030303;
        text-shadow: none;
      }

      .memory-penta-label.is-wrong {
        border-color: rgba(255, 255, 255, 0.96);
        animation: memoryWrongFlash 180ms ease;
      }

      .memory-penta-label--0 { left: 50%; top: 25%; }
      .memory-penta-label--1 { left: 74%; top: 41%; }
      .memory-penta-label--2 { left: 65%; top: 69%; }
      .memory-penta-label--3 { left: 35%; top: 69%; }
      .memory-penta-label--4 { left: 26%; top: 41%; }

      .memory-penta-line {
        stroke: rgba(3, 4, 9, 0.86);
        stroke-width: 1.8;
      }

      .memory-penta-outline {
        fill: none;
        stroke: rgba(0, 0, 0, 0.9);
        stroke-width: 1.8;
      }

      .memory-penta-active-outline {
        fill: none;
        stroke: #ffffff;
        stroke-width: 3.8;
        stroke-linecap: round;
        stroke-linejoin: round;
        opacity: 1;
        pointer-events: none;
        filter: drop-shadow(0 0 1.7cqw rgba(255, 255, 255, 0.78));
      }

      .memory-center-button {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 4;
        width: 16%;
        aspect-ratio: 1;
        transform: translate(-50%, -50%);
        border: 0.74cqw solid rgba(255, 255, 255, 0.52);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 45%, #09090f 0 44%, #000000 45% 100%);
        color: #ffffff;
        font-size: 7cqw;
        line-height: 1;
        box-shadow: 0 0 0 1.24cqw rgba(0, 0, 0, 0.42), 0 0 4.9cqw rgba(255, 255, 255, 0.18);
        transition: transform 150ms ease, opacity 150ms ease, box-shadow 150ms ease;
      }

      .memory-center-button:hover:not(:disabled):not(:active) {
        transform: translate(-50%, -50%);
      }

      .memory-center-button:disabled {
        opacity: 1;
      }

      .memory-center-button.is-playing {
        transform: translate(-50%, -50%);
        box-shadow: 0 0 0 1.24cqw rgba(0, 0, 0, 0.38), 0 0 3.9cqw rgba(255, 255, 255, 0.24);
      }

      .memory-center-button.is-locked {
        opacity: 1;
        color: transparent;
        cursor: default;
      }

      .memory-progress-row {
        align-self: center;
        justify-self: center;
        width: 86%;
        height: 100%;
        display: grid;
        grid-template-rows: 1fr;
        gap: 1.2cqw;
      }

      .memory-input-strip,
      .memory-history-strip {
        min-width: 0;
        min-height: 0;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 1.2cqw;
        color: rgba(255, 255, 255, 0.84);
        background: transparent;
        border: 0;
      }

      .memory-token {
        width: 4.6cqw;
        height: 4.6cqw;
        display: grid;
        place-items: center;
        border-radius: 50%;
        border: 0.18cqw solid rgba(255, 255, 255, 0.72);
        color: #07101a;
        font-weight: 1000;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum" 1;
        line-height: 1;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 0.92cqw 1.84cqw rgba(255, 255, 255, 0.42), inset 0 -1.84cqw 2.3cqw rgba(0, 0, 0, 0.26);
        contain: layout paint;
      }

      .memory-token--b { background: #2eeeff; }
      .memory-token--j { background: #ffe21d; }
      .memory-token--r { background: #ff3a24; }
      .memory-token--v { background: #52ffd2; }
      .memory-token--o { background: #ff24d7; }

      .memory-input-strip .memory-token.is-draft.memory-token--b { background: #2eeeff; }
      .memory-input-strip .memory-token.is-draft.memory-token--j { background: #ffe21d; }
      .memory-input-strip .memory-token.is-draft.memory-token--r { background: #ff3a24; }
      .memory-input-strip .memory-token.is-draft.memory-token--v { background: #52ffd2; }
      .memory-input-strip .memory-token.is-draft.memory-token--o { background: #ff24d7; }

      .memory-token.is-empty {
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.24);
        color: transparent;
        text-shadow: none;
      }

      .memory-token.is-next {
        border-color: rgba(255, 231, 59, 0.56);
        box-shadow: 0 0 2.3cqw rgba(255, 231, 59, 0.2);
      }

      .memory-history-strip.is-expected .memory-token:not(.is-empty) {
        border-color: rgba(255, 255, 255, 0.92);
        box-shadow: 0 0 2.8cqw rgba(255, 255, 255, 0.32), inset 0 -1.84cqw 2.3cqw rgba(0, 0, 0, 0.26);
      }

      .memory-history-strip.is-playback .memory-token {
        opacity: 0.5;
        transform: none;
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.26);
        color: transparent;
        text-shadow: none;
        box-shadow: inset 0 0.7cqw 1.6cqw rgba(255, 255, 255, 0.16), inset 0 -1.6cqw 2.3cqw rgba(0, 0, 0, 0.24);
      }

      .memory-history-strip.is-playback .memory-token.is-active {
        opacity: 1;
        transform: none;
        background: rgba(255, 255, 255, 0.22);
        border-color: rgba(255, 255, 255, 0.96);
        filter: brightness(1.34);
        box-shadow:
          0 0 4.2cqw rgba(255, 255, 255, 0.62),
          0 0 1.8cqw rgba(255, 242, 73, 0.28),
          inset 0 0.92cqw 1.84cqw rgba(255, 255, 255, 0.46),
          inset 0 -1.84cqw 2.3cqw rgba(0, 0, 0, 0.28);
        animation: memoryGhostPulse 220ms ease;
      }

      .memory-history-strip.is-hidden {
        display: none;
      }

      .proto-board--memory.is-wrong .memory-penta-wrap {
        animation: none;
      }

      .proto-board--memory.is-success .memory-penta {
        filter: drop-shadow(0 4cqw 2cqw rgba(0, 0, 0, 0.76)) drop-shadow(0 0 3.4cqw rgba(255, 255, 255, 0.2));
      }

      .proto-board--memory.is-waiting-turn .memory-penta {
        filter: grayscale(0.2) saturate(0.72) brightness(0.82) drop-shadow(0 4cqw 2cqw rgba(0, 0, 0, 0.76));
      }

      @keyframes memoryWrongShake {
        0%, 100% { transform: translateX(0); }
        25% { transform: translateX(-4px); }
        75% { transform: translateX(4px); }
      }

      @keyframes memoryWrongFlash {
        0%, 100% { filter: brightness(1); }
        50% { filter: brightness(1.45) drop-shadow(0 0 2.5cqw rgba(255, 255, 255, 0.75)); }
      }

      @keyframes memoryGhostPulse {
        0% { opacity: 0.54; }
        55% { opacity: 1; }
        100% { opacity: 1; }
      }

      .proto-board--memory[style*="--memory-history-rows:2"] .memory-token {
        width: 3.3cqw;
        height: 3.3cqw;
      }

      .proto-board--memory[style*="--memory-history-rows:3"] .memory-token {
        width: 2.6cqw;
        height: 2.6cqw;
      }

      .memory-hint,
      .memory-status {
        justify-self: center;
        width: 94%;
        display: grid;
        place-items: center;
        color: #ffffff;
        text-align: center;
      }

      .memory-hint {
        align-self: start;
        font-size: clamp(13px, 4.3cqw, 18px);
        line-height: 1.04;
      }

      .memory-status {
        align-self: center;
        font-size: clamp(12px, 3.8cqw, 18px);
        text-transform: uppercase;
      }

      .memory-hidden-buttons {
        display: none;
      }

      .tpb-action-row.memory-actions {
        width: 76%;
        justify-self: center;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      .tpb-action-row.memory-actions .tpb-secondary,
      .tpb-action-row.memory-actions .tpb-submit {
        width: 100%;
        height: clamp(36px, 7cqw, 42px);
        min-width: 0;
        min-height: 36px;
        padding: 6px 10px;
        font-size: clamp(11px, 3.4cqw, 15px);
      }

      .proto-board--chain {
        display: grid;
        grid-template-rows: 16% 15% 17% minmax(0, 40%);
        gap: 8px;
      }

      .proto-board--chain .tpb-chain-current,
      .proto-board--chain .tpb-alpha-keyboard {
        justify-self: center;
        width: min(92%, 360px);
      }

      .proto-board--chain .tpb-chain-current {
        flex-wrap: wrap;
        gap: 4px;
        min-height: clamp(44px, 7vw, 58px);
        padding: 6px;
      }

      .proto-board--chain .tpb-chain-current span {
        width: clamp(22px, 4vw, 32px);
        height: clamp(28px, 5vw, 40px);
        font-size: clamp(0.92rem, 2.8vw, 1.28rem);
      }

      .proto-board--chain .tpb-alpha-keyboard {
        width: min(100%, 380px);
        gap: 4px;
        padding: 6px;
      }

      .proto-board--chain .tpb-alpha-key {
        min-width: 34px;
        min-height: clamp(34px, 5.6vw, 46px);
        font-size: clamp(0.74rem, 2vw, 1rem);
      }

      .proto-board--duo .duo-entry-panel {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(38px, 22%) minmax(0, 1fr);
        align-self: center;
        width: 88%;
        height: 100%;
        gap: 7px;
        transform: none;
      }

      .proto-board--duo .duo-reveal-panel {
        align-self: center;
        justify-self: center;
        width: 92%;
        max-height: 100%;
        gap: 10px;
        padding: 14px 16px;
      }

      .proto-board--duo .duo-reveal-panel .tpb-reveal__row {
        display: grid;
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
        align-items: center;
        gap: 10px;
      }

      .proto-board--duo .duo-reveal-panel .tpb-reveal__row span,
      .proto-board--duo .duo-reveal-panel .tpb-reveal__row strong {
        min-width: 0;
        overflow-wrap: anywhere;
      }

      .proto-board--duo .duo-reveal-panel .tpb-reveal__row strong {
        text-align: right;
      }

      .duo-draft-display {
        min-height: 0;
        height: 100%;
        display: grid;
        place-items: center;
        padding: 6px 10px;
        border: 2px solid rgba(255, 88, 247, 0.62);
        border-radius: 8px;
        background: rgba(20, 6, 38, 0.56);
        color: #ffffff;
        font-size: clamp(15px, 2.8vw, 22px);
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        overflow-wrap: anywhere;
      }

      .proto-board--duo .duo-keyboard {
        width: 100%;
        align-self: stretch;
        align-content: center;
        gap: 4px;
        padding: 4px;
      }

      .proto-board--duo .duo-keyboard .tpb-alpha-key {
        min-width: 34px;
        min-height: clamp(34px, 5.2vw, 42px);
        font-size: clamp(0.62rem, 2vw, 0.9rem);
      }

      .chain-top {
        align-self: center;
        justify-self: center;
        width: 94%;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 10px;
        color: #ffffff;
        font-size: clamp(13px, 2.4vw, 19px);
        text-transform: uppercase;
      }

      .chain-top strong {
        width: clamp(64px, 12vw, 92px);
        aspect-ratio: 1;
        display: grid;
        place-items: center;
        border: 4px solid rgba(210, 255, 255, 0.92);
        border-radius: 50%;
        background:
          radial-gradient(circle at 38% 20%, #ffffff 0 10%, #a5ffff 20%, #27dfff 52%, #073fc2 82%, #031037 100%);
        color: #ffffff;
        font-size: clamp(34px, 6vw, 54px);
      }

      .chain-top span:last-child {
        justify-self: end;
        text-align: right;
      }

      .chain-status {
        align-self: center;
        justify-self: center;
        width: 94%;
        color: #ffffff;
        font-size: clamp(17px, 3.3vw, 26px);
        text-align: center;
        text-transform: uppercase;
        min-height: clamp(34px, 6.8cqw, 48px);
        display: grid;
        place-items: center;
        padding: 4px 10px;
        border: 2px solid transparent;
        border-radius: 8px;
        background: rgba(12, 6, 22, 0.42);
        transition: background 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
      }

      .chain-status--accepted {
        color: #c8ffd2;
        border-color: rgba(47, 255, 112, 0.88);
        background: rgba(18, 130, 42, 0.32);
        box-shadow: inset 0 0 0 1px rgba(182, 255, 196, 0.22), 0 0 16px rgba(47, 255, 112, 0.35);
      }

      .chain-status--rejected {
        color: #ffd6d6;
        border-color: rgba(255, 56, 56, 0.9);
        background: rgba(150, 20, 24, 0.34);
        box-shadow: inset 0 0 0 1px rgba(255, 204, 204, 0.18), 0 0 16px rgba(255, 56, 56, 0.34);
      }

      .proto-board--chain .tpb-chain-current.is-accepted {
        border-color: rgba(47, 255, 112, 0.9);
        box-shadow: 0 0 16px rgba(47, 255, 112, 0.4), inset 0 0 0 2px rgba(47, 255, 112, 0.22);
      }

      .proto-board--chain .tpb-chain-current.is-rejected {
        border-color: rgba(255, 56, 56, 0.9);
        box-shadow: 0 0 16px rgba(255, 56, 56, 0.38), inset 0 0 0 2px rgba(255, 56, 56, 0.2);
      }

      @media (max-width: 620px) {
        .end-main-actions {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 860px) {
        .tpb-layout {
          gap: 10px;
          padding: 8px;
        }

        .tpb-badges {
          gap: 8px;
        }

        .tpb-badge {
          padding: 9px 10px;
        }

        .tpb-badge span {
          font-size: 0.64rem;
        }

        .tpb-badge strong {
          font-size: 0.86rem;
        }

        .tpb-question {
          min-height: 72px;
          padding: 12px 14px;
          font-size: 0.98rem;
        }

        .tpb-attention-shell {
          min-height: 280px;
          padding: 20px 14px;
        }

        .tpb-answer-grid,
        .tpb-action-row {
          gap: 10px;
        }

        .tpb-answer {
          min-height: 76px;
          padding: 12px;
          gap: 10px;
        }

        .tpb-answer strong {
          width: 34px;
          height: 34px;
        }

        .tpb-answer span {
          font-size: 0.9rem;
        }

        .tpb-hero-letter {
          width: min(46%, 200px);
          font-size: 4.2rem;
        }

        .tpb-buzz-button {
          width: min(82%, 320px);
          font-size: 1.8rem;
        }

        .tpb-chip-grid {
          gap: 8px;
        }

        .tpb-chip-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .tpb-meli-card,
        .tpb-meli-grid {
          gap: 8px;
        }

        .tpb-meli-card__cell,
        .tpb-meli-grid__cell,
        .tpb-stage-event,
        .tpb-joker,
        .tpb-chip {
          min-height: 56px;
          font-size: 0.8rem;
        }

        .proto-board--meli .tpb-meli-card__cell,
        .proto-board--meli .tpb-meli-grid__cell {
          min-height: 0;
          font-size: inherit;
        }

        .proto-board--meli .meli-card {
          max-width: 82%;
          gap: 7px;
        }

        .proto-board--meli .meli-grid {
          width: min(86%, 300px);
          height: auto;
          max-height: 100%;
          gap: 7px;
          transform: translateY(4px);
        }

        .proto-board--meli .symbols-head,
        .proto-board--meli .meli-status {
          width: 90%;
        }

        .tpb-loto-carton__row {
          gap: 6px;
        }

        .tpb-loto-carton__cell {
          min-height: 34px;
          font-size: 0.82rem;
        }

      }
      .mj-dashboard {
        position: fixed;
        inset: 0;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        gap: 14px;
        padding: 14px;
        background:
          radial-gradient(circle at top center, rgba(84, 29, 139, 0.28), transparent 38%),
          linear-gradient(180deg, #050814 0%, #091226 100%);
        color: #f8f7ff;
        overflow: hidden;
      }

      .mj-dashboard__header {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 18px;
        min-height: 86px;
        padding: 14px 18px;
        border: 1px solid rgba(255, 0, 117, 0.45);
        border-radius: 20px;
        background: rgba(2, 5, 18, 0.84);
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
      }

      .mj-dashboard__menu-button {
        display: grid;
        place-items: center;
        width: 56px;
        height: 56px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.05);
      }

      .mj-dashboard__menu-icon {
        width: 28px;
        height: 28px;
        object-fit: contain;
      }

      .mj-dashboard__menu-fallback {
        font-size: 1.5rem;
        font-weight: 700;
      }

      .mj-dashboard__identity {
        display: grid;
        justify-items: center;
        gap: 4px;
      }

      .mj-dashboard__identity-name {
        font-size: clamp(1.15rem, 2.2vw, 1.8rem);
        letter-spacing: 0.04em;
      }

      .mj-dashboard__identity-role {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.88rem;
        text-transform: uppercase;
        letter-spacing: 0.16em;
      }

      .mj-dashboard__session-meta {
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
        gap: 16px;
      }

      .mj-dashboard__session-copy {
        display: grid;
        gap: 4px;
        justify-items: end;
      }

      .mj-dashboard__session-copy span {
        color: rgba(255, 255, 255, 0.66);
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.12em;
      }

      .mj-dashboard__session-copy strong {
        color: #ffd548;
        font-size: clamp(1.2rem, 2vw, 1.8rem);
      }

      .mj-dashboard__qr-frame {
        width: 72px;
        height: 72px;
        padding: 6px;
        border-radius: 16px;
        background: #ffffff;
        display: grid;
        place-items: center;
      }

      .mj-dashboard__qr-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .mj-dashboard__qr-fallback {
        color: #071120;
        font-size: 0.72rem;
        text-align: center;
      }

      .mj-dashboard__main {
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(230px, 0.26fr) minmax(0, 1fr) minmax(220px, 0.28fr);
        grid-template-rows: minmax(0, 1fr) auto;
        gap: 14px;
      }

      .mj-dashboard__panel {
        min-height: 0;
        border-radius: 22px;
        border: 1px solid rgba(180, 73, 255, 0.42);
        background: rgba(2, 6, 22, 0.8);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
        overflow: hidden;
      }

      .mj-dashboard__panel--context {
        grid-column: 1;
        grid-row: 1;
        border-color: rgba(255, 0, 117, 0.42);
      }

      .mj-dashboard__panel--game {
        grid-column: 2;
        grid-row: 1;
      }

      .mj-dashboard__panel--phase {
        grid-column: 3;
        grid-row: 1;
        border-color: rgba(24, 164, 255, 0.42);
      }

      .mj-dashboard__panel--blindbuzz-game {
        position: relative;
        border-color: rgba(122, 229, 255, 0.45);
        background:
          linear-gradient(145deg, rgba(4, 9, 28, 0.94), rgba(13, 7, 30, 0.9) 54%, rgba(5, 12, 28, 0.94));
        box-shadow:
          inset 0 0 0 1px rgba(122, 229, 255, 0.08),
          0 0 28px rgba(54, 208, 255, 0.12);
      }

      .mj-dashboard__panel--blindbuzz-game::before {
        content: "";
        position: absolute;
        inset: 0 18px auto;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, transparent, #38e8ff, #ffcd3a, #ff2b86, transparent);
        opacity: 0.82;
        pointer-events: none;
      }

      .mj-dashboard__panel--blindbuzz-phase {
        border-color: rgba(46, 198, 255, 0.5);
        background:
          linear-gradient(180deg, rgba(4, 10, 30, 0.94), rgba(4, 7, 22, 0.94));
        box-shadow:
          inset 0 0 0 1px rgba(46, 198, 255, 0.08),
          0 0 24px rgba(46, 198, 255, 0.1);
      }

      .mj-dashboard__panel--actions {
        grid-column: 1 / 4;
        grid-row: 2;
        border-color: rgba(255, 0, 117, 0.42);
      }

      .mj-dashboard__panel-title {
        padding: 14px 18px 0;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.14em;
      }

      .mj-dashboard__context-body,
      .mj-dashboard__phase-shell,
      .mj-dashboard__game-shell {
        min-height: 0;
        padding: 14px 18px 18px;
      }

      .mj-dashboard__context-body {
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        gap: 14px;
        height: calc(100% - 32px);
      }

      .mj-dashboard__game-card {
        min-height: 0;
        display: grid;
        place-items: center;
        border-radius: 18px;
        border: 1px solid rgba(255, 155, 58, 0.42);
        background: rgba(0, 0, 0, 0.26);
        overflow: hidden;
      }

      .mj-dashboard__game-card-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .mj-dashboard__game-card-fallback {
        padding: 16px;
        text-align: center;
      }

      .mj-dashboard__side-ranking {
        display: grid;
        align-content: start;
        gap: 10px;
        min-height: 0;
        padding: 14px;
        border-radius: 18px;
        border: 1px solid rgba(255, 155, 58, 0.42);
        background:
          radial-gradient(circle at 20% 0%, rgba(255, 213, 72, 0.16), transparent 34%),
          linear-gradient(180deg, rgba(10, 13, 33, 0.86), rgba(5, 8, 22, 0.82));
        overflow: hidden;
      }

      .mj-dashboard__side-ranking-title {
        color: #ffd548;
        font-size: 0.82rem;
        font-weight: 950;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      .mj-dashboard__side-ranking-list {
        display: grid;
        gap: 8px;
        min-height: 0;
      }

      .mj-dashboard__side-ranking-row {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        grid-template-areas:
          "rank name"
          "rank score";
        align-items: center;
        gap: 2px 8px;
        min-height: 42px;
        padding: 8px 9px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.055);
        color: rgba(255, 255, 255, 0.9);
        font-weight: 850;
        font-size: 0.86rem;
      }

      .mj-dashboard__side-ranking-row:first-child {
        background: linear-gradient(90deg, rgba(255, 213, 72, 0.24), rgba(255, 38, 115, 0.12));
        color: #fff7c9;
      }

      .mj-dashboard__side-ranking-row b {
        grid-area: rank;
        display: grid;
        width: 22px;
        height: 22px;
        place-items: center;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: #ffd548;
        font-size: 0.78rem;
      }

      .mj-dashboard__side-ranking-row span {
        grid-area: name;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .mj-dashboard__side-ranking-row strong {
        grid-area: score;
        justify-self: start;
        color: #ffffff;
        font-size: 0.82rem;
        line-height: 1;
      }

      .mj-dashboard__side-ranking-empty {
        margin: 0;
        color: rgba(255, 255, 255, 0.68);
        font-weight: 800;
        line-height: 1.25;
      }

      .mj-dashboard__stat-grid {
        display: grid;
        gap: 10px;
      }

      .mj-dashboard__stat {
        display: grid;
        gap: 6px;
        min-width: 0;
        padding: 12px 14px;
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.04);
      }

      .mj-dashboard__stat.is-accent {
        border-color: rgba(53, 163, 255, 0.4);
        background: rgba(17, 98, 177, 0.28);
      }

      .mj-dashboard__stat span {
        color: rgba(255, 255, 255, 0.68);
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.12em;
      }

      .mj-dashboard__stat strong {
        font-size: 1.08rem;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
        line-height: 1.18;
      }

      .mj-dashboard__phase-shell {
        display: grid;
        gap: 12px;
        align-content: start;
      }

      .mj-dashboard__game-shell {
        display: grid;
        grid-template-rows: auto auto auto auto minmax(0, auto) minmax(0, 1fr);
        gap: 14px;
        height: calc(100% - 32px);
      }

      .mj-dashboard__game-shell--blindbuzz {
        grid-template-rows: auto minmax(0, 1fr) auto auto;
        height: 100%;
      }

      .mj-dashboard__prompt-label,
      .mj-dashboard__scoreboard-title {
        color: #ca62ff;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.12em;
      }

      .mj-dashboard__prompt {
        min-height: 74px;
        padding: 14px 16px;
        border-radius: 18px;
        border: 1px solid rgba(180, 73, 255, 0.42);
        background: rgba(255, 255, 255, 0.03);
        font-size: clamp(1.1rem, 2vw, 1.5rem);
        font-weight: 700;
        line-height: 1.35;
      }

      .mj-dashboard__game-shell--blindbuzz .mj-dashboard__prompt {
        display: flex;
        align-items: center;
        min-height: 76px;
        padding: 14px 18px;
        border-color: rgba(122, 229, 255, 0.44);
        background:
          linear-gradient(90deg, rgba(42, 16, 72, 0.42), rgba(8, 15, 36, 0.88) 34%, rgba(5, 28, 48, 0.62));
        color: #ffffff;
        text-shadow: 0 0 14px rgba(122, 229, 255, 0.42);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.05),
          inset 0 -18px 28px rgba(0, 0, 0, 0.16);
      }

      .mj-dashboard__answers {
        display: grid;
        gap: 10px;
      }

      .mj-dashboard__answer {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        min-height: 66px;
        padding: 10px 14px;
        border-radius: 18px;
        border: 1px solid rgba(161, 73, 241, 0.42);
        background: rgba(24, 10, 44, 0.52);
      }

      .mj-dashboard__answer strong {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.22);
      }

      .mj-dashboard__facts {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 10px;
      }

      .mj-dashboard__fact {
        display: grid;
        gap: 6px;
        padding: 12px 14px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.08);
      }

      .mj-dashboard__fact span {
        color: rgba(255, 255, 255, 0.66);
        font-size: 0.72rem;
        text-transform: uppercase;
      }

      .mj-dashboard__chip-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .mj-dashboard__chip {
        display: inline-flex;
        align-items: center;
        min-height: 36px;
        padding: 0 14px;
        border-radius: 999px;
        border: 1px solid rgba(255, 214, 127, 0.34);
        background: rgba(255, 194, 55, 0.12);
        color: #ffe6ac;
        font-weight: 700;
        letter-spacing: 0.02em;
      }

      .mj-dashboard__player-status-list {
        display: grid;
        gap: 10px;
      }

      .mj-dashboard__player-status-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.08);
      }

      .mj-dashboard__player-status-badge {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 0 12px;
        border-radius: 999px;
        background: rgba(31, 115, 255, 0.18);
        border: 1px solid rgba(88, 157, 255, 0.34);
        color: #dbeafe;
        font-size: 0.82rem;
        text-transform: uppercase;
      }

      .mj-dashboard__player-status-badge.is-ready {
        background: rgba(66, 197, 141, 0.18);
        border-color: rgba(97, 232, 171, 0.38);
        color: #d1fae5;
      }

      .mj-dashboard__comparison-shell {
        min-height: 0;
        overflow: auto;
        border-radius: 18px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.02);
      }

      .mj-dashboard__comparison-table {
        width: 100%;
        border-collapse: collapse;
        min-width: 640px;
      }

      .mj-dashboard__comparison-table th,
      .mj-dashboard__comparison-table td {
        padding: 12px 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        vertical-align: top;
        text-align: left;
      }

      .mj-dashboard__comparison-table thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        background: rgba(10, 12, 24, 0.94);
        color: rgba(255, 255, 255, 0.78);
        text-transform: uppercase;
        font-size: 0.72rem;
        letter-spacing: 0.08em;
      }

      .mj-dashboard__comparison-word {
        font-weight: 700;
        color: #ffffff;
      }

      .mj-dashboard__comparison-meta {
        margin-top: 4px;
        color: rgba(255, 255, 255, 0.62);
        font-size: 0.76rem;
      }

      .mj-dashboard__comparison-total {
        color: #ffe6ac;
        font-size: 1.05rem;
      }

      .mj-dashboard__letter-box {
        display: grid;
        place-items: center;
        width: min(38%, 220px);
        min-height: 132px;
        border-radius: 22px;
        border: 1px solid rgba(255, 214, 127, 0.44);
        background: rgba(255, 194, 55, 0.12);
        font-size: clamp(2.2rem, 5vw, 3.8rem);
        font-weight: 800;
        letter-spacing: 0.08em;
      }

      .mj-dashboard__scoreboard {
        display: grid;
        gap: 10px;
        min-height: 0;
      }

      .mj-dashboard__scoreboard-list {
        display: grid;
        gap: 8px;
      }

      .mj-dashboard__scoreboard-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 12px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.04);
      }

      .mj-dashboard__actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        padding: 14px 18px 18px;
      }

      .mj-dashboard__action {
        min-height: 72px;
        border-radius: 18px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        font-size: 1rem;
        font-weight: 700;
        text-transform: uppercase;
      }

      .mj-dashboard__action--primary {
        background: linear-gradient(180deg, #ff2673 0%, #bf0d53 100%);
      }

      .mj-dashboard__action--secondary {
        background: linear-gradient(180deg, #1f73ff 0%, #114ecf 100%);
      }

      .mj-dashboard__action--danger {
        background: linear-gradient(180deg, #6b2cff 0%, #4a17c0 100%);
      }

      .mj-dashboard__action-empty {
        padding: 18px;
        color: rgba(255, 255, 255, 0.7);
      }

      .mj-dashboard__action-note {
        margin: 0 12px 10px;
        padding: 14px 16px;
        border-radius: 16px;
        border: 1px solid rgba(255, 187, 80, 0.34);
        background: rgba(13, 16, 32, 0.78);
        color: #ffe8b0;
        text-align: center;
        font-weight: 800;
        letter-spacing: 0.03em;
      }

      .mj-dashboard__blindbuzz-embed-shell {
        position: relative;
        min-height: 170px;
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid rgba(122, 229, 255, 0.26);
        background:
          linear-gradient(135deg, rgba(20, 229, 255, 0.18), rgba(255, 43, 134, 0.11) 52%, rgba(255, 205, 58, 0.12));
        box-shadow:
          0 0 22px rgba(122, 229, 255, 0.12),
          inset 0 0 0 1px rgba(255, 255, 255, 0.05);
      }

      .mj-dashboard__blindbuzz-embed {
        width: 100%;
        min-height: 170px;
        border: 0;
        display: block;
        background: #050814;
      }

      .mj-dashboard__blindbuzz-guide {
        display: grid;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 18px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(13, 18, 34, 0.76);
      }

      .mj-dashboard__blindbuzz-guide-text {
        color: #fef2c5;
        font-weight: 700;
      }

      .mj-dashboard__blindbuzz-guide--icons {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .mj-dashboard__blindbuzz-guide-chip {
        display: grid;
        place-items: center;
        min-height: 44px;
        border-radius: 14px;
        background: rgba(255, 182, 64, 0.14);
        border: 1px solid rgba(255, 196, 98, 0.34);
        color: #ffe9b8;
        font-weight: 800;
      }

      .mj-dashboard__blindbuzz-guide--text span {
        color: rgba(255, 255, 255, 0.88);
        font-size: 0.92rem;
      }

      .mj-dashboard__blindbuzz-inputs {
        display: grid;
        gap: 10px;
      }

      .mj-dashboard__blindbuzz-input {
        width: 100%;
        min-height: 46px;
        padding: 0 14px;
        border-radius: 14px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(8, 12, 25, 0.92);
        color: #ffffff;
        font-size: 0.95rem;
      }

      .mj-dashboard__blindbuzz-input::placeholder {
        color: rgba(255, 255, 255, 0.46);
      }

      .mj-dashboard__blindbuzz-media-status {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        min-width: 0;
      }

      .mj-dashboard__blindbuzz-media-status-item {
        position: relative;
        display: grid;
        align-content: center;
        gap: 5px;
        min-width: 0;
        min-height: 64px;
        padding: 10px 12px;
        border-radius: 16px;
        border: 1px solid rgba(122, 229, 255, 0.22);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
        overflow: hidden;
      }

      .mj-dashboard__blindbuzz-media-status-item::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 3px;
        background: linear-gradient(90deg, #30dfff, #ffcd3a);
        opacity: 0.78;
      }

      .mj-dashboard__blindbuzz-media-status-item--playback::before {
        background: linear-gradient(90deg, #35ff96, #30dfff);
      }

      .mj-dashboard__blindbuzz-media-status-item--track::before {
        background: linear-gradient(90deg, #ffcd3a, #ff7a2f);
      }

      .mj-dashboard__blindbuzz-media-status-item--time::before {
        background: linear-gradient(90deg, #ff2b86, #8f5cff);
      }

      .mj-dashboard__blindbuzz-media-status.is-open .mj-dashboard__blindbuzz-media-status-item--playback {
        border-color: rgba(53, 255, 150, 0.45);
        box-shadow:
          inset 0 0 0 1px rgba(53, 255, 150, 0.08),
          0 0 16px rgba(53, 255, 150, 0.11);
      }

      .mj-dashboard__blindbuzz-media-status-item span {
        color: rgba(199, 236, 255, 0.76);
        font-size: 0.72rem;
        font-weight: 850;
        text-transform: uppercase;
      }

      .mj-dashboard__blindbuzz-media-status-item strong {
        min-width: 0;
        color: #ffffff;
        font-size: 0.92rem;
        font-weight: 950;
        line-height: 1.14;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .mj-dashboard__panel--blindbuzz-phase .mj-dashboard__stat {
        position: relative;
        border-color: rgba(122, 229, 255, 0.18);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
        overflow: hidden;
      }

      .mj-dashboard__panel--blindbuzz-phase .mj-dashboard__stat::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(180deg, #30dfff, #8f5cff);
        opacity: 0.86;
      }

      .mj-dashboard__panel--blindbuzz-phase .mj-dashboard__stat strong {
        font-size: 1.12rem;
        text-shadow: 0 0 12px rgba(122, 229, 255, 0.26);
      }

      .mj-dashboard__panel--blindbuzz-phase.is-open .mj-dashboard__stat--buzzers,
      .mj-dashboard__panel--blindbuzz-phase.is-rebuzz .mj-dashboard__stat--buzzers {
        border-color: rgba(53, 255, 150, 0.48);
        background:
          linear-gradient(135deg, rgba(40, 255, 143, 0.18), rgba(12, 24, 48, 0.9));
        box-shadow:
          inset 0 0 0 1px rgba(53, 255, 150, 0.08),
          0 0 18px rgba(53, 255, 150, 0.12);
      }

      .mj-dashboard__panel--blindbuzz-phase.is-open .mj-dashboard__stat--buzzers::before,
      .mj-dashboard__panel--blindbuzz-phase.is-rebuzz .mj-dashboard__stat--buzzers::before {
        background: linear-gradient(180deg, #35ff96, #30dfff);
      }

      .mj-dashboard__panel--blindbuzz-phase.is-locked .mj-dashboard__stat--player {
        border-color: rgba(255, 205, 58, 0.52);
        background:
          linear-gradient(135deg, rgba(255, 205, 58, 0.18), rgba(38, 20, 52, 0.9));
      }

      .mj-dashboard__panel--blindbuzz-phase.is-correct .mj-dashboard__stat--action {
        border-color: rgba(53, 255, 150, 0.48);
        background:
          linear-gradient(135deg, rgba(53, 255, 150, 0.17), rgba(8, 24, 38, 0.9));
      }

      .mj-dashboard__panel--blindbuzz-phase.is-rebuzz .mj-dashboard__stat--action,
      .mj-dashboard__panel--blindbuzz-phase.is-resolved .mj-dashboard__stat--action {
        border-color: rgba(255, 43, 134, 0.42);
        background:
          linear-gradient(135deg, rgba(255, 43, 134, 0.16), rgba(28, 12, 36, 0.9));
      }

      .mj-dashboard__blindbuzz-reconnect {
        display: flex;
        justify-content: flex-start;
      }

      .mj-dashboard__blindbuzz-reconnect .mj-dashboard__button {
        min-height: 42px;
        padding: 0 16px;
        border-radius: 999px;
      }

      .mj-dashboard__blindbuzz-external {
        position: relative;
        display: grid;
        gap: 14px;
        min-height: 270px;
        padding: 18px;
        border-radius: 20px;
        border: 1px solid rgba(122, 229, 255, 0.34);
        background:
          radial-gradient(circle at 18% 12%, rgba(255, 206, 76, 0.22), transparent 34%),
          radial-gradient(circle at 86% 20%, rgba(255, 39, 126, 0.22), transparent 30%),
          linear-gradient(145deg, rgba(5, 8, 24, 0.96), rgba(19, 14, 43, 0.94));
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.08),
          0 0 28px rgba(75, 211, 255, 0.18);
        overflow: hidden;
      }

      .mj-dashboard__blindbuzz-external::before {
        content: "";
        position: absolute;
        inset: -40%;
        background:
          linear-gradient(115deg, transparent 0 40%, rgba(255, 255, 255, 0.12) 48%, transparent 58%),
          repeating-linear-gradient(90deg, rgba(122, 229, 255, 0.08) 0 1px, transparent 1px 44px);
        opacity: 0.38;
        transform: rotate(-8deg);
        pointer-events: none;
      }

      .mj-dashboard__blindbuzz-external > * {
        position: relative;
        z-index: 1;
      }

      .mj-dashboard__blindbuzz-external-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }

      .mj-dashboard__blindbuzz-external-head span {
        padding: 7px 10px;
        border-radius: 999px;
        border: 1px solid rgba(122, 229, 255, 0.36);
        background: rgba(9, 22, 45, 0.74);
        color: #9eefff;
        font-size: 0.74rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .mj-dashboard__blindbuzz-external-head strong {
        min-width: 0;
        color: rgba(255, 255, 255, 0.88);
        font-size: 0.9rem;
        font-weight: 900;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .mj-dashboard__blindbuzz-external-cue {
        display: grid;
        gap: 8px;
        justify-items: center;
        padding: 10px 8px;
        text-align: center;
      }

      .mj-dashboard__blindbuzz-external-feedback {
        color: #fff7bd;
        font-size: clamp(1.3rem, 3vw, 2rem);
        font-weight: 1000;
        letter-spacing: 0.05em;
        text-shadow: 0 0 18px rgba(255, 205, 50, 0.72);
        animation: blindbuzzExternalPop 780ms ease-out both;
      }

      .mj-dashboard__blindbuzz-external-cue strong {
        color: #ffffff;
        font-size: clamp(1.7rem, 4.2vw, 3.2rem);
        font-weight: 1000;
        line-height: 0.95;
        text-transform: uppercase;
        text-shadow:
          0 2px 0 rgba(0, 0, 0, 0.45),
          0 0 22px rgba(84, 222, 255, 0.5);
      }

      .mj-dashboard__blindbuzz-external-cue small {
        max-width: 720px;
        color: rgba(255, 247, 210, 0.86);
        font-size: 0.98rem;
        font-weight: 850;
        line-height: 1.25;
      }

      .mj-dashboard__blindbuzz-external-steps {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }

      .mj-dashboard__blindbuzz-external-step {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 8px;
        min-height: 54px;
        padding: 10px;
        border-radius: 14px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(4, 9, 26, 0.62);
        color: rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.18);
      }

      .mj-dashboard__blindbuzz-external-step span {
        display: grid;
        width: 26px;
        height: 26px;
        place-items: center;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.74);
        font-size: 0.82rem;
        font-weight: 950;
      }

      .mj-dashboard__blindbuzz-external-step strong {
        font-size: 0.8rem;
        font-weight: 950;
        line-height: 1.05;
      }

      .mj-dashboard__blindbuzz-external-step.is-active {
        border-color: rgba(255, 208, 57, 0.72);
        background:
          linear-gradient(180deg, rgba(255, 192, 35, 0.28), rgba(255, 63, 115, 0.18)),
          rgba(9, 15, 32, 0.82);
        color: #fff5bc;
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.1),
          0 0 24px rgba(255, 191, 35, 0.26);
        animation: blindbuzzExternalPulse 1.3s ease-in-out infinite;
      }

      .mj-dashboard__blindbuzz-external-step.is-done {
        border-color: rgba(63, 244, 146, 0.38);
        background: rgba(18, 72, 48, 0.42);
        color: #bfffe1;
      }

      .mj-dashboard__blindbuzz-external-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
      }

      .mj-dashboard__blindbuzz-external-choice {
        display: grid;
        width: min(100%, 560px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .mj-dashboard__blindbuzz-external-action {
        min-width: 170px;
        min-height: 54px;
        padding: 0 22px;
        border: 0;
        border-radius: 999px;
        color: #ffffff;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 1000;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        text-shadow: 0 2px 0 rgba(0, 0, 0, 0.34);
        box-shadow:
          inset 0 2px 0 rgba(255, 255, 255, 0.34),
          inset 0 -5px 10px rgba(0, 0, 0, 0.22),
          0 12px 22px rgba(0, 0, 0, 0.26);
      }

      .mj-dashboard__blindbuzz-external-action--primary {
        background: linear-gradient(135deg, #22d3ee 0%, #2563eb 45%, #a855f7 100%);
      }

      .mj-dashboard__blindbuzz-external-action--ghost {
        border: 1px solid rgba(122, 229, 255, 0.3);
        background: linear-gradient(180deg, rgba(12, 31, 70, 0.94), rgba(7, 15, 35, 0.94));
      }

      .mj-dashboard__blindbuzz-external-action--win {
        background: linear-gradient(135deg, #15d37b 0%, #07a359 48%, #00d4ff 100%);
      }

      .mj-dashboard__blindbuzz-external-action--lose {
        background: linear-gradient(135deg, #ff3864 0%, #c01648 48%, #7c3aed 100%);
      }

      .mj-dashboard__blindbuzz-external-hint {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        align-items: stretch;
        padding: 10px;
        border-radius: 14px;
        border: 1px solid rgba(122, 229, 255, 0.18);
        background: rgba(0, 0, 0, 0.18);
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.8rem;
        font-weight: 850;
      }

      .mj-dashboard__blindbuzz-external-hint-item {
        display: grid;
        gap: 5px;
        min-width: 0;
        padding: 9px 10px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.04);
      }

      .mj-dashboard__blindbuzz-external-hint strong {
        min-width: 0;
        color: #ffffff;
        overflow-wrap: anywhere;
        word-break: break-word;
        line-height: 1.12;
      }

      .mj-dashboard__blindbuzz-external.is-win {
        border-color: rgba(50, 255, 147, 0.62);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.08),
          0 0 34px rgba(50, 255, 147, 0.24);
      }

      .mj-dashboard__blindbuzz-external.is-lose {
        border-color: rgba(255, 76, 118, 0.58);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.08),
          0 0 34px rgba(255, 76, 118, 0.24);
      }

      @keyframes blindbuzzExternalPulse {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-2px); }
      }

      @keyframes blindbuzzExternalPop {
        0% {
          opacity: 0;
          transform: scale(0.72);
        }
        70% {
          opacity: 1;
          transform: scale(1.08);
        }
        100% {
          opacity: 1;
          transform: scale(1);
        }
      }

      @media (max-width: 860px) {
        .mj-dashboard {
          gap: 10px;
          padding: 10px;
          overflow: auto;
          align-content: start;
          overscroll-behavior: contain;
        }

        .mj-dashboard__header {
          grid-template-columns: auto 1fr auto;
          gap: 10px;
          min-height: 66px;
          padding: 10px 12px;
          border-radius: 16px;
        }

        .mj-dashboard__menu-button {
          width: 44px;
          height: 44px;
          border-radius: 14px;
        }

        .mj-dashboard__menu-icon {
          width: 22px;
          height: 22px;
        }

        .mj-dashboard__identity-name {
          font-size: 1.15rem;
        }

        .mj-dashboard__identity-role {
          font-size: 0.72rem;
        }

        .mj-dashboard__session-meta {
          gap: 10px;
        }

        .mj-dashboard__session-copy strong {
          font-size: 1.15rem;
        }

        .mj-dashboard__qr-frame {
          width: 56px;
          height: 56px;
          border-radius: 12px;
          padding: 4px;
        }

        .mj-dashboard__main {
          grid-template-columns: 1fr;
          grid-template-rows: none;
          gap: 10px;
        }

        .mj-dashboard__panel--context,
        .mj-dashboard__panel--phase,
        .mj-dashboard__panel--game,
        .mj-dashboard__panel--actions {
          grid-column: 1;
          grid-row: auto;
        }

        .mj-dashboard__context-body {
          grid-template-rows: auto auto;
          gap: 10px;
          height: auto;
          padding: 10px 12px 12px;
        }

        .mj-dashboard__game-card {
          min-height: 98px;
          max-height: 112px;
        }

        .mj-dashboard__game-card-image {
          object-fit: cover;
          object-position: top center;
        }

        .mj-dashboard__stat-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 8px;
        }

        .mj-dashboard__phase-shell {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 8px;
          padding: 10px 12px 12px;
        }

        .mj-dashboard__stat,
        .mj-dashboard__fact {
          padding: 9px;
        }

        .mj-dashboard__stat strong {
          font-size: clamp(0.95rem, 4vw, 1.1rem);
        }

        .mj-dashboard__stat span,
        .mj-dashboard__fact span {
          font-size: 0.66rem;
        }

        .mj-dashboard__game-shell {
          grid-template-rows: auto auto auto auto minmax(0, auto) minmax(0, auto);
          gap: 10px;
        }

        .mj-dashboard__prompt {
          min-height: 58px;
          font-size: 1rem;
          padding: 12px;
        }

        .mj-dashboard__answer {
          min-height: 56px;
          border-radius: 14px;
          padding: 10px 12px;
        }

        .mj-dashboard__answer strong {
          width: 34px;
          height: 34px;
        }

        .mj-dashboard__facts,
        .mj-dashboard__stat-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .mj-dashboard__letter-box {
          width: min(42%, 180px);
          min-height: 108px;
          font-size: 2.6rem;
        }

        .mj-dashboard__actions {
          grid-template-columns: 1fr;
          gap: 10px;
          padding: 10px 12px 12px;
        }

        .mj-dashboard__action {
          min-height: 52px;
          border-radius: 14px;
          font-size: 0.86rem;
        }

        .mj-dashboard__action-note {
          margin: 0 10px 8px;
          padding: 10px 12px;
          border-radius: 12px;
          font-size: 0.88rem;
          line-height: 1.25;
        }

        .mj-dashboard__blindbuzz-guide--icons {
          grid-template-columns: 1fr;
        }

        .mj-dashboard__blindbuzz-embed-shell,
        .mj-dashboard__blindbuzz-embed {
          min-height: 140px;
        }

        .mj-dashboard__blindbuzz-media-status {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .mj-dashboard__blindbuzz-external {
          min-height: 0;
          padding: 14px;
          border-radius: 16px;
        }

        .mj-dashboard__blindbuzz-external-head {
          align-items: flex-start;
          flex-direction: column;
          gap: 8px;
        }

        .mj-dashboard__blindbuzz-external-head strong {
          width: 100%;
        }

        .mj-dashboard__blindbuzz-external-steps {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
        }

        .mj-dashboard__blindbuzz-external-step {
          min-height: 48px;
          padding: 8px;
        }

        .mj-dashboard__blindbuzz-external-actions,
        .mj-dashboard__blindbuzz-external-choice {
          width: 100%;
          grid-template-columns: 1fr;
        }

        .mj-dashboard__blindbuzz-external-action {
          width: 100%;
          min-width: 0;
          min-height: 50px;
        }

        .mj-dashboard__blindbuzz-external-hint {
          grid-template-columns: 1fr;
        }
      }

      .room-screen {
        position: fixed;
        inset: 0;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        gap: 12px;
        padding: 18px 24px 20px;
        background:
          radial-gradient(circle at top center, rgba(76, 28, 133, 0.25), transparent 36%),
          linear-gradient(180deg, #030611 0%, #071226 100%);
        color: #fbf9ff;
        overflow: hidden;
      }

      .room-screen__header {
        display: grid;
        grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr);
        align-items: center;
        gap: 18px;
      }

      .room-screen__header-line {
        height: 4px;
        border-radius: 999px;
        opacity: 0.92;
      }

      .room-screen__header-line--left {
        background: linear-gradient(90deg, #31d7ff 0%, rgba(49, 215, 255, 0) 100%);
      }

      .room-screen__header-line--right {
        background: linear-gradient(90deg, rgba(255, 31, 150, 0) 0%, #ff1f96 100%);
      }

      .room-screen__brand {
        font-size: clamp(2.2rem, 4.8vw, 4rem);
        font-weight: 900;
        letter-spacing: 0.02em;
        text-align: center;
      }

      .room-screen__brand span {
        color: #ffcd25;
      }

      .room-screen__content {
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.28fr);
        gap: 18px;
      }

      .room-screen__main {
        min-height: 0;
        border-radius: 26px;
        border: 1px solid rgba(201, 64, 255, 0.52);
        background: rgba(4, 8, 28, 0.76);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
        overflow: hidden;
      }

      .room-screen__main-shell {
        height: 100%;
        display: grid;
        grid-template-rows: auto auto auto auto minmax(0, auto) 1fr;
        gap: 18px;
        align-content: start;
        padding: 24px 26px 28px;
      }

      .room-screen__main-shell--chain {
        justify-items: center;
      }

      .room-screen__main-badge {
        justify-self: start;
        padding: 10px 18px;
        border-radius: 999px;
        border: 1px solid rgba(194, 76, 255, 0.62);
        background: rgba(194, 76, 255, 0.08);
        color: #f8f5ff;
        font-size: 0.9rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .room-screen__main-label {
        justify-self: center;
        color: #d03bff;
        font-size: 1.05rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .room-screen__prompt {
        width: 100%;
        max-width: 1040px;
        justify-self: center;
        text-align: center;
        font-size: clamp(2rem, 4.6vw, 4.4rem);
        font-weight: 800;
        line-height: 1.18;
      }

      .room-screen__prompt--compact {
        font-size: clamp(1.7rem, 3.5vw, 3rem);
      }

      .room-screen__answers {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
      }

      .room-screen__answer {
        min-height: 104px;
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr);
        align-items: center;
        gap: 18px;
        padding: 18px 22px;
        border-radius: 22px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        background: rgba(10, 17, 38, 0.7);
      }

      .room-screen__answer strong {
        display: grid;
        place-items: center;
        width: 58px;
        height: 58px;
        border-radius: 999px;
        border: 2px solid rgba(255, 255, 255, 0.24);
        font-size: 2rem;
      }

      .room-screen__answer span {
        font-size: clamp(1.3rem, 2.4vw, 2rem);
        font-weight: 600;
      }

      .room-screen__hero-letter {
        display: grid;
        place-items: center;
        width: min(28vw, 260px);
        min-height: 180px;
        border-radius: 28px;
        border: 1px solid rgba(255, 214, 127, 0.52);
        background: rgba(255, 195, 63, 0.12);
        font-size: clamp(4rem, 8vw, 6rem);
        font-weight: 900;
        letter-spacing: 0.08em;
      }

      .room-screen__fact-line,
      .room-screen__status {
        max-width: 980px;
        width: 100%;
        justify-self: center;
        text-align: center;
        font-size: clamp(1.1rem, 2vw, 1.7rem);
      }

      .room-screen__fact-line {
        color: rgba(255, 255, 255, 0.88);
      }

      .room-screen__status {
        padding: 14px 18px;
        border-radius: 18px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.04);
      }

      .room-screen__sequence-strip {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
      }

      .room-screen__sequence-strip span {
        min-width: 74px;
        min-height: 74px;
        display: grid;
        place-items: center;
        padding: 8px 12px;
        border-radius: 18px;
        background: rgba(255, 214, 127, 0.16);
        border: 1px solid rgba(255, 214, 127, 0.38);
        font-size: 1.8rem;
        font-weight: 800;
      }

      .room-screen__scoreboard {
        display: grid;
        gap: 10px;
        align-self: end;
      }

      .room-screen__score-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 12px 16px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.04);
        font-size: 1.05rem;
      }

      .room-screen__sidebar {
        min-height: 0;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        gap: 12px;
      }

      .room-screen__side-card {
        border-radius: 24px;
        background: rgba(4, 8, 28, 0.8);
        overflow: hidden;
      }

      .room-screen__side-card--game {
        border: 1px solid rgba(255, 47, 149, 0.52);
      }

      .room-screen__side-card--meta {
        border: 1px solid rgba(255, 209, 34, 0.56);
      }

      .room-screen__side-title {
        padding: 16px 18px 0;
        text-align: center;
        color: #ff3b97;
        font-size: 0.92rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .room-screen__side-card--meta .room-screen__side-title {
        color: #ffd324;
      }

      .room-screen__side-visual {
        padding: 16px 18px 8px;
        display: grid;
        place-items: center;
      }

      .room-screen__side-image {
        width: 100%;
        max-width: 240px;
        aspect-ratio: 0.69;
        object-fit: contain;
      }

      .room-screen__side-fallback {
        padding: 20px;
        text-align: center;
      }

      .room-screen__side-name {
        padding: 0 18px 18px;
        text-align: center;
        font-size: 1.25rem;
        font-weight: 800;
      }

      .room-screen__meta-list {
        display: grid;
        gap: 10px;
        padding: 16px 18px 18px;
      }

      .room-screen__meta-item {
        display: grid;
        gap: 6px;
        padding: 12px 14px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.04);
      }

      .room-screen__meta-item span {
        color: rgba(255, 255, 255, 0.68);
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.12em;
      }

      .room-screen__meta-item strong {
        font-size: 1.02rem;
      }

      .room-screen__footer {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.52fr);
        align-items: stretch;
        gap: 0;
        min-height: 104px;
        border-radius: 22px;
        border: 1px solid rgba(225, 58, 187, 0.48);
        background: rgba(4, 8, 28, 0.86);
        overflow: hidden;
      }

      .room-screen__join-block {
        display: grid;
        place-items: center;
        gap: 8px;
        padding: 16px 20px;
      }

      .room-screen__join-block span {
        color: rgba(255, 255, 255, 0.76);
        font-size: 0.88rem;
        text-transform: uppercase;
        letter-spacing: 0.14em;
      }

      .room-screen__join-block strong {
        color: #ffcd25;
        font-size: clamp(2.2rem, 5vw, 4rem);
        line-height: 1;
      }

      .room-screen__join-block--qr {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        justify-items: start;
        border-left: 1px solid rgba(255, 255, 255, 0.12);
      }

      .room-screen__footer-qr {
        width: 88px;
        height: 88px;
        padding: 6px;
        border-radius: 16px;
        background: #ffffff;
        display: grid;
        place-items: center;
      }

      .room-screen__footer-qr-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .room-screen__footer-qr-fallback {
        color: #071120;
        font-size: 0.8rem;
      }

      @media (max-width: 1100px) {
        .room-screen__content {
          grid-template-columns: minmax(0, 1fr);
        }

        .room-screen__sidebar {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          grid-template-rows: auto;
        }
      }

      @media (max-width: 860px) {
        .room-screen {
          padding: 10px;
          gap: 10px;
        }

        .room-screen__header {
          gap: 10px;
        }

        .room-screen__brand {
          font-size: 2rem;
        }

        .room-screen__content {
          gap: 10px;
        }

        .room-screen__main-shell {
          padding: 14px;
          gap: 12px;
        }

        .room-screen__prompt {
          font-size: 1.5rem;
        }

        .room-screen__answers {
          grid-template-columns: 1fr;
          gap: 10px;
        }

        .room-screen__answer {
          min-height: 78px;
          grid-template-columns: 56px minmax(0, 1fr);
          gap: 12px;
          padding: 12px 14px;
          border-radius: 16px;
        }

        .room-screen__answer strong {
          width: 44px;
          height: 44px;
          font-size: 1.45rem;
        }

        .room-screen__answer span,
        .room-screen__fact-line,
        .room-screen__status {
          font-size: 1rem;
        }

        .room-screen__hero-letter {
          width: min(48vw, 180px);
          min-height: 120px;
          font-size: 3rem;
          border-radius: 20px;
        }

        .room-screen__sequence-strip span {
          min-width: 56px;
          min-height: 56px;
          font-size: 1.3rem;
          border-radius: 14px;
        }

        .room-screen__sidebar {
          grid-template-columns: 1fr;
          gap: 10px;
        }

        .room-screen__side-visual {
          padding-top: 12px;
        }

        .room-screen__side-image {
          max-width: 170px;
        }

        .room-screen__footer {
          grid-template-columns: 1fr;
        }

        .room-screen__join-block--qr {
          grid-template-columns: 1fr auto;
          border-left: 0;
          border-top: 1px solid rgba(255, 255, 255, 0.12);
        }
      }
      .waiting-room-shell--static {
        --tabuzzz-header-height: var(--tabuzzz-header-preplay-height);
        --tabuzzz-header-logo-width: var(--tabuzzz-header-preplay-logo-width);
        --tabuzzz-header-logo-height: calc(var(--tabuzzz-header-height) * 0.8);
        position: fixed;
        inset: 0;
        grid-template-rows:
          var(--tabuzzz-header-height)
          minmax(0, 1fr);
        overflow: hidden;
        background:
          linear-gradient(180deg, rgba(1, 5, 18, 0.12), rgba(1, 5, 18, 0.72)),
          url("/media/navigation/nav-background.webp") center center / cover no-repeat,
          #030611;
      }

      .waiting-room-shell--static::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 50% 18%, rgba(49, 215, 255, 0.14), transparent 30%);
        pointer-events: none;
      }

      .waiting-room-shell--static > .nav-zero__header,
      .waiting-room-shell--static > .waiting-room__body {
        position: relative;
        z-index: 1;
      }

      .waiting-room-shell--static > .waiting-room__body {
        grid-row: 2;
        height: auto;
      }

      .waiting-room-shell--static > .game-selection-settings-modal {
        position: fixed;
        inset: 0;
        z-index: 45;
      }

      .waiting-room__body--session {
        width: min(94vw, 1320px);
        min-height: 0;
        margin: 0 auto;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        gap: clamp(0.75rem, 2svh, 1.5rem);
        align-content: stretch;
        justify-items: stretch;
        padding-block-end: clamp(0.75rem, 2.4svh, 1.75rem);
      }

      .waiting-room__hero-grid {
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(18rem, 0.9fr) minmax(20rem, 1.1fr);
        gap: clamp(1rem, 3vw, 2.75rem);
        align-items: stretch;
        overflow: hidden;
      }

      .waiting-room__left,
      .waiting-room__right,
      .waiting-room__bottom {
        min-width: 0;
      }

      .waiting-room__left,
      .waiting-room__right {
        display: grid;
        gap: clamp(0.7rem, 1.6svh, 1rem);
        min-height: 0;
      }

      .waiting-room__game-card,
      .waiting-room__connection,
      .waiting-room__identity,
      .waiting-room__players,
      .waiting-room__message,
      .waiting-room__actions {
        width: 100%;
      }

      .waiting-room__game-card,
      .waiting-room__connection,
      .waiting-room__identity,
      .waiting-room__players,
      .waiting-room__message {
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 8px;
        background: rgba(4, 9, 28, 0.74);
        box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
      }

      .waiting-room__game-card {
        max-height: none;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        overflow: hidden;
      }

      .waiting-room__game-visual {
        min-height: 0;
        display: grid;
        place-items: center;
        padding: clamp(14px, 2vw, 28px);
      }

      .waiting-room__game-image {
        width: min(100%, 24rem);
        height: auto;
        max-height: min(38svh, 100%);
        object-fit: contain;
      }

      .waiting-room__game-copy {
        display: grid;
        gap: 8px;
        padding: 16px 20px 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
      }

      .waiting-room__game-label,
      .waiting-room__game-mode,
      .waiting-room__join-instruction,
      .waiting-room__connection-label,
      .waiting-room__players-header span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.86rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0;
      }

      .waiting-room__game-title {
        color: #fff;
        font-size: clamp(2rem, 4vw, 3.45rem);
        line-height: 1;
      }

      .waiting-room__game-mode {
        color: #ffcd25;
      }

      .waiting-room__connection {
        min-height: 0;
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr);
        justify-items: center;
        align-content: center;
        gap: clamp(0.6rem, 1.6svh, 1.125rem);
        padding: clamp(1rem, min(2.8vw, 2.8svh), 2.5rem);
        text-align: center;
        overflow: hidden;
      }

      .waiting-room__connection-copy {
        display: contents;
      }

      .waiting-room__join-instruction {
        grid-row: 1;
        color: #dff8ff;
        font-size: clamp(1rem, 1.6vw, 1.25rem);
      }

      .waiting-room__qr-frame {
        grid-row: 2;
        width: clamp(9rem, min(28vw, 30svh), 22rem);
        min-width: 0;
        height: auto;
        aspect-ratio: 1;
        padding: clamp(0.7rem, 1.4vw, 1.125rem);
        border-radius: 8px;
      }

      .waiting-room__qr-image {
        image-rendering: pixelated;
      }

      .waiting-room__connection-label {
        grid-row: 3;
      }

      .waiting-room__connection-code {
        grid-row: 4;
        color: #ffcd25;
        font-size: clamp(2.4rem, min(7vw, 9svh), 6.2rem);
        line-height: 0.92;
        letter-spacing: 0;
      }

      .waiting-room__identity {
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 14px 18px;
        text-align: left;
      }

      .waiting-room__identity-value {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: clamp(1.1rem, 2vw, 1.8rem);
        letter-spacing: 0;
      }

      .waiting-room__bottom {
        display: grid;
        grid-template-columns: minmax(12rem, 0.28fr) minmax(0, 1fr) minmax(12rem, 0.24fr);
        gap: clamp(0.75rem, 2vw, 1.25rem);
        align-items: stretch;
        min-height: 0;
      }

      .waiting-room__message {
        min-height: 74px;
        display: grid;
        place-items: center;
        padding: 14px 18px;
        color: #dff8ff;
        font-size: clamp(1.05rem, 1.8vw, 1.45rem);
        font-weight: 800;
        text-align: center;
      }

      .waiting-room__players {
        display: grid;
        gap: 10px;
        padding: 14px 16px;
      }

      .waiting-room__players-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }

      .waiting-room__players-header strong {
        color: #ffcd25;
      }

      .waiting-room__player-list {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 9px;
      }

      .waiting-room__player {
        min-width: 0;
        min-height: 48px;
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        padding: 8px 10px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.07);
      }

      .waiting-room__player-index {
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: rgba(255, 205, 37, 0.16);
        color: #ffcd25;
        font-weight: 900;
      }

      .waiting-room__player strong {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .waiting-room__player--empty {
        grid-column: 1 / -1;
        grid-template-columns: 1fr;
        text-align: center;
      }

      .waiting-room__actions {
        display: grid;
        align-content: center;
        gap: clamp(0.55rem, 1.4svh, 0.8rem);
        justify-items: stretch;
        min-width: 0;
      }

      .waiting-room__count {
        display: none;
      }

      .waiting-room__launch {
        width: 100%;
        min-height: clamp(3rem, 7svh, 3.875rem);
        border-radius: 8px;
        letter-spacing: 0;
      }

      .waiting-room__bottom .waiting-room__share {
        width: 100%;
        min-width: 0;
        min-height: clamp(2.75rem, 6svh, 3.25rem);
      }

      .room-screen--lobby {
        grid-template-rows: auto minmax(0, 1fr) auto;
        gap: clamp(12px, 1.6vh, 22px);
        padding: clamp(18px, 2.4vw, 34px);
        background:
          linear-gradient(180deg, rgba(1, 5, 18, 0.18), rgba(1, 5, 18, 0.72)),
          url("/media/navigation/nav-background.webp") center center / cover no-repeat,
          #030611;
      }

      .room-screen__lobby-grid {
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(300px, 0.92fr) minmax(340px, 1.08fr);
        gap: clamp(18px, 3vw, 44px);
        align-items: stretch;
      }

      .room-screen__lobby-game-card,
      .room-screen__lobby-join-card,
      .room-screen__lobby-bottom {
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 8px;
        background: rgba(3, 8, 26, 0.76);
        box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
      }

      .room-screen__lobby-game-card {
        min-height: 0;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        overflow: hidden;
      }

      .room-screen__lobby-game-visual,
      .room-screen__lobby-join-card {
        display: grid;
        place-items: center;
      }

      .room-screen__lobby-game-visual {
        min-height: 0;
        padding: clamp(18px, 2.4vw, 32px);
      }

      .room-screen__lobby-game-image {
        width: min(100%, 390px);
        max-height: 46vh;
        object-fit: contain;
      }

      .room-screen__lobby-game-copy {
        display: grid;
        gap: 8px;
        padding: 18px 22px 22px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
      }

      .room-screen__lobby-game-copy span,
      .room-screen__lobby-code-label,
      .room-screen__lobby-join-label,
      .room-screen__lobby-players-header span {
        color: rgba(255, 255, 255, 0.7);
        font-size: 0.88rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0;
      }

      .room-screen__lobby-game-copy strong {
        font-size: clamp(2rem, 4vw, 3.5rem);
        line-height: 1;
      }

      .room-screen__lobby-game-copy em {
        color: #ffcd25;
        font-style: normal;
        font-weight: 800;
      }

      .room-screen__lobby-join-card {
        gap: clamp(10px, 1.8vh, 20px);
        padding: clamp(20px, 3vw, 42px);
        text-align: center;
      }

      .room-screen__lobby-qr {
        width: min(38vw, 390px);
        min-width: 270px;
        aspect-ratio: 1;
        display: grid;
        place-items: center;
        padding: clamp(12px, 1.4vw, 18px);
        border-radius: 8px;
        background: #fff;
      }

      .room-screen__lobby-qr-image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
        image-rendering: pixelated;
      }

      .room-screen__lobby-code {
        color: #ffcd25;
        font-size: clamp(3.6rem, 8vw, 7rem);
        line-height: 0.92;
      }

      .room-screen__lobby-bottom {
        min-height: 118px;
        display: grid;
        grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
        gap: 18px;
        align-items: center;
        padding: 16px 20px;
      }

      .room-screen__lobby-status {
        display: grid;
        place-items: center;
        min-height: 74px;
        border-radius: 8px;
        background: rgba(49, 215, 255, 0.1);
        color: #dff8ff;
        font-size: clamp(1.2rem, 2vw, 1.8rem);
        font-weight: 800;
        text-align: center;
      }

      .room-screen__lobby-players,
      .room-screen__lobby-player-list {
        display: grid;
      }

      .room-screen__lobby-players {
        gap: 12px;
        min-width: 0;
      }

      .room-screen__lobby-players-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }

      .room-screen__lobby-players-header strong {
        color: #ffcd25;
      }

      .room-screen__lobby-player-list {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
      }

      .room-screen__lobby-player {
        min-width: 0;
        min-height: 50px;
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        padding: 9px 10px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.07);
      }

      .room-screen__lobby-player span {
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: rgba(255, 205, 37, 0.16);
        color: #ffcd25;
        font-weight: 900;
      }

      .room-screen__lobby-player strong {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      @media (max-width: 1100px) {
        .waiting-room__hero-grid,
        .waiting-room__bottom,
        .room-screen__lobby-grid,
        .room-screen__lobby-bottom {
          grid-template-columns: 1fr;
        }

        .waiting-room__player-list,
        .room-screen__lobby-player-list {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }

      @media (max-width: 860px) {
        .waiting-room-shell--static {
          grid-template-rows:
            var(--tabuzzz-header-height)
            minmax(0, 1fr);
          overflow: hidden;
        }

        .waiting-room-shell--static .nav-zero__header {
          padding: 0 12px;
        }

        .waiting-room-shell--static .nav-zero__header-row {
          min-height: 100%;
        }

        .waiting-room-shell--static .nav-zero__logo {
          width: var(--tabuzzz-header-logo-width);
          max-height: var(--tabuzzz-header-logo-height);
        }

        .waiting-room-shell--static .nav-zero__icon-button {
          width: 46px;
          height: 46px;
        }

        .waiting-room__body--session {
          width: min(94vw, 430px);
          grid-template-rows: auto auto;
          align-content: start;
          gap: clamp(0.55rem, 1.6svh, 0.75rem);
          padding-block-end: max(1rem, env(safe-area-inset-bottom));
          overflow-x: hidden;
          overflow-y: auto;
          overscroll-behavior: contain;
        }

        .waiting-room__hero-grid,
        .waiting-room__bottom {
          gap: 10px;
        }

        .waiting-room__hero-grid {
          display: flex;
          flex-direction: column;
        }

        .waiting-room__right {
          order: 1;
        }

        .waiting-room__left {
          order: 2;
        }

        .waiting-room__connection {
          gap: 6px;
          padding: 10px;
          border-color: rgba(120, 226, 255, 0.28);
        }

        .waiting-room__qr-frame {
          width: min(50vw, 184px);
          min-width: 0;
          max-width: calc(100vw - 68px);
          padding: 8px;
        }

        .waiting-room__join-instruction,
        .waiting-room__connection-label {
          font-size: 0.76rem;
        }

        .waiting-room__connection-code {
          font-size: clamp(2rem, 11vw, 3.05rem);
        }

        .waiting-room__game-card {
          min-height: 52px;
          grid-template-columns: 1fr;
          grid-template-rows: 1fr;
        }

        .waiting-room__game-visual {
          display: none;
        }

        .waiting-room__game-image {
          width: 100%;
          max-height: 64px;
        }

        .waiting-room__game-copy {
          display: grid;
          grid-template-columns: auto minmax(0, 1fr) auto;
          align-items: center;
          gap: 8px;
          padding: 9px 12px;
          border-top: 0;
          border-left: 0;
        }

        .waiting-room__game-label,
        .waiting-room__game-mode {
          font-size: 0.68rem;
        }

        .waiting-room__game-title {
          min-width: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: clamp(1.05rem, 5vw, 1.36rem);
        }

        .waiting-room__identity {
          grid-template-columns: auto minmax(0, 1fr);
          gap: 8px;
          padding: 9px 12px;
        }

        .waiting-room__identity-label {
          display: none;
        }

        .waiting-room__role-chip {
          padding: 5px 8px;
          font-size: 0.68rem;
        }

        .waiting-room__identity-value {
          font-size: clamp(1rem, 5vw, 1.32rem);
        }

        .waiting-room__bottom {
          display: grid;
          grid-template-columns: 1fr;
        }

        .waiting-room__message {
          order: 1;
          min-height: 0;
          padding: 8px 10px;
          font-size: 0.9rem;
        }

        .waiting-room__players {
          order: 3;
          gap: 8px;
          padding: 8px 10px;
        }

        .waiting-room__players-header span {
          font-size: 0.72rem;
        }

        .waiting-room__player-list,
        .room-screen__lobby-player-list {
          grid-template-columns: 1fr;
        }

        .waiting-room__player-list {
          max-height: 76px;
          overflow: auto;
        }

        .waiting-room__player {
          min-height: 34px;
          padding: 6px 8px;
        }

        .waiting-room__actions {
          order: 2;
          position: sticky;
          bottom: max(10px, env(safe-area-inset-bottom));
          z-index: 3;
        }

        .waiting-room__launch {
          min-height: 50px;
          font-size: 0.95rem;
        }

        .room-screen__lobby-grid,
        .room-screen__lobby-bottom {
          gap: 10px;
        }

        .room-screen__lobby-qr {
          width: min(78vw, 320px);
          min-width: 220px;
        }

        .room-screen__lobby-code {
          font-size: clamp(2.6rem, 16vw, 4.4rem);
        }
      }

      .mini-shell {
        position: fixed;
        inset: 0;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        height: 100dvh;
        max-height: 100dvh;
        padding: max(8px, env(safe-area-inset-top)) 10px max(8px, env(safe-area-inset-bottom));
        overflow: hidden;
        overscroll-behavior: contain;
        background:
          linear-gradient(180deg, rgba(3, 8, 20, 0.24), rgba(3, 8, 20, 0.84)),
          url("/media/navigation/nav-background.webp") center center / cover no-repeat,
          #071120;
        color: #f7fbff;
      }

      .mini-shell__header {
        display: grid;
        justify-items: center;
        gap: 3px;
        padding: 0 0 7px;
        text-align: center;
      }

      .mini-shell__logo-link {
        display: inline-grid;
        place-items: center;
        width: min(52%, 164px);
        min-height: 42px;
        text-decoration: none;
      }

      .mini-shell__logo {
        display: block;
        width: 100%;
        max-height: 48px;
        object-fit: contain;
        filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.52));
      }

      .mini-shell__logo-fallback {
        color: #ffffff;
        font-size: 1.45rem;
        font-weight: 900;
      }

      .mini-shell__full-note {
        display: grid;
        gap: 1px;
        margin: 0;
        max-width: 300px;
        color: rgba(247, 251, 255, 0.84);
        font-size: 0.76rem;
        line-height: 1.08;
      }

      .mini-shell__main {
        display: grid;
        min-height: 0;
        width: min(100%, 980px);
        margin: 0 auto;
      }

      .mini-game-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(4, minmax(0, 1fr));
        min-height: 0;
        gap: 7px;
      }

      .mini-game-card {
        position: relative;
        display: grid;
        grid-template-rows: minmax(42px, 1fr) auto;
        min-width: 0;
        min-height: 0;
        padding: 0;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 8px;
        background: rgba(8, 16, 35, 0.84);
        color: #ffffff;
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
        text-align: left;
      }

      .mini-game-card__media {
        display: block;
        min-height: 0;
        background:
          linear-gradient(135deg, rgba(49, 215, 255, 0.16), rgba(255, 211, 106, 0.08)),
          #101b31;
      }

      .mini-game-card__media img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: cover;
      }

      .mini-game-card__copy {
        display: grid;
        min-width: 0;
        padding: 5px 7px 6px;
      }

      .mini-game-card__title {
        min-width: 0;
        overflow-wrap: anywhere;
        color: #ffffff;
        font-size: 0.98rem;
        font-weight: 950;
        line-height: 1;
      }

      .mini-game-card:focus-visible {
        outline: 3px solid #ffd36a;
        outline-offset: 3px;
      }

      @media (min-width: 700px) {
        .mini-game-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          grid-template-rows: repeat(2, minmax(0, 1fr));
        }

        .mini-game-card {
          grid-template-rows: minmax(96px, 1fr) auto;
        }

        .mini-shell__logo-link {
          width: 184px;
        }

        .mini-shell__logo {
          max-height: 54px;
        }
      }

      @media (max-height: 680px) {
        .mini-shell {
          padding-top: max(6px, env(safe-area-inset-top));
          padding-bottom: max(6px, env(safe-area-inset-bottom));
        }

        .mini-shell__logo-link {
          width: min(45%, 142px);
          min-height: 34px;
        }

        .mini-shell__logo {
          max-height: 38px;
        }

        .mini-shell__full-note {
          font-size: 0.7rem;
        }

        .mini-game-grid {
          gap: 5px;
        }

        .mini-game-card__copy {
          padding: 4px 6px 5px;
        }

        .mini-game-card__title {
          font-size: 0.9rem;
        }
      }

      .nav-home-shell {
        --nav-premium-cyan: rgba(80, 226, 255, 0.92);
        --nav-premium-blue: rgba(64, 144, 255, 0.88);
        --nav-premium-violet: rgba(126, 83, 255, 0.42);
        --nav-premium-filter: hue-rotate(-14deg) saturate(1.06) brightness(1.08);
        --tabuzzz-header-height: 20dvh;
        --tabuzzz-header-logo-width: 96%;
        --tabuzzz-header-logo-height: 88%;
        --tabuzzz-content-top-fr: 0fr;
        --tabuzzz-content-main-fr: 80fr;
        --tabuzzz-content-bottom-fr: 0fr;
      }

      .nav-home-shell .nav-zero__header {
        padding-inline: 4vw;
      }

      .nav-home-shell .nav-zero__header-row {
        display: grid;
        grid-template-columns: 10% minmax(0, 80%) 10%;
        gap: 0;
      }

      .nav-home-shell .nav-zero__brand {
        position: static;
        transform: none;
        width: 100%;
      }

      .nav-home-shell .nav-zero__logo {
        width: var(--tabuzzz-header-logo-width);
        height: var(--tabuzzz-header-logo-height);
        max-height: var(--tabuzzz-header-logo-height);
        filter: var(--nav-premium-filter) drop-shadow(0 0 0.7em var(--nav-premium-blue));
      }

      .nav-home-shell .nav-zero__icon-button {
        width: 62%;
        height: auto;
        aspect-ratio: 1;
        filter: var(--nav-premium-filter) drop-shadow(0 0 0.58em var(--nav-premium-blue));
      }

      .nav-home-shell .nav-zero__header-back,
      .nav-home-shell .nav-zero__header-menu {
        position: static;
        transform: none;
        align-self: center;
      }

      .nav-home-shell .nav-zero__header-back {
        justify-self: start;
      }

      .nav-home-shell .nav-zero__header-menu {
        justify-self: end;
      }

      .nav-home-shell .nav-zero__main {
        padding: 0 4vw 2dvh;
      }

      .nav-home-shell .nav-zero__board {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 10% 76% 14%;
        align-items: stretch;
        width: 100%;
        height: 100%;
      }

      .nav-home-shell .nav-zero__home-promise {
        position: static;
        transform: none;
        grid-column: 1 / -1;
        align-self: center;
        justify-self: center;
        width: 90%;
        margin: 0;
        padding: 0;
        background: transparent;
        font-size: min(3.1vw, 2.55dvh);
        line-height: 1;
        color: rgba(238, 252, 255, 0.96);
        text-shadow: 0 0 0.72em var(--nav-premium-cyan), 0 0 1.1em rgba(42, 92, 255, 0.45);
      }

      .nav-home-shell .nav-zero__buttons {
        position: static;
        inset: auto;
        grid-row: 2;
        grid-column: 1 / -1;
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        align-content: stretch;
        gap: min(3.5%, 2.2dvh);
        padding: 0;
      }

      .nav-home-shell .nav-zero__main-button {
        width: 72%;
        height: 100%;
        justify-self: center;
        filter: var(--nav-premium-filter) drop-shadow(0 0 0.62em var(--nav-premium-blue));
      }

      .nav-home-shell .nav-zero__main-button-image {
        filter: saturate(0.96) brightness(1.07) hue-rotate(-10deg);
      }

      .nav-home-shell .nav-zero__main-button-copy {
        padding-inline: 10%;
        gap: 2%;
      }

      .nav-home-shell .nav-zero__main-button-label {
        font-size: min(6.3vw, 6.2dvh);
        line-height: 0.95;
      }

      .nav-home-shell .nav-zero__main-button-subtitle {
        font-size: min(2.55vw, 2.45dvh);
        line-height: 1;
        color: rgba(178, 240, 255, 0.94);
      }

      .nav-home-shell .nav-zero__side-action {
        position: static;
        order: 0;
        grid-row: 2;
        top: auto;
        right: auto;
        left: auto;
        transform: none;
        align-self: start;
        width: 42%;
        height: auto;
        aspect-ratio: 1;
        margin-top: 4%;
        filter: var(--nav-premium-filter) drop-shadow(0 0 0.72em var(--nav-premium-blue));
      }

      .nav-home-shell .nav-zero__controller-image {
        filter: saturate(0.98) brightness(1.08) hue-rotate(-22deg);
      }

      .nav-home-shell .nav-zero__header-menu .nav-zero__icon-image,
      .nav-home-shell .nav-zero__side-action--quick .nav-zero__controller-image {
        filter: saturate(0.9) brightness(1.12) hue-rotate(-42deg);
      }

      .nav-home-shell .nav-zero__header-back .nav-zero__icon-image,
      .nav-home-shell .nav-zero__side-action--mystery .nav-zero__controller-image {
        filter: saturate(0.96) brightness(1.08) hue-rotate(-8deg);
      }

      .nav-home-shell .nav-zero__side-action--mystery {
        grid-column: 1;
        justify-self: center;
      }

      .nav-home-shell .nav-zero__side-action--quick {
        grid-column: 2;
        justify-self: center;
      }

      .nav-home-shell .nav-zero__side-action:hover:not(:disabled):not(:active),
      .nav-home-shell .nav-zero__side-action:active {
        transform: scale(1.035);
      }

      .nav-home-shell .nav-zero__main-button:hover:not(:disabled):not(:active),
      .nav-home-shell .nav-zero__icon-button:hover:not(:disabled):not(:active) {
        transform: scale(1.035);
        filter: var(--nav-premium-filter) brightness(1.08) drop-shadow(0 0 0.86em var(--nav-premium-cyan));
      }

      .nav-home-shell .nav-zero__main-button:active,
      .nav-home-shell .nav-zero__side-action:active,
      .nav-home-shell .nav-zero__icon-button:active {
        transform: scale(0.985);
      }

      .nav-home-shell .nav-zero__controller-copy {
        width: 118%;
        margin-top: -8%;
        padding: 0;
      }

      .nav-home-shell .nav-zero__controller-copy strong {
        font-size: min(2.7vw, 2.55dvh);
        line-height: 1;
        color: rgba(245, 253, 255, 0.98);
        text-shadow: 0 0 0.48em var(--nav-premium-cyan), 0 0 0.9em rgba(42, 92, 255, 0.42);
      }

      .nav-home-shell .nav-zero__controller-copy span {
        font-size: min(1.9vw, 1.75dvh);
        line-height: 1;
        color: rgba(178, 240, 255, 0.92);
      }

      .nav-home-shell .nav-legal-footer {
        position: static;
        transform: none;
        grid-column: 1 / -1;
        grid-row: 3;
        align-self: center;
        justify-self: center;
        width: 86%;
        padding: 0;
        gap: 4%;
        font-size: min(1.9vw, 1.7dvh);
      }

      @media (min-aspect-ratio: 5 / 4) {
        .nav-home-shell {
          --tabuzzz-header-height: 24dvh;
          --tabuzzz-header-logo-width: 48%;
          --tabuzzz-header-logo-height: 86%;
          --tabuzzz-content-main-fr: 76fr;
        }

        .nav-home-shell .nav-zero__board {
          grid-template-rows: 10% 78% 12%;
        }

        .nav-home-shell .nav-zero__main-button {
          width: 50%;
        }

        .nav-home-shell .nav-zero__main-button-label {
          font-size: min(3vw, 6dvh);
        }

        .nav-home-shell .nav-zero__main-button-subtitle {
          font-size: min(1.25vw, 2.35dvh);
        }

        .nav-home-shell .nav-zero__side-action {
          width: 22%;
        }

        .nav-home-shell .nav-zero__controller-copy strong {
          font-size: min(1vw, 2dvh);
        }

        .nav-home-shell .nav-zero__controller-copy span {
          font-size: min(0.72vw, 1.35dvh);
        }

        .nav-home-shell .nav-legal-footer {
          font-size: min(1vw, 1.65dvh);
        }
      }

      @media (min-aspect-ratio: 4 / 5) and (max-aspect-ratio: 5 / 4) {
        .nav-home-shell {
          --tabuzzz-header-height: 26dvh;
          --tabuzzz-header-logo-width: 74%;
          --tabuzzz-header-logo-height: 72%;
          --tabuzzz-content-main-fr: 74fr;
        }

        .nav-home-shell .nav-zero__board {
          grid-template-rows: 34% 61% 5%;
        }

        .nav-home-shell .nav-zero__home-promise,
        .nav-home-shell .nav-legal-footer,
        .nav-home-shell .nav-zero__controller-copy span,
        .nav-home-shell .nav-zero__main-button-subtitle {
          display: none;
        }

        .nav-home-shell .nav-zero__buttons {
          grid-row: 2;
        }

        .nav-home-shell .nav-zero__side-action {
          grid-row: 1;
          align-self: end;
          width: 46%;
          margin-top: 0;
        }

        .nav-home-shell .nav-zero__main-button {
          width: 68%;
        }

        .nav-home-shell .nav-zero__main-button-label {
          font-size: min(5.2vw, 6.2dvh);
        }

        .nav-home-shell .nav-zero__controller-copy strong {
          font-size: min(2.8vw, 3.3dvh);
        }
      }

      .nav-join-shell,
      .nav-solo-duo-shell,
      .nav-hub-shell,
      .nav-mj-access-shell,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) {
        --nav-premium-cyan: rgba(80, 226, 255, 0.92);
        --nav-premium-blue: rgba(64, 144, 255, 0.88);
        --nav-premium-violet: rgba(126, 83, 255, 0.42);
        --nav-premium-filter: hue-rotate(-14deg) saturate(1.06) brightness(1.08);
        --tabuzzz-header-height: 20dvh;
        --tabuzzz-header-logo-width: 96%;
        --tabuzzz-header-logo-height: 88%;
        --tabuzzz-content-top-fr: 0fr;
        --tabuzzz-content-main-fr: 80fr;
        --tabuzzz-content-bottom-fr: 0fr;
      }

      .nav-join-shell .nav-zero__header,
      .nav-solo-duo-shell .nav-zero__header,
      .nav-hub-shell .nav-zero__header,
      .nav-mj-access-shell .nav-zero__header,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__header {
        padding-inline: 4vw;
      }

      .nav-join-shell .nav-zero__header-row,
      .nav-solo-duo-shell .nav-zero__header-row,
      .nav-hub-shell .nav-zero__header-row,
      .nav-mj-access-shell .nav-zero__header-row,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__header-row {
        display: grid;
        grid-template-columns: 14% minmax(0, 72%) 14%;
        gap: 0;
      }

      .nav-join-shell .nav-zero__brand,
      .nav-solo-duo-shell .nav-zero__brand,
      .nav-hub-shell .nav-zero__brand,
      .nav-mj-access-shell .nav-zero__brand,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__brand {
        position: static;
        transform: none;
        width: 100%;
      }

      .nav-join-shell .nav-zero__logo,
      .nav-solo-duo-shell .nav-zero__logo,
      .nav-hub-shell .nav-zero__logo,
      .nav-mj-access-shell .nav-zero__logo,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__logo {
        width: var(--tabuzzz-header-logo-width);
        height: var(--tabuzzz-header-logo-height);
        max-height: var(--tabuzzz-header-logo-height);
        filter: var(--nav-premium-filter) drop-shadow(0 0 0.7em var(--nav-premium-blue));
      }

      .nav-join-shell .nav-zero__icon-button,
      .nav-solo-duo-shell .nav-zero__icon-button,
      .nav-hub-shell .nav-zero__icon-button,
      .nav-mj-access-shell .nav-zero__icon-button,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__icon-button {
        width: 76%;
        height: auto;
        aspect-ratio: 1;
        transform-origin: center;
        filter: var(--nav-premium-filter) drop-shadow(0 0 0.58em var(--nav-premium-blue));
      }

      .nav-join-shell .nav-zero__header-back,
      .nav-join-shell .nav-zero__header-menu,
      .nav-solo-duo-shell .nav-zero__header-back,
      .nav-solo-duo-shell .nav-zero__header-menu,
      .nav-hub-shell .nav-zero__header-back,
      .nav-hub-shell .nav-zero__header-menu,
      .nav-mj-access-shell .nav-zero__header-back,
      .nav-mj-access-shell .nav-zero__header-menu,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__header-back,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__header-menu {
        position: static;
        transform: none;
        align-self: center;
      }

      .nav-join-shell .nav-zero__header-back,
      .nav-solo-duo-shell .nav-zero__header-back,
      .nav-hub-shell .nav-zero__header-back,
      .nav-mj-access-shell .nav-zero__header-back,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__header-back {
        justify-self: start;
      }

      .nav-join-shell .nav-zero__header-menu,
      .nav-solo-duo-shell .nav-zero__header-menu,
      .nav-hub-shell .nav-zero__header-menu,
      .nav-mj-access-shell .nav-zero__header-menu,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__header-menu {
        justify-self: end;
      }

      .nav-join-shell .nav-zero__main,
      .nav-solo-duo-shell .nav-zero__main,
      .nav-hub-shell .nav-zero__main,
      .nav-mj-access-shell .nav-zero__main,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__main {
        padding: 0 4vw 2dvh;
      }

      .nav-join-shell .nav-join__content,
      .nav-hub-shell .nav-hub__content {
        gap: min(2.2vw, 2dvh);
        width: 86%;
        max-width: none;
        padding: 4dvh 0 0;
      }

      .nav-mj-access-shell .account-gate {
        width: 86%;
        max-width: none;
        gap: min(2vw, 1.8dvh);
        padding: 4%;
        border-color: rgba(80, 226, 255, 0.36);
        background: rgba(4, 10, 30, 0.68);
        box-shadow: 0 0 2em rgba(64, 144, 255, 0.18);
      }

      .nav-join-shell .nav-join__eyebrow,
      .nav-join-shell .nav-join__title,
      .nav-join-shell .nav-join__subtitle,
      .nav-solo-duo-shell .nav-solo-duo__eyebrow,
      .nav-hub-shell .nav-hub__eyebrow,
      .nav-mj-access-shell .account-gate__eyebrow,
      .nav-mj-access-shell .account-gate__title {
        font-size: min(4.9vw, 4.6dvh);
        line-height: 1;
        color: rgba(248, 252, 255, 0.98);
        text-shadow: 0 0 0.62em var(--nav-premium-cyan), 0 0 1em rgba(42, 92, 255, 0.38);
      }

      .nav-mj-access-shell .account-gate__body,
      .nav-mj-access-shell .account-gate__list {
        font-size: min(2.6vw, 2.25dvh);
        line-height: 1.18;
      }

      .nav-join-shell .nav-join__stack {
        width: 72%;
        gap: min(2vw, 1.8dvh);
      }

      .nav-join-shell .nav-join__stack .field {
        gap: min(1vw, 1dvh);
      }

      .nav-join-shell .nav-join__stack .field label,
      .nav-join-shell .nav-join__stack .field input {
        font-size: min(2.8vw, 2.5dvh);
      }

      .nav-join-shell .nav-join__stack .field input {
        min-height: 40px;
        padding: 3% 4%;
      }

      .nav-join-shell .nav-join__launch.nav-zero__main-button,
      .nav-solo-duo-shell .nav-solo-duo__tile,
      .nav-hub-shell .nav-hub__tile {
        width: 100%;
        height: min(15vw, 14dvh);
        min-height: 0;
      }

      .nav-solo-duo-shell .nav-solo-duo__board {
        width: 100%;
        max-width: none;
        --nav-lower-offset: 4dvh;
      }

      .nav-solo-duo-shell .nav-solo-duo__eyebrow {
        top: var(--nav-lower-offset);
      }

      .nav-solo-duo-shell .nav-solo-duo__buttons {
        padding-top: 18dvh;
        gap: 2dvh;
        width: 62%;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
      }

      .nav-hub-shell .nav-hub__grid {
        gap: min(2vw, 2dvh);
        width: 72%;
      }

      .nav-hub-shell .nav-hub__resume {
        width: 52%;
        min-height: 40px;
        padding: 2% 4%;
        border-radius: 999em;
        border-color: rgba(80, 226, 255, 0.44);
        background: rgba(4, 12, 36, 0.72);
        font-size: min(2.2vw, 2dvh);
        transform-origin: center;
      }

      .nav-join-shell .nav-zero__main-button-label,
      .nav-solo-duo-shell .nav-zero__main-button-label,
      .nav-hub-shell .nav-zero__main-button-label {
        font-size: min(4vw, 3.9dvh);
        line-height: 0.95;
      }

      .nav-join-shell .nav-zero__main-button-subtitle,
      .nav-solo-duo-shell .nav-zero__main-button-subtitle,
      .nav-hub-shell .nav-zero__main-button-subtitle {
        font-size: min(1.7vw, 1.7dvh);
        line-height: 1;
        color: rgba(178, 240, 255, 0.94);
      }

      .nav-mj-access-shell .account-gate__primary,
      .nav-mj-access-shell .account-gate__secondary {
        min-height: 40px;
        padding: 3% 4%;
        font-size: min(2.6vw, 2.3dvh);
        transform-origin: center;
      }

      .nav-join-shell .nav-zero__main-button,
      .nav-solo-duo-shell .nav-zero__main-button,
      .nav-hub-shell .nav-zero__main-button {
        transform-origin: center;
        filter: var(--nav-premium-filter) drop-shadow(0 0 0.62em var(--nav-premium-blue));
      }

      .nav-join-shell .nav-zero__main-button:hover:not(:disabled):not(:active),
      .nav-solo-duo-shell .nav-zero__main-button:hover:not(:disabled):not(:active),
      .nav-hub-shell .nav-zero__main-button:hover:not(:disabled):not(:active),
      .nav-hub-shell .nav-hub__resume:hover:not(:disabled):not(:active),
      .nav-mj-access-shell .account-gate__primary:hover:not(:disabled):not(:active),
      .nav-mj-access-shell .account-gate__secondary:hover:not(:disabled):not(:active),
      .nav-join-shell .nav-zero__icon-button:hover:not(:disabled):not(:active),
      .nav-solo-duo-shell .nav-zero__icon-button:hover:not(:disabled):not(:active),
      .nav-hub-shell .nav-zero__icon-button:hover:not(:disabled):not(:active),
      .nav-mj-access-shell .nav-zero__icon-button:hover:not(:disabled):not(:active),
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__icon-button:hover:not(:disabled):not(:active) {
        transform: scale(1.035);
        filter: var(--nav-premium-filter) brightness(1.08) drop-shadow(0 0 0.86em var(--nav-premium-cyan));
      }

      .nav-join-shell .nav-zero__main-button:active,
      .nav-solo-duo-shell .nav-zero__main-button:active,
      .nav-hub-shell .nav-zero__main-button:active,
      .nav-hub-shell .nav-hub__resume:active,
      .nav-mj-access-shell .account-gate__primary:active,
      .nav-mj-access-shell .account-gate__secondary:active,
      .nav-join-shell .nav-zero__icon-button:active,
      .nav-solo-duo-shell .nav-zero__icon-button:active,
      .nav-hub-shell .nav-zero__icon-button:active,
      .nav-mj-access-shell .nav-zero__icon-button:active,
      .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) .nav-zero__icon-button:active {
        transform: scale(0.985);
      }

      @media (min-aspect-ratio: 5 / 4) {
        .nav-join-shell,
        .nav-solo-duo-shell,
        .nav-hub-shell,
        .nav-mj-access-shell,
        .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) {
          --tabuzzz-header-height: 24dvh;
          --tabuzzz-header-logo-width: 48%;
          --tabuzzz-header-logo-height: 86%;
          --tabuzzz-content-main-fr: 76fr;
        }

        .nav-join-shell .nav-join__content,
        .nav-hub-shell .nav-hub__content {
          padding-top: 2dvh;
        }

        .nav-join-shell .nav-join__stack,
        .nav-hub-shell .nav-hub__grid {
          width: 52%;
        }

        .nav-solo-duo-shell .nav-solo-duo__buttons {
          width: 44%;
          padding-top: 17dvh;
        }

        .nav-mj-access-shell .account-gate {
          width: 52%;
        }

        .nav-join-shell .nav-join__eyebrow,
        .nav-join-shell .nav-join__title,
        .nav-join-shell .nav-join__subtitle,
        .nav-solo-duo-shell .nav-solo-duo__eyebrow,
        .nav-hub-shell .nav-hub__eyebrow,
        .nav-mj-access-shell .account-gate__eyebrow,
        .nav-mj-access-shell .account-gate__title {
          font-size: min(2.2vw, 4.2dvh);
        }

        .nav-join-shell .nav-zero__main-button-label,
        .nav-solo-duo-shell .nav-zero__main-button-label,
        .nav-hub-shell .nav-zero__main-button-label {
          font-size: min(2vw, 3.5dvh);
        }

        .nav-join-shell .nav-zero__main-button-subtitle,
        .nav-solo-duo-shell .nav-zero__main-button-subtitle,
        .nav-hub-shell .nav-zero__main-button-subtitle {
          font-size: min(0.9vw, 1.55dvh);
        }
      }

      @media (min-aspect-ratio: 4 / 5) and (max-aspect-ratio: 5 / 4) {
        .nav-join-shell,
        .nav-solo-duo-shell,
        .nav-hub-shell,
        .nav-mj-access-shell,
        .nav-choice-shell:not(.nav-content-module):not(.nav-content-library):not(.tabuzzz-form-shell) {
          --tabuzzz-header-height: 26dvh;
          --tabuzzz-header-logo-width: 74%;
          --tabuzzz-header-logo-height: 72%;
          --tabuzzz-content-main-fr: 74fr;
        }

        .nav-join-shell .nav-join__subtitle,
        .nav-mj-access-shell .account-gate__body,
        .nav-mj-access-shell .account-gate__list {
          display: none;
        }

        .nav-join-shell .nav-join__content,
        .nav-hub-shell .nav-hub__content {
          padding-top: 6dvh;
        }

        .nav-join-shell .nav-join__stack,
        .nav-hub-shell .nav-hub__grid,
        .nav-solo-duo-shell .nav-solo-duo__buttons {
          width: 74%;
        }

        .nav-solo-duo-shell .nav-solo-duo__buttons {
          padding-top: 16dvh;
        }

        .nav-hub-shell .nav-hub__resume {
          display: none;
        }

        .nav-mj-access-shell .account-gate {
          width: 74%;
        }
      }

      .game-selection-shell,
      .nav-choice-shell,
      .login-overlay.nav-choice-shell,
      .home-menu-overlay.nav-choice-shell {
        --choice-premium-cyan: rgba(80, 226, 255, 0.92);
        --choice-premium-blue: rgba(64, 144, 255, 0.88);
        --choice-premium-filter: hue-rotate(-14deg) saturate(1.06) brightness(1.08);
        --tabuzzz-header-height: 20dvh;
        --tabuzzz-header-logo-width: 96%;
        --tabuzzz-header-logo-height: 88%;
        --tabuzzz-content-top-fr: 0fr;
        --tabuzzz-content-main-fr: 80fr;
        --tabuzzz-content-bottom-fr: 0fr;
        background: var(--star-bg);
        overflow: hidden;
      }

      .game-selection-shell > .nav-zero__header,
      .nav-choice-shell > .nav-zero__header,
      .login-overlay.nav-choice-shell > .nav-zero__header,
      .home-menu-overlay.nav-choice-shell > .nav-zero__header {
        grid-row: 1;
        padding-inline: 4vw;
      }

      .game-selection-shell .nav-zero__header-row,
      .nav-choice-shell .nav-zero__header-row,
      .login-overlay.nav-choice-shell .nav-zero__header-row,
      .home-menu-overlay.nav-choice-shell .nav-zero__header-row {
        display: grid;
        grid-template-columns: 10% minmax(0, 80%) 10%;
        gap: 0;
      }

      .game-selection-shell .nav-zero__brand,
      .nav-choice-shell .nav-zero__brand,
      .login-overlay.nav-choice-shell .nav-zero__brand,
      .home-menu-overlay.nav-choice-shell .nav-zero__brand {
        position: static;
        transform: none;
        width: 100%;
      }

      .game-selection-shell .nav-zero__logo,
      .nav-choice-shell .nav-zero__logo,
      .login-overlay.nav-choice-shell .nav-zero__logo,
      .home-menu-overlay.nav-choice-shell .nav-zero__logo {
        width: var(--tabuzzz-header-logo-width);
        height: var(--tabuzzz-header-logo-height);
        max-height: var(--tabuzzz-header-logo-height);
        filter: var(--choice-premium-filter) drop-shadow(0 0 0.7em var(--choice-premium-blue));
      }

      .game-selection-shell .nav-zero__icon-button,
      .nav-choice-shell .nav-zero__icon-button,
      .login-overlay.nav-choice-shell .nav-zero__icon-button,
      .home-menu-overlay.nav-choice-shell .nav-zero__icon-button {
        width: 62%;
        height: auto;
        aspect-ratio: 1;
        transform-origin: center;
        filter: var(--choice-premium-filter) drop-shadow(0 0 0.58em var(--choice-premium-blue));
      }

      .game-selection-shell .nav-zero__header-back,
      .game-selection-shell .nav-zero__header-menu,
      .nav-choice-shell .nav-zero__header-back,
      .nav-choice-shell .nav-zero__header-menu,
      .login-overlay.nav-choice-shell .nav-zero__header-back,
      .login-overlay.nav-choice-shell .nav-zero__header-menu,
      .home-menu-overlay.nav-choice-shell .nav-zero__header-back,
      .home-menu-overlay.nav-choice-shell .nav-zero__header-menu {
        position: static;
        transform: none;
        align-self: center;
      }

      .game-selection-shell .nav-zero__header-back,
      .nav-choice-shell .nav-zero__header-back,
      .login-overlay.nav-choice-shell .nav-zero__header-back,
      .home-menu-overlay.nav-choice-shell .nav-zero__header-back {
        justify-self: start;
      }

      .game-selection-shell .nav-zero__header-menu,
      .nav-choice-shell .nav-zero__header-menu,
      .login-overlay.nav-choice-shell .nav-zero__header-menu,
      .home-menu-overlay.nav-choice-shell .nav-zero__header-menu {
        justify-self: end;
      }

      .game-selection-shell .nav-zero__icon-button:hover:not(:disabled):not(:active),
      .nav-choice-shell .nav-zero__icon-button:hover:not(:disabled):not(:active),
      .login-overlay.nav-choice-shell .nav-zero__icon-button:hover:not(:disabled):not(:active),
      .home-menu-overlay.nav-choice-shell .nav-zero__icon-button:hover:not(:disabled):not(:active) {
        transform: scale(1.035);
        filter: var(--choice-premium-filter) brightness(1.08) drop-shadow(0 0 0.86em var(--choice-premium-cyan));
      }

      .game-selection-shell .nav-zero__icon-button:active,
      .nav-choice-shell .nav-zero__icon-button:active,
      .login-overlay.nav-choice-shell .nav-zero__icon-button:active,
      .home-menu-overlay.nav-choice-shell .nav-zero__icon-button:active {
        transform: scale(0.985);
      }

      .login-overlay.nav-choice-shell,
      .home-menu-overlay.nav-choice-shell {
        padding: 0;
      }

      .login-overlay.nav-choice-shell .login-overlay__backdrop,
      .home-menu-overlay.nav-choice-shell .home-menu-overlay__backdrop {
        background: linear-gradient(180deg, rgba(2, 6, 22, 0.12), rgba(2, 6, 22, 0.46));
        backdrop-filter: none;
      }

      .login-overlay.nav-choice-shell .nav-zero__main,
      .home-menu-overlay.nav-choice-shell .nav-zero__main {
        grid-row: 3;
        padding: 0 4vw 2dvh;
      }

      .login-overlay.nav-choice-shell .login-overlay__panel,
      .home-menu-overlay.nav-choice-shell .home-menu {
        width: min(86%, 78dvh);
        max-height: 100%;
        border-radius: 0.9em;
        border-color: rgba(80, 226, 255, 0.34);
        background: rgba(4, 10, 30, 0.72);
        box-shadow: 0 0 2em rgba(64, 144, 255, 0.18);
      }

      .home-menu-overlay.nav-choice-shell .home-menu {
        width: 86%;
        height: 100%;
      }

      .home-menu-overlay.nav-choice-shell .home-menu__content {
        overflow: hidden;
      }

      .global-settings-modal {
        z-index: 55;
      }

      @media (min-aspect-ratio: 5 / 4) {
        .game-selection-shell,
        .nav-choice-shell,
        .login-overlay.nav-choice-shell,
        .home-menu-overlay.nav-choice-shell {
          --tabuzzz-header-height: 24dvh;
          --tabuzzz-header-logo-width: 48%;
          --tabuzzz-header-logo-height: 86%;
          --tabuzzz-content-main-fr: 76fr;
        }
      }

      @media (min-aspect-ratio: 4 / 5) and (max-aspect-ratio: 5 / 4) {
        .game-selection-shell,
        .nav-choice-shell,
        .login-overlay.nav-choice-shell,
        .home-menu-overlay.nav-choice-shell {
          --tabuzzz-header-height: 26dvh;
          --tabuzzz-header-logo-width: 74%;
          --tabuzzz-header-logo-height: 72%;
          --tabuzzz-content-main-fr: 74fr;
        }

        .login-overlay.nav-choice-shell .login-overlay__panel,
        .home-menu-overlay.nav-choice-shell .home-menu {
          width: 76%;
        }
      }

      .end-result-shell {
        --end-accent: #a83dff;
        --end-accent-2: #1493ff;
        --end-cyan: #24e7ff;
        --end-amber: #ffb529;
        --end-panel: rgba(5, 8, 22, 0.88);
        --end-border: rgba(164, 82, 255, 0.68);
        height: 100dvh;
        max-height: 100dvh;
        grid-template-rows: minmax(0, 1fr) auto;
        gap: 0;
        padding: max(6px, env(safe-area-inset-top)) clamp(10px, 3vw, 34px) max(6px, env(safe-area-inset-bottom));
        overflow: hidden;
        background:
          linear-gradient(180deg, rgba(2, 4, 12, 0.84) 0%, rgba(4, 8, 24, 0.9) 45%, rgba(2, 4, 12, 0.96) 100%),
          url("/media/navigation/nav-background.webp") center center / cover no-repeat;
      }

      .end-result-shell--mode-duel {
        --end-accent: #b75cff;
        --end-accent-2: #6b39ff;
        --end-border: rgba(183, 92, 255, 0.72);
      }

      .end-result-shell--mode-multi {
        --end-accent: #31e978;
        --end-accent-2: #18a8ff;
        --end-border: rgba(49, 233, 120, 0.62);
      }

      .end-result__screen-link {
        justify-self: end;
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 999px;
        background: rgba(9, 11, 28, 0.7);
        color: #ffffff;
        font-size: 0.82rem;
        font-weight: 850;
        text-decoration: none;
        white-space: nowrap;
        box-shadow: 0 0 18px rgba(93, 61, 255, 0.18);
      }

      .end-result__screen-link.is-disabled {
        opacity: 0.58;
      }

      .end-result__screen-icon {
        position: relative;
        width: 20px;
        height: 15px;
        flex: 0 0 auto;
        border: 2px solid currentColor;
        border-radius: 3px;
      }

      .end-result__screen-icon::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -7px;
        width: 14px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        transform: translateX(-50%);
      }

      .end-result__main {
        min-height: 0;
        display: grid;
        align-items: center;
        justify-items: center;
        overflow-x: hidden;
        overflow-y: hidden;
        padding: clamp(6px, 1vh, 10px) 0;
        scrollbar-gutter: auto;
      }

      .end-result-shell .end-card--score {
        width: min(100%, 600px);
        height: auto;
        max-height: 100%;
        display: grid;
        gap: 10px;
        padding: clamp(12px, 2vw, 18px);
        overflow: hidden;
        border: 1px solid var(--end-border);
        border-radius: 8px;
        background:
          linear-gradient(180deg, rgba(11, 13, 36, 0.9), rgba(4, 6, 20, 0.94)),
          var(--end-panel);
        box-shadow:
          0 0 0 1px rgba(255, 255, 255, 0.05) inset,
          0 0 40px rgba(123, 54, 255, 0.22),
          0 24px 80px rgba(0, 0, 0, 0.48);
      }

      .end-result-shell .end-card--score::before {
        background:
          radial-gradient(circle at 4% 8%, #c84dff 0 3px, transparent 4px),
          radial-gradient(circle at 13% 28%, #8e56ff 0 5px, transparent 6px),
          radial-gradient(circle at 91% 10%, #18a8ff 0 5px, transparent 6px),
          radial-gradient(circle at 96% 42%, #ff8c2a 0 4px, transparent 5px),
          radial-gradient(circle at 7% 48%, #ffb631 0 4px, transparent 5px),
          radial-gradient(circle at 89% 66%, #b34dff 0 4px, transparent 5px),
          radial-gradient(circle at 11% 78%, #ff4fc5 0 3px, transparent 4px),
          radial-gradient(circle at 52% 48%, rgba(167, 59, 255, 0.28), transparent 46%);
        opacity: 0.9;
      }

      .end-card__intro {
        display: grid;
        justify-items: center;
        gap: 6px;
        text-align: center;
      }

      .end-card__eyebrow {
        display: grid;
        grid-template-columns: minmax(36px, 1fr) auto minmax(36px, 1fr);
        align-items: center;
        gap: 10px;
        width: min(100%, 340px);
        color: #d989ff;
        font-size: 0.82rem;
        font-weight: 950;
        line-height: 1;
      }

      .end-card__eyebrow span {
        height: 1px;
        background: linear-gradient(90deg, transparent, currentColor, transparent);
      }

      .end-card__intro h1 {
        margin: 0;
        color: #ffffff;
        font-size: 3rem;
        font-weight: 950;
        line-height: 0.95;
        text-shadow:
          0 2px 0 rgba(255, 255, 255, 0.16),
          0 0 22px rgba(255, 255, 255, 0.3);
      }

      .end-result-shell .end-score-kicker {
        display: none;
      }

      .end-result-shell .end-card__scroll {
        width: 100%;
        display: grid;
        gap: 12px;
        overflow: visible;
        scrollbar-gutter: auto;
      }

      .end-result-shell .end-score-panel {
        width: 100%;
        display: grid;
        gap: 12px;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
      }

      .end-score-orb {
        position: relative;
        isolation: isolate;
        width: clamp(214px, 35vh, 270px);
        aspect-ratio: 1;
        display: grid;
        grid-template-rows: 1fr auto auto auto 1fr;
        align-items: center;
        justify-items: center;
        margin-inline: auto;
        border-radius: 50%;
        border: 4px solid transparent;
        background:
          radial-gradient(circle, rgba(4, 7, 19, 0.99) 0 58%, rgba(7, 10, 27, 0.99) 59% 100%) padding-box,
          conic-gradient(from 210deg, #b93eff, #f75bff 25%, #7c41ff 48%, #1397ff 72%, #23e8ff 86%, #b93eff) border-box;
        box-shadow:
          0 0 26px rgba(166, 57, 255, 0.42),
          0 0 34px rgba(20, 147, 255, 0.28),
          inset 0 0 34px rgba(0, 0, 0, 0.82);
      }

      .end-score-orb::before {
        content: "";
        position: absolute;
        inset: -8px;
        z-index: -1;
        border-radius: inherit;
        border: 1px solid rgba(193, 89, 255, 0.58);
        background: transparent;
        box-shadow:
          0 0 24px rgba(174, 58, 255, 0.6),
          0 0 32px rgba(18, 147, 255, 0.36);
      }

      .end-score-orb::after {
        content: "";
        position: absolute;
        inset: 8px;
        z-index: 0;
        border-radius: inherit;
        border: 1px solid rgba(255, 255, 255, 0.24);
        background:
          repeating-conic-gradient(from 0deg, rgba(166, 57, 255, 0.18) 0 5deg, transparent 5deg 14deg),
          radial-gradient(circle, transparent 0 50%, rgba(68, 35, 184, 0.16) 54%, transparent 68%);
        opacity: 0.48;
        box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.1);
      }

      .end-score-orb > * {
        position: relative;
        z-index: 1;
      }

      .end-result-shell .end-score-label {
        grid-row: 2;
        margin: 0;
        color: #d989ff;
        font-size: 0.86rem;
        font-weight: 950;
        line-height: 1;
      }

      .end-result-shell .end-score-value {
        grid-row: 3;
        margin: 4px 0 0;
        color: #ffffff;
        font-size: 4.8rem;
        font-weight: 950;
        line-height: 0.88;
        text-shadow:
          0 2px 0 rgba(255, 255, 255, 0.16),
          0 0 22px rgba(255, 255, 255, 0.45);
      }

      .end-result-shell .end-score-points {
        grid-row: 4;
        margin: 0;
        color: #d989ff;
        font-size: 1.05rem;
        font-weight: 950;
        line-height: 1;
      }

      .end-result-shell .end-stat-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border: 1px solid rgba(161, 105, 255, 0.48);
        border-radius: 8px;
        overflow: hidden;
        background: rgba(2, 5, 18, 0.7);
        box-shadow: inset 0 0 22px rgba(60, 35, 150, 0.24);
      }

      .end-result-shell .end-stat {
        min-width: 0;
        min-height: 86px;
        display: grid;
        grid-template-rows: 22px auto auto;
        justify-items: center;
        align-content: center;
        gap: 4px;
        padding: 8px 6px;
        background: rgba(5, 10, 30, 0.55);
      }

      .end-result-shell .end-stat + .end-stat {
        border-left: 1px solid rgba(255, 255, 255, 0.24);
      }

      .end-stat__icon {
        display: grid;
        place-items: center;
        width: 22px;
        height: 22px;
        color: #ffffff;
        font-size: 1.08rem;
        line-height: 1;
        filter: drop-shadow(0 0 10px currentColor);
      }

      .end-stat--purple .end-stat__icon,
      .end-stat--purple span:last-child {
        color: #dc79ff;
      }

      .end-stat--blue .end-stat__icon,
      .end-stat--blue span:last-child {
        color: #69b9ff;
      }

      .end-stat--amber .end-stat__icon,
      .end-stat--amber span:last-child {
        color: #ffba32;
      }

      .end-result-shell .end-stat strong {
        min-width: 0;
        max-width: 100%;
        color: #ffffff;
        font-size: 1.35rem;
        font-weight: 950;
        line-height: 1;
        overflow-wrap: anywhere;
        text-shadow: 0 0 14px rgba(255, 255, 255, 0.24);
      }

      .end-result-shell .end-stat span:last-child {
        min-width: 0;
        max-width: 100%;
        font-size: 0.64rem;
        font-weight: 950;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }

      .end-result-shell .account-upsell {
        width: 100%;
        padding: 10px;
        border: 1px solid rgba(161, 105, 255, 0.35);
        border-radius: 8px;
        background: rgba(2, 6, 20, 0.72);
      }

      .end-result-shell .account-upsell h3 {
        margin: 0;
        font-size: 1rem;
      }

      .end-result-shell .account-upsell p {
        margin: 0;
      }

      .end-result-shell .end-replay-panel {
        width: 100%;
        display: grid;
        gap: 8px;
        padding: 0;
        border: 0;
        background: transparent;
      }

      .end-result-shell .end-main-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .end-action-card {
        position: relative;
        min-height: 68px;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) 18px;
        align-items: center;
        gap: 6px;
        width: 100%;
        padding: 8px 9px 8px 8px;
        border: 2px solid rgba(255, 255, 255, 0.18);
        border-radius: 8px;
        color: #ffffff;
        text-align: left;
        box-shadow:
          0 0 24px rgba(0, 0, 0, 0.28),
          inset 0 1px 0 rgba(255, 255, 255, 0.16);
      }

      .end-action-card--replay {
        border-color: rgba(208, 61, 255, 0.82);
        background: linear-gradient(90deg, rgba(139, 28, 204, 0.92), rgba(39, 8, 92, 0.94));
        box-shadow: 0 0 22px rgba(194, 61, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.16);
      }

      .end-action-card--other {
        border-color: rgba(20, 124, 255, 0.76);
        background: linear-gradient(90deg, rgba(8, 36, 112, 0.94), rgba(2, 12, 42, 0.96));
        box-shadow: 0 0 22px rgba(20, 124, 255, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.14);
      }

      .end-action-card--home {
        border-color: rgba(36, 231, 255, 0.7);
        background: linear-gradient(90deg, rgba(8, 93, 108, 0.9), rgba(2, 30, 48, 0.96));
        box-shadow: 0 0 22px rgba(36, 231, 255, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14);
      }

      .end-action-card--share {
        border-color: rgba(255, 181, 41, 0.72);
        background: linear-gradient(90deg, rgba(118, 70, 10, 0.92), rgba(45, 22, 2, 0.96));
        box-shadow: 0 0 22px rgba(255, 181, 41, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.14);
      }

      .end-action-card__icon {
        display: grid;
        place-items: center;
        width: 38px;
        height: 42px;
        color: #ffffff;
        font-size: 1.7rem;
        line-height: 1;
        text-shadow: 0 0 16px rgba(255, 255, 255, 0.44);
      }

      .end-action-card__copy {
        min-width: 0;
        display: grid;
        gap: 3px;
      }

      .end-action-card__copy strong {
        min-width: 0;
        color: #ffffff;
        font-size: 0.82rem;
        font-weight: 950;
        line-height: 1.05;
        overflow-wrap: anywhere;
      }

      .end-action-card__copy span {
        min-width: 0;
        color: rgba(220, 229, 255, 0.88);
        font-size: 0.68rem;
        font-weight: 750;
        line-height: 1.1;
        overflow-wrap: anywhere;
      }

      .end-action-card--replay .end-action-card__copy span {
        color: rgba(246, 207, 255, 0.92);
      }

      .end-action-card--other .end-action-card__copy span {
        color: rgba(151, 203, 255, 0.95);
      }

      .end-action-card--home .end-action-card__copy span {
        color: rgba(72, 236, 255, 0.95);
      }

      .end-action-card--share .end-action-card__copy span {
        color: rgba(255, 216, 139, 0.95);
      }

      .end-action-card__arrow {
        justify-self: end;
        color: #ffffff;
        font-size: 1.5rem;
        line-height: 1;
      }

      .end-utility-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
      }

      .end-utility-action {
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.06);
        color: rgba(255, 255, 255, 0.84);
        font-size: 0.68rem;
        font-weight: 900;
      }

      .end-utility-action.end-account-action {
        border-color: rgba(36, 231, 255, 0.52);
        color: #d9fbff;
      }

      .end-result-shell .end-duel-list,
      .end-result-shell .end-multi-podium {
        width: 100%;
      }

      .end-result-shell .end-winner-panel,
      .end-result-shell .end-duel-player,
      .end-result-shell .end-multi-self-card {
        border-radius: 8px;
        background: rgba(2, 6, 20, 0.72);
      }

      .end-result-shell .end-result__legal {
        position: static;
        transform: none;
        z-index: 2;
        width: min(100%, 760px);
        margin: 0 auto;
        padding: 4px 8px 0;
        border-radius: 0;
        background: transparent;
        color: rgba(226, 232, 255, 0.82);
        font-size: 0.76rem;
        text-shadow: 0 0 12px rgba(60, 190, 255, 0.24);
      }

      .end-result-shell .end-result__legal a {
        min-height: 28px;
        padding: 4px 8px;
        color: inherit;
      }

      @media (max-width: 720px) {
        .end-result-shell {
          grid-template-rows: minmax(0, 1fr) auto;
          padding-inline: 10px;
        }

        .end-result__screen-link {
          min-height: 38px;
          gap: 6px;
          padding: 0 9px;
          font-size: 0.68rem;
        }

        .end-result__screen-icon {
          width: 17px;
          height: 13px;
          border-width: 2px;
        }

        .end-result__main {
          padding-block: 6px;
        }

        .end-result-shell .end-card--score {
          gap: 10px;
          padding: 12px;
          border-radius: 8px;
        }

        .end-card__eyebrow {
          font-size: 0.74rem;
        }

        .end-card__intro h1 {
          font-size: 2.45rem;
        }

        .end-score-orb {
          width: min(56vw, 224px);
        }

        .end-result-shell .end-score-label {
          font-size: 0.78rem;
        }

        .end-result-shell .end-score-value {
          font-size: 4.1rem;
        }

        .end-result-shell .end-score-points {
          font-size: 0.98rem;
        }

        .end-result-shell .end-stat {
          min-height: 76px;
          grid-template-rows: 20px auto auto;
          padding: 7px 4px;
        }

        .end-stat__icon {
          width: 20px;
          height: 20px;
          font-size: 1rem;
        }

        .end-result-shell .end-stat strong {
          font-size: 1.22rem;
        }

        .end-result-shell .end-stat span:last-child {
          font-size: 0.6rem;
        }

        .end-result-shell .end-main-actions {
          grid-template-columns: 1fr;
          gap: 8px;
        }

        .end-action-card {
          min-height: 62px;
          grid-template-columns: 54px minmax(0, 1fr) 22px;
          gap: 8px;
          padding: 8px 10px 8px 8px;
          border-radius: 8px;
        }

        .end-action-card__icon {
          width: 48px;
          height: 42px;
          font-size: 1.9rem;
        }

        .end-action-card__copy strong {
          font-size: 0.96rem;
        }

        .end-action-card__copy span {
          font-size: 0.76rem;
        }

        .end-action-card__arrow {
          font-size: 1.8rem;
        }

        .end-result-shell .end-result__legal {
          gap: 4px 8px;
          width: 100%;
          font-size: 0.68rem;
        }
      }

      @media (max-width: 430px) {
        .end-card__intro h1 {
          font-size: 2.22rem;
        }

        .end-result__screen-link {
          padding-inline: 7px;
          font-size: 0.62rem;
        }

        .end-score-orb {
          width: min(54vw, 206px);
        }

        .end-result-shell .end-score-value {
          font-size: 3.85rem;
        }
      }

      @media (max-width: 720px) and (max-height: 760px) {
        .end-result-shell {
          grid-template-rows: minmax(0, 1fr) minmax(26px, auto);
          padding-block: max(4px, env(safe-area-inset-top)) max(4px, env(safe-area-inset-bottom));
        }

        .end-result__screen-link {
          min-height: 32px;
          padding-inline: 7px;
          font-size: 0.58rem;
        }

        .end-result__screen-icon {
          width: 14px;
          height: 11px;
          border-width: 1px;
        }

        .end-result__screen-icon::after {
          bottom: -5px;
          width: 11px;
          height: 1px;
        }

        .end-result__main {
          padding-block: 4px;
        }

        .end-result-shell .end-card--score {
          width: min(100%, 330px);
          gap: 7px;
          padding: 8px;
        }

        .end-card__intro {
          gap: 4px;
        }

        .end-card__eyebrow {
          width: min(100%, 260px);
          gap: 7px;
          font-size: 0.62rem;
        }

        .end-card__intro h1 {
          font-size: 1.95rem;
        }

        .end-result-shell .end-card__scroll,
        .end-result-shell .end-score-panel {
          gap: 8px;
        }

        .end-score-orb {
          width: min(44vw, 160px);
          border-width: 3px;
        }

        .end-score-orb::before {
          inset: -6px;
        }

        .end-score-orb::after {
          inset: 6px;
        }

        .end-result-shell .end-score-label {
          font-size: 0.58rem;
        }

        .end-result-shell .end-score-value {
          font-size: 3.05rem;
        }

        .end-result-shell .end-score-points {
          font-size: 0.72rem;
        }

        .end-result-shell .end-stat {
          min-height: 56px;
          grid-template-rows: 16px auto auto;
          gap: 2px;
          padding: 5px 3px;
        }

        .end-stat__icon {
          width: 16px;
          height: 16px;
          font-size: 0.76rem;
        }

        .end-result-shell .end-stat strong {
          font-size: 1rem;
        }

        .end-result-shell .end-stat span:last-child {
          font-size: 0.48rem;
        }

        .end-result-shell .end-replay-panel,
        .end-result-shell .end-main-actions {
          gap: 6px;
        }

        .end-action-card {
          min-height: 48px;
          grid-template-columns: 38px minmax(0, 1fr) 18px;
          gap: 6px;
          padding: 6px 8px 6px 6px;
        }

        .end-action-card__icon {
          width: 34px;
          height: 32px;
          font-size: 1.42rem;
        }

        .end-action-card__copy strong {
          font-size: 0.78rem;
        }

        .end-action-card__copy span {
          font-size: 0.58rem;
        }

        .end-action-card__arrow {
          font-size: 1.35rem;
        }

        .end-utility-action {
          min-height: 34px;
          padding-inline: 10px;
          font-size: 0.54rem;
        }

        .end-result-shell .end-result__legal {
          font-size: 0.56rem;
        }

        .end-result-shell .end-result__legal a {
          min-height: 22px;
          padding: 2px 4px;
        }
      }

      @media (max-width: 720px) and (max-height: 620px) {
        .end-result-shell {
          grid-template-rows: minmax(0, 1fr) minmax(20px, auto);
          padding-block: 3px;
        }

        .end-result__screen-link {
          min-height: 28px;
          font-size: 0.52rem;
        }

        .end-result-shell .end-card--score {
          width: min(100%, 308px);
          gap: 5px;
          padding: 7px;
        }

        .end-card__eyebrow {
          font-size: 0.54rem;
        }

        .end-card__intro h1 {
          font-size: 1.62rem;
        }

        .end-result-shell .end-card__scroll,
        .end-result-shell .end-score-panel {
          gap: 6px;
        }

        .end-score-orb {
          width: min(38vw, 132px);
        }

        .end-result-shell .end-score-label {
          font-size: 0.5rem;
        }

        .end-result-shell .end-score-value {
          font-size: 2.55rem;
        }

        .end-result-shell .end-score-points {
          font-size: 0.62rem;
        }

        .end-result-shell .end-stat {
          min-height: 48px;
          grid-template-rows: 13px auto auto;
          padding: 4px 2px;
        }

        .end-stat__icon {
          width: 13px;
          height: 13px;
          font-size: 0.62rem;
        }

        .end-result-shell .end-stat strong {
          font-size: 0.86rem;
        }

        .end-result-shell .end-stat span:last-child {
          font-size: 0.42rem;
        }

        .end-action-card {
          min-height: 38px;
          grid-template-columns: 30px minmax(0, 1fr) 14px;
          padding: 5px 7px 5px 5px;
        }

        .end-action-card__icon {
          width: 28px;
          height: 28px;
          font-size: 1.14rem;
        }

        .end-action-card__copy strong {
          font-size: 0.68rem;
        }

        .end-action-card__copy span {
          display: none;
        }

        .end-action-card__arrow {
          font-size: 1.1rem;
        }

        .end-utility-action {
          min-height: 34px;
          padding-inline: 10px;
          font-size: 0.48rem;
        }

        .end-result-shell .end-result__legal {
          font-size: 0.48rem;
        }

        .end-result-shell .end-result__legal a {
          min-height: 18px;
          padding: 1px 3px;
        }
      }

      @media (min-width: 721px) and (max-height: 760px) {
        .end-result-shell {
          grid-template-rows: minmax(0, 1fr) auto;
        }

        .end-result-shell .end-card--score {
          width: min(100%, 560px);
        }

        .end-card__intro h1 {
          font-size: 2.65rem;
        }

        .end-score-orb {
          width: clamp(206px, 32vh, 238px);
        }

        .end-result-shell .end-score-value {
          font-size: 4.25rem;
        }

        .end-result-shell .end-stat {
          min-height: 74px;
        }

        .end-action-card {
          min-height: 58px;
        }
      }

      /* Accessibilite et robustesse des parcours critiques. */
      .a11y-visually-hidden {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
      }

      :where(button, a[href], input, select, textarea, [tabindex]):focus-visible {
        outline: 3px solid #fff5a8;
        outline-offset: 3px;
        box-shadow: 0 0 0 2px #071120, 0 0 18px rgba(80, 226, 255, 0.78);
      }

      [role="dialog"][aria-modal="true"]:focus-visible {
        outline-offset: 6px;
      }

      .nav-join-shell .nav-join__stack .field label {
        color: #f8fcff;
        font-size: clamp(0.95rem, min(2.8vw, 2.5dvh), 1.15rem);
        font-weight: 850;
        line-height: 1.25;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 0 12px rgba(31, 178, 255, 0.72);
      }

      .nav-join-shell .nav-join__stack .field input,
      .game-selection-settings input,
      .game-selection-settings button {
        min-height: 44px;
      }

      .nav-join-shell .nav-join__stack .field input {
        min-height: 48px;
        border: 2px solid rgba(151, 230, 255, 0.72);
        background: rgba(4, 12, 34, 0.92);
        color: #fff;
        caret-color: #fff5a8;
        font-size: clamp(1rem, min(2.8vw, 2.5dvh), 1.2rem);
      }

      .nav-join-shell .nav-join__stack .field input::placeholder {
        color: rgba(234, 246, 255, 0.76);
      }

      .nav-join-shell .nav-join__stack .field input[aria-invalid="true"] {
        border-color: #ffb28f;
        box-shadow: 0 0 0 2px rgba(255, 92, 71, 0.32);
      }

      .nav-join-shell .nav-join__launch.nav-zero__main-button {
        min-height: 52px;
      }

      .memory-penta-hit:focus-visible {
        border-radius: 50%;
        outline: 4px solid #fff5a8;
        outline-offset: 2px;
        box-shadow: 0 0 0 3px #071120, 0 0 22px rgba(80, 226, 255, 0.9);
      }

      @media (max-width: 600px) {
        .nav-join-shell .nav-join__content {
          width: 100%;
          max-width: 440px;
          padding-top: min(4dvh, 28px);
        }

        .nav-join-shell .nav-join__stack {
          width: min(100%, 420px);
          gap: 14px;
        }

        .nav-join-shell .nav-join__stack .field {
          gap: 6px;
        }

        .nav-join-shell .nav-join__title,
        .nav-join-shell .nav-join__eyebrow {
          font-size: clamp(1.2rem, 6vw, 1.9rem);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        html:focus-within {
          scroll-behavior: auto;
        }

        *,
        *::before,
        *::after {
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
          transition-delay: 0ms !important;
        }
      }
/* Public demo: the banner is rendered by the production shell and never by a
   parallel frontend. It stays compact so gameplay controls remain available. */
.demo-mode-status {
  position: fixed;
  z-index: 50000;
  top: max(6px, env(safe-area-inset-top));
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 2vw, 12px);
  width: min(calc(100% - 16px), 680px);
  min-height: 40px;
  padding: 6px 8px 6px 12px;
  border: 1px solid rgba(255, 239, 134, 0.76);
  border-radius: 999px;
  background: rgba(7, 17, 32, 0.94);
  color: #fff7b8;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.42);
  transform: translateX(-50%);
  backdrop-filter: blur(10px);
}

.demo-mode-status__label {
  min-width: 0;
  font-size: clamp(0.7rem, 2.4vw, 0.9rem);
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}

.demo-mode-status__reset {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 4px 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-size: clamp(0.62rem, 2vw, 0.76rem);
  font-weight: 850;
}

@media (max-width: 540px) {
  .demo-mode-status {
    align-items: stretch;
    flex-direction: column;
    gap: 4px;
    width: min(calc(100% - 12px), 390px);
    border-radius: 12px;
    padding: 6px;
  }

  .demo-mode-status__reset {
    width: 100%;
  }
}