:root {
        color-scheme: light;
        --bg: #f7efe5;
        --surface: rgba(255, 255, 255, 0.78);
        --surface-strong: #fffdf9;
        --ink: #16202b;
        --muted: #455867;
        --line: rgba(22, 32, 43, 0.1);
        --shadow: 0 26px 72px rgba(22, 32, 43, 0.14);
        --radius-xl: 32px;
        --radius-lg: 24px;
        --radius-md: 18px;
        --max: 1240px;
        --play: #26a37d;
      }
      * { box-sizing: border-box; }
      [hidden] {
        display: none !important;
      }
      .visually-hidden {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }
      body {
        margin: 0;
        min-height: 100vh;
        background:
          linear-gradient(135deg, rgba(38, 215, 255, 0.14) 0%, rgba(139, 92, 246, 0.08) 24%, rgba(255, 107, 107, 0) 44%),
          linear-gradient(180deg, #070d17 0, #111a29 220px, #fbf4ec 560px, #f4eadf 78%, #efe4da 100%);
        color: var(--ink);
        font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
        line-height: 1.55;
      }
      a { color: inherit; font-weight: 800; text-decoration-thickness: 0.08em; text-underline-offset: 0.16em; }
      img { display: block; max-width: 100%; }
      .page-shell { padding: 10px 18px 0; }
      .site-header {
        position: relative;
        z-index: 50;
        width: min(100%, var(--max));
        margin: 0 auto;
        padding: 6px 24px 0;
      }
      .site-header::before {
        content: "";
        position: absolute;
        inset: 0 24px auto;
        height: calc(100% - 2px);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 999px;
        background:
          linear-gradient(135deg, rgba(8, 14, 24, 0.97), rgba(18, 29, 47, 0.94) 58%, rgba(35, 31, 50, 0.92));
        box-shadow:
          0 18px 46px rgba(3, 8, 14, 0.34),
          inset 0 1px 0 rgba(255, 255, 255, 0.12);
      }
      .shell-wrap {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 74px;
        padding: 14px 22px;
      }
      .brandmark {
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: 0;
        color: var(--ink);
        text-decoration: none;
      }
      .brandmark img {
        width: 42px;
        height: 42px;
        object-fit: cover;
        border-radius: 14px;
        box-shadow: 0 8px 24px rgba(22, 32, 43, 0.14);
      }
      .brand-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
      .brand-copy strong { color: rgba(255, 255, 255, 0.98); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.18em; line-height: normal; text-transform: uppercase; }
      .brand-copy span { color: rgba(222, 231, 241, 0.8); font-size: 0.82rem; font-weight: 600; line-height: normal; }
      .shell-stud-verify { display: inline-flex; align-items: center; min-height: 38px; padding: 0 12px; border: 1px solid rgba(192, 138, 43, 0.2); border-radius: 999px; background: var(--token-soft); color: #3b2c13; font-size: 0.8rem; font-weight: 900; text-decoration: none; white-space: nowrap; }
      .shell-nav { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; }
      .shell-nav-break { display: none; }
      .shell-nav a {
        min-height: 40px;
        padding: 9px 8px;
        border-radius: 999px;
        color: rgba(232, 239, 247, 0.76);
        font-size: 0.9rem;
        font-weight: 500;
        line-height: normal;
        text-decoration: none;
        white-space: nowrap;
        transition:
          background 150ms ease,
          color 150ms ease;
      }
      .shell-nav a:hover,
      .shell-nav a.active {
        background: rgba(255, 255, 255, 0.13);
        color: #fff;
      }
      .shell-mobile-social {
        display: none;
      }
      .shell-menu-toggle-static,
      .shell-menu-static {
        display: none;
      }
      .shell-menu-static {
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        width: 54px;
        height: 54px;
        border: 0;
        border-radius: 19px;
        background: linear-gradient(135deg, rgba(95, 121, 255, 0.1), rgba(239, 123, 82, 0.1));
        cursor: pointer;
        list-style: none;
      }
      .shell-menu-static::-webkit-details-marker { display: none; }
      .shell-menu-static::marker { content: ""; }
      .shell-menu-static span {
        display: block;
        width: 22px;
        height: 2px;
        margin: 0;
        border-radius: 999px;
        background: #172232;
      }
      .shell-mobile-nav-static {
        display: none;
      }
      main { width: min(100%, var(--max)); margin: 0 auto; padding: 24px 18px 44px; }
      footer { width: min(100%, var(--max)); margin: 0 auto; padding: 0 18px 34px; }
      .site-footer-shell {
        display: grid;
        gap: 12px;
        padding: 0;
      }
      .site-footer-utilities {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        width: min(100%, 720px);
        margin: 0 auto;
      }
      .site-footer-utilities a {
        display: inline-flex;
        min-height: 38px;
        align-items: center;
        justify-content: center;
        padding: 0 14px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.62);
        color: #172232;
        font-size: 0.88rem;
        font-weight: 900;
        text-decoration: none;
        box-shadow:
          0 8px 18px rgba(22, 32, 43, 0.05),
          inset 0 1px 0 rgba(255, 255, 255, 0.68);
      }
      .site-footer-utilities .primary-link {
        background: linear-gradient(135deg, rgba(255, 196, 69, 0.95), rgba(216, 91, 134, 0.88));
        color: #111a29;
      }
      .site-disclaimer {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 24px;
        background: rgba(255, 253, 248, 0.9);
        box-shadow: 0 18px 42px rgba(22, 32, 43, 0.08);
      }
      .site-disclaimer::before {
        content: "";
        display: block;
        height: 4px;
        background: linear-gradient(90deg, #5f79ff, #ef7b52 52%, #31b28a);
      }
      .site-disclaimer p {
        margin: 0;
        padding: 16px 18px 18px;
        color: #2f3c4e;
        font-size: 0.94rem;
        font-weight: 500;
        line-height: 1.5;
      }
      .site-disclaimer-label { color: var(--ink); font-weight: 900; }
      .site-tabbar { display: none; }
      h1 { max-width: 880px; margin: 0; color: var(--ink); font-size: clamp(2.45rem, 6.4vw, 4.85rem); letter-spacing: 0; line-height: 0.92; }
      h2 { margin: 0 0 14px; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1; letter-spacing: 0; }
      h3 { margin: 0 0 8px; font-size: 1.08rem; line-height: 1.12; }
      section { margin-top: 32px; padding-top: 26px; border-top: 1px solid #ded5c6; }
      article h2 { margin: 0 0 8px; padding: 0; border: 0; font-size: 1.18rem; line-height: 1.12; }
      .eyebrow, .meta, .activity-type { color: #425468; font-size: 0.84rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
      .lead { font-size: clamp(1.08rem, 2.1vw, 1.36rem); max-width: 780px; margin: 0 0 20px; }
      .note, .stats {
        background: rgba(255, 253, 248, 0.94);
        border: 1px solid #ded5c6;
        border-radius: 16px;
        padding: 16px 18px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
      }
      .static-hero {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(290px, 0.52fr);
        gap: 18px;
        align-items: stretch;
        margin-top: 16px;
        padding: clamp(18px, 3vw, 28px);
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 24px;
        background:
          linear-gradient(115deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 244, 0.9) 48%, rgba(255, 241, 232, 0.9)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.16), rgba(95, 121, 255, 0.08) 42%, rgba(239, 123, 82, 0.12));
        box-shadow:
          0 18px 38px rgba(22, 32, 43, 0.09),
          inset 0 1px 0 rgba(255, 255, 255, 0.74);
      }
      .static-hero::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 5px;
        background: linear-gradient(90deg, #31b28a, #5f79ff 52%, #ef7b52);
      }
      .static-hero-copy { position: relative; display: grid; align-content: center; gap: 12px; min-width: 0; }
      .static-hero-copy > * { min-width: 0; max-width: 100%; }
      .static-hero h1,
      .static-hero .lead {
        overflow-wrap: anywhere;
      }
      .static-hero .eyebrow { color: #315e2d; line-height: 1; }
      .static-note { margin: 0; max-width: 760px; color: var(--muted); font-weight: 750; }
      .directory-hero {
        max-width: 900px;
        margin-top: 26px;
        padding-top: 10px;
      }
      .directory-hero .eyebrow { color: #9fb8d6; }
      .directory-hero h1 {
        color: #fff7ec;
        text-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
      }
      .directory-hero .lead {
        color: rgba(255, 247, 236, 0.92);
        text-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
      }
      .directory-launcher-hero {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        margin-top: 18px;
      }
      .directory-launcher-hero h1 {
        font-size: clamp(2.7rem, 5.35vw, 4.25rem);
        line-height: 0.95;
      }
      .directory-launcher-hero .lead {
        max-width: 680px;
        margin-bottom: 10px;
      }
      .directory-launcher-hero .directory-hero-board-grid {
        align-self: stretch;
      }
      .directory-launcher-hero .quick-browse-stats {
        display: none;
      }
      .directory-hero-finder {
        display: grid;
        gap: 8px;
        margin: 0;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.09);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
      }
      .directory-hero-finder label {
        color: #315e2d;
        font-size: 0.7rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
      }
      .directory-hero-finder-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
      }
      .directory-hero-finder input {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.14);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font: inherit;
        font-weight: 850;
      }
      .directory-hero-finder input:focus {
        border-color: rgba(49, 178, 138, 0.8);
        box-shadow: 0 0 0 3px rgba(49, 178, 138, 0.15);
        outline: none;
      }
      .directory-hero-finder button {
        min-height: 42px;
        padding: 0 16px;
        border: 0;
        border-radius: 999px;
        background: #172232;
        color: #fffdf8;
        font: inherit;
        font-size: 0.82rem;
        font-weight: 950;
        cursor: pointer;
      }
      .directory-hero-finder small {
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 760;
        line-height: 1.25;
      }
      .directory-hero-board-grid {
        position: relative;
        display: flex;
        align-self: start;
        gap: 10px;
        min-width: 0;
        margin: 0;
        overflow-x: auto;
        padding: 0 38px 6px 0;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 46px), rgba(0, 0, 0, 0.18) 100%);
        mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 46px), rgba(0, 0, 0, 0.18) 100%);
      }
      .directory-hero-board-grid::-webkit-scrollbar {
        display: none;
      }
      .directory-hero-board-grid-label {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 3;
        width: fit-content;
        padding: 7px 10px;
        border-radius: 999px;
        background: rgba(23, 34, 50, 0.92);
        color: #fffdf8;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
        pointer-events: none;
      }
      .directory-hero-board-card {
        position: relative;
        display: grid;
        flex: 0 0 min(286px, 27vw);
        align-content: end;
        min-height: 132px;
        overflow: hidden;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, 0.26);
        border-radius: 20px;
        color: #fffdf8;
        text-decoration: none;
        background:
          linear-gradient(135deg, rgba(15, 27, 45, 0.88), rgba(45, 127, 249, 0.28)),
          #172232;
        box-shadow: 0 18px 42px rgba(9, 16, 24, 0.16);
        scroll-snap-align: start;
      }
      .directory-hero-board-card:first-child {
        min-height: 132px;
      }
      .directory-hero-board-card > img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.72;
        transform: scale(1.03);
      }
      .directory-hero-board-card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(9, 16, 24, 0.02), rgba(9, 16, 24, 0.82));
      }
      .directory-hero-board-card strong,
      .directory-hero-board-card span,
      .directory-hero-board-card small,
      .directory-hero-board-card-actions {
        position: relative;
        z-index: 1;
      }
      .directory-hero-board-card strong {
        font-size: 1.06rem;
        line-height: 1;
      }
      .directory-hero-board-card:first-child strong {
        font-size: 1.06rem;
      }
      .directory-hero-board-card small {
        width: fit-content;
        margin-top: 5px;
        color: rgba(255, 253, 248, 0.78);
        font-size: 0.66rem;
        font-weight: 850;
        line-height: 1.12;
      }
      .directory-hero-board-card span {
        width: fit-content;
        margin-top: 7px;
        padding: 7px 9px;
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.92);
        color: #172232;
        font-size: 0.68rem;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
      }
      .directory-hero-board-card-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 6px;
        margin-top: 9px;
      }
      .directory-hero-board-card-actions a,
      .directory-hero-board-card-actions summary {
        display: inline-flex;
        gap: 5px;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 8px 10px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.92);
        color: #172232;
        font-size: 0.66rem;
        font-weight: 950;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
      }
      .directory-hero-board-card-actions .directory-hero-board-primary {
        background: #172232;
        color: #fffdf8;
        border-color: rgba(255, 255, 255, 0.28);
      }
      .directory-hero-board-secondary {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        min-width: 0;
      }
      .directory-hero-board-card-actions .directory-hero-board-secondary a {
        min-height: 32px;
        padding-inline: 9px;
        background: rgba(255, 253, 248, 0.78);
        font-size: 0.62rem;
      }
      .directory-hero-board-card-actions a.directory-hero-use-stud {
        background: rgba(255, 253, 248, 0.94);
        color: #26345e;
      }
      .directory-hero-board-card-actions img {
        position: static;
        inset: auto;
        width: 14px;
        height: 14px;
        object-fit: cover;
        opacity: 1;
        transform: none;
        border-radius: 999px;
        box-shadow: 0 0 0 2px rgba(255, 253, 248, 0.64);
      }
      .directory-known-board-rail {
        display: grid;
        gap: 8px;
        margin: 2px 0 4px;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.74);
      }
      .directory-known-board-rail > span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .directory-known-board-rail div {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }
      .directory-known-board-rail a {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 900;
        text-decoration: none;
      }
      .directory-section-head {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: end;
        justify-content: space-between;
      }
      .directory-section-head h2,
      .directory-section-head p {
        margin: 0;
      }
      .directory-section-head h2 {
        font-size: clamp(1.5rem, 3.2vw, 2.35rem);
        line-height: 1;
      }
      .directory-section-head p {
        max-width: 760px;
        color: var(--muted);
        font-size: 0.95rem;
        font-weight: 760;
        line-height: 1.36;
      }
      .directory-section-head > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.82rem;
        font-weight: 900;
        text-decoration: none;
      }
      .directory-card-more summary,
      .starter-pack-more summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 0 11px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .directory-card-more,
      .starter-pack-more {
        position: relative;
      }
      .directory-card-more summary,
      .starter-pack-more summary {
        cursor: pointer;
        list-style: none;
      }
      .directory-card-more summary::-webkit-details-marker,
      .starter-pack-more summary::-webkit-details-marker {
        display: none;
      }
      .directory-card-more summary::after,
      .starter-pack-more summary::after {
        content: "+";
        margin-left: 7px;
        font-weight: 950;
      }
      .directory-card-more[open] summary::after,
      .starter-pack-more[open] summary::after {
        content: "-";
      }
      .directory-card-more > span,
      .starter-pack-more > span {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        padding-top: 7px;
      }
      .static-hero-steps {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        align-self: center;
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .static-hero-steps li {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-content: start;
        align-items: start;
        gap: 6px;
        min-width: 0;
        padding: 13px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.58));
      }
      .static-hero-steps span {
        grid-row: 1 / span 2;
        width: fit-content;
        padding: 4px 7px;
        border-radius: 999px;
        background: rgba(49, 94, 45, 0.1);
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 900;
        line-height: 1;
      }
      .static-hero-steps strong { color: var(--ink); font-size: 0.95rem; line-height: 1.05; }
      .static-hero-steps small { grid-column: 2; color: var(--muted); font-size: 0.76rem; font-weight: 750; line-height: 1.22; }
      .landing-actions { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0; margin-top: 18px; }
      .landing-actions a,
      .landing-actions button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        appearance: none;
        min-height: 40px;
        padding: 0 14px;
        border: 1px solid #ded5c6;
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        cursor: pointer;
        font: inherit;
        font-size: 0.9rem;
        text-decoration: none;
        text-align: center;
        white-space: normal;
      }
      .landing-actions a:first-child,
      .landing-actions button.landing-action-primary { background: #172232; border-color: #172232; color: #fffdf8; }
      .landing-actions .landing-action-primary {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
        box-shadow: 0 12px 24px rgba(23, 34, 50, 0.14);
      }
      .landing-actions .landing-action-secondary {
        border-color: rgba(22, 32, 43, 0.08);
        background: rgba(255, 253, 248, 0.68);
        color: rgba(69, 88, 103, 0.92);
        font-size: 0.78rem;
        font-weight: 850;
      }
      .landing-actions .quick-browse-ask-menu {
        position: relative;
        min-width: 0;
      }
      .landing-actions .quick-browse-ask-menu summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 14px;
        border-radius: 999px;
        cursor: pointer;
        list-style: none;
        text-align: center;
      }
      .landing-actions .quick-browse-ask-menu summary::-webkit-details-marker {
        display: none;
      }
      .landing-actions .quick-browse-ask-menu summary::after {
        content: "+";
        margin-left: 6px;
        font-weight: 950;
      }
      .landing-actions .quick-browse-ask-menu[open] summary::after {
        content: "-";
      }
      .landing-actions .quick-browse-ask-menu > div {
        position: absolute;
        right: 0;
        z-index: 20;
        display: grid;
        gap: 6px;
        min-width: 180px;
        padding: 8px;
        margin-top: 6px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 16px;
        background: #fffdf8;
        box-shadow: 0 18px 38px rgba(22, 32, 43, 0.16);
      }
      .landing-actions .quick-browse-ask-menu button {
        justify-content: flex-start;
        width: 100%;
        min-height: 38px;
        border-radius: 12px;
        font-size: 0.78rem;
        font-weight: 900;
        text-align: left;
      }
      .landing-actions .copy-share-button {
        min-height: 40px;
        padding: 0 14px;
      }
      .twist-hero-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
        gap: 8px;
        align-items: stretch;
        overflow: visible;
      }
      .twist-hero-actions > a {
        display: grid;
        align-content: center;
        gap: 4px;
        min-height: 64px;
        padding: 9px 12px;
        border-radius: 16px;
        line-height: 1.05;
        white-space: normal;
      }
      .twist-hero-actions > a span {
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .twist-hero-actions > a small {
        color: rgba(66, 84, 104, 0.92);
        font-size: 0.72rem;
        font-weight: 780;
        line-height: 1.2;
      }
      .twist-hero-actions > a.landing-action-primary small {
        color: rgba(255, 253, 248, 0.76);
      }
      .twist-hero-more {
        position: relative;
        display: grid;
      }
      .twist-hero-more summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 64px;
        padding: 0 14px;
        border: 1px solid #ded5c6;
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        cursor: pointer;
        font-size: 0.86rem;
        font-weight: 900;
        line-height: 1;
        list-style: none;
      }
      .twist-hero-more summary::-webkit-details-marker {
        display: none;
      }
      .twist-hero-more summary::after {
        content: "+";
        margin-left: 8px;
        color: #315e2d;
        font-weight: 950;
      }
      .twist-hero-more[open] summary::after {
        content: "-";
      }
      .twist-hero-more > div {
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        z-index: 30;
        display: grid;
        gap: 6px;
        min-width: 220px;
        padding: 8px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 16px;
        background: #fffdf8;
        box-shadow: 0 18px 42px rgba(22, 32, 43, 0.16);
      }
      .twist-hero-more > div a {
        width: 100%;
        justify-content: flex-start;
        margin: 0;
        border-radius: 12px;
        white-space: nowrap;
      }
      .saved-pack-hero-live-path,
      .twist-hero-live-path,
      .starter-pack-hero-live-path {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        max-width: 680px;
        margin-top: 4px;
        padding: 8px;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.66);
      }
      .saved-pack-hero-live-path strong,
      .saved-pack-hero-live-path span,
      .twist-hero-live-path strong,
      .twist-hero-live-path span,
      .starter-pack-hero-live-path strong,
      .starter-pack-hero-live-path span {
        display: inline-grid;
        place-items: center;
        min-height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--ink);
        font-size: 0.72rem;
        font-weight: 950;
        line-height: 1;
        white-space: nowrap;
      }
      .saved-pack-hero-live-path strong,
      .twist-hero-live-path strong,
      .starter-pack-hero-live-path strong {
        background: #172232;
        color: #fffdf8;
      }
      .saved-pack-hero-live-path span,
      .twist-hero-live-path span,
      .starter-pack-hero-live-path span {
        border: 1px solid rgba(22, 32, 43, 0.08);
        background: #fffdf8;
      }
      .saved-hero-command-panel,
      .starter-pack-hero-command-panel {
        position: relative;
        z-index: 1;
        display: grid;
        align-content: start;
        gap: 11px;
        min-width: 0;
        padding: clamp(14px, 2vw, 18px);
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 20px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(244, 250, 244, 0.86)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.09));
        box-shadow: 0 14px 34px rgba(26, 48, 36, 0.08);
      }
      .saved-hero-command-panel > span,
      .starter-pack-hero-command-panel > span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .saved-hero-command-panel strong,
      .starter-pack-hero-command-panel strong {
        color: var(--ink);
        font-size: clamp(1.12rem, 2vw, 1.34rem);
        line-height: 1.06;
      }
      .saved-hero-command-panel p,
      .saved-hero-command-panel small,
      .starter-pack-hero-command-panel p,
      .starter-pack-hero-command-panel small {
        margin: 0;
        color: var(--muted);
        font-size: 0.84rem;
        font-weight: 760;
        line-height: 1.32;
      }
      .saved-hero-command-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
      }
      .saved-hero-command-grid button,
      .saved-hero-command-grid a,
      .saved-hero-command-link {
        appearance: none;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        min-width: 0;
        min-height: 138px;
        overflow: hidden;
        padding: 13px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 18px;
        background: #172232;
        color: #fffdf8;
        cursor: pointer;
        font: inherit;
        text-align: left;
        text-decoration: none;
        isolation: isolate;
      }
      .saved-hero-command-grid img,
      .saved-hero-command-link img {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(1.08) contrast(1.04);
      }
      .saved-hero-command-grid button::before,
      .saved-hero-command-grid a::before,
      .saved-hero-command-link::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
          linear-gradient(180deg, rgba(23, 34, 50, 0.1), rgba(23, 34, 50, 0.82)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.22), rgba(95, 121, 255, 0.18));
      }
      .saved-hero-command-grid em,
      .saved-hero-command-link em {
        display: inline-flex;
        width: fit-content;
        margin-bottom: auto;
        padding: 5px 8px;
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.86);
        color: #172232;
        font-size: 0.62rem;
        font-style: normal;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .saved-hero-command-grid b,
      .saved-hero-command-link b {
        display: block;
        margin-top: 28px;
        color: #fffdf8;
        font-size: 0.92rem;
        font-weight: 950;
        line-height: 1.08;
      }
      .saved-hero-command-grid small,
      .saved-hero-command-link small {
        margin-top: 4px;
        color: rgba(255, 253, 248, 0.82);
      }
      .starter-pack-hero-command-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
      }
      .starter-pack-hero-command-card {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        min-width: 0;
        min-height: 154px;
        overflow: hidden;
        padding: 13px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 18px;
        background: #172232;
        color: #fffdf8;
        text-align: left;
        text-decoration: none;
        isolation: isolate;
      }
      .starter-pack-hero-command-card:first-child {
        grid-column: 1 / -1;
        min-height: 178px;
      }
      .starter-pack-hero-command-card img {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(1.08) contrast(1.04);
      }
      .starter-pack-hero-command-card::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
          linear-gradient(180deg, rgba(23, 34, 50, 0.08), rgba(23, 34, 50, 0.84)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.24), rgba(95, 121, 255, 0.2));
      }
      .starter-pack-hero-command-card em {
        display: inline-flex;
        width: fit-content;
        margin-bottom: auto;
        padding: 5px 8px;
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.88);
        color: #172232;
        font-size: 0.62rem;
        font-style: normal;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .starter-pack-hero-command-card b {
        display: block;
        margin-top: 28px;
        color: #fffdf8;
        font-size: 0.94rem;
        font-weight: 950;
        line-height: 1.08;
      }
      .starter-pack-hero-command-card small {
        margin-top: 4px;
        color: rgba(255, 253, 248, 0.82);
      }
      .starter-pack-hero-more-setups {
        margin-top: 4px;
      }
      .starter-pack-hero-more-setups summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        cursor: pointer;
        font-size: 0.8rem;
        font-weight: 900;
        list-style: none;
      }
      .starter-pack-hero-more-setups summary::-webkit-details-marker {
        display: none;
      }
      .starter-pack-hero-more-setups summary::after {
        content: "+";
        margin-left: 8px;
        color: #315e2d;
        font-weight: 950;
      }
      .starter-pack-hero-more-setups[open] summary::after {
        content: "-";
      }
      .starter-pack-hero-more-setups:not([open]) .starter-pack-hero-setups {
        display: none;
      }
      .starter-pack-hero-footer {
        position: relative;
        z-index: 1;
        display: grid;
        grid-column: 1 / -1;
        gap: 9px;
      }
      .starter-pack-hero-footer .starter-pack-hero-actions {
        margin-top: 0;
      }
      .activity-hero-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        align-items: start;
        max-width: 460px;
        margin-top: 8px;
      }
      .activity-primary-actions {
        display: contents;
      }
      .activity-primary-actions,
      .activity-secondary-actions {
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
      }
      .activity-primary-actions a,
      .activity-primary-actions button,
      .activity-secondary-actions a,
      .activity-secondary-actions button {
        display: inline-grid;
        place-items: center;
        min-height: 42px;
        padding: 0 16px;
        border: 1px solid #ded5c6;
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        cursor: pointer;
        font: inherit;
        font-size: 0.9rem;
        font-weight: 900;
        text-decoration: none;
      }
      .activity-primary-actions a,
      .activity-primary-actions button {
        align-content: center;
        gap: 3px;
        min-width: 150px;
        padding: 11px 16px;
        border-radius: 16px;
        line-height: 1.02;
      }
      .activity-primary-actions .landing-action-primary,
      .activity-primary-actions button.landing-action-primary {
        min-height: 62px;
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
        box-shadow: 0 12px 24px rgba(23, 34, 50, 0.14);
      }
      .activity-primary-actions a:not(.landing-action-primary),
      .activity-primary-actions button:not(.landing-action-primary) {
        min-height: 62px;
      }
      .activity-primary-actions span {
        color: rgba(255, 253, 248, 0.68);
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        text-transform: uppercase;
      }
      .activity-primary-actions a:not(.landing-action-primary) span,
      .activity-primary-actions button:not(.landing-action-primary) span {
        color: #315e2d;
      }
      .activity-primary-actions strong {
        color: inherit;
        font-size: 0.95rem;
        font-weight: 950;
      }
      .activity-primary-actions .copy-share-button {
        min-height: 62px;
      }
      .activity-secondary-actions {
        display: grid;
        min-width: 0;
      }
      .activity-secondary-actions a,
      .activity-secondary-actions button,
      .activity-secondary-actions .copy-share-button {
        min-height: 38px;
        padding: 8px 13px;
        font-size: 0.82rem;
      }
      .activity-world-cup-pill {
        display: inline-flex;
        width: fit-content;
        margin: 2px 0 0;
        padding: 7px 10px;
        border: 1px solid rgba(49, 94, 45, 0.18);
        border-radius: 999px;
        background: rgba(232, 243, 232, 0.74);
        color: #315e2d;
        font-size: 0.76rem;
        font-weight: 950;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
      .activity-page-quick-note {
        color: #526271;
      }
      .activity-why-line {
        max-width: 720px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid rgba(49, 178, 138, 0.16);
        border-radius: 16px;
        background: rgba(241, 251, 246, 0.78);
        color: #253345;
        font-size: 0.9rem;
        font-weight: 760;
        line-height: 1.32;
      }
      .activity-why-line strong {
        color: #315e2d;
        font-weight: 950;
      }
      .activity-hero-facts {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        max-width: 720px;
        margin: 0;
      }
      .activity-hero-facts span {
        display: inline-flex;
        min-height: 32px;
        align-items: center;
        padding: 0 10px;
        border: 1px solid rgba(49, 94, 45, 0.16);
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.86);
        color: #253345;
        font-size: 0.72rem;
        font-weight: 900;
        line-height: 1.05;
      }
      .activity-hero-scoring-tray {
        display: grid;
        grid-template-columns: auto repeat(3, minmax(0, 1fr));
        gap: 7px;
        align-items: stretch;
        max-width: 780px;
        margin: 12px 0 2px;
        padding: 7px;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.86), rgba(241, 251, 246, 0.72)),
          rgba(255, 255, 255, 0.62);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
      }
      .activity-hero-scoring-tray > span {
        display: grid;
        align-content: center;
        min-height: 38px;
        padding: 0 10px;
        color: #315e2d;
        font-size: 0.64rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-hero-score {
        appearance: none;
        display: grid;
        align-content: center;
        gap: 2px;
        min-width: 0;
        min-height: 44px;
        padding: 7px 9px;
        border: 1px solid rgba(22, 32, 43, 0.09);
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.74);
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        line-height: 1.04;
        text-align: left;
      }
      .activity-hero-score[aria-pressed="true"] {
        border-color: rgba(49, 178, 138, 0.34);
        background: rgba(49, 178, 138, 0.13);
        box-shadow: inset 0 0 0 1px rgba(49, 178, 138, 0.16);
      }
      .activity-hero-score span {
        color: #315e2d;
        font-size: 0.58rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .activity-hero-score strong {
        color: inherit;
        font-size: 0.78rem;
        font-weight: 950;
      }
      .activity-hero-flow {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        align-items: center;
        max-width: 700px;
        margin: 8px 0 2px;
        padding: 8px;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.7);
      }
      .activity-hero-flow strong,
      .activity-hero-flow span {
        display: inline-grid;
        place-items: center;
        min-height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        font-size: 0.72rem;
        font-weight: 950;
        line-height: 1;
        white-space: nowrap;
      }
      .activity-hero-flow strong {
        background: #172232;
        color: #fffdf8;
      }
      .activity-hero-flow span {
        border: 1px solid rgba(22, 32, 43, 0.08);
        background: #fffdf8;
        color: var(--ink);
      }
      .activity-play-kit-proof {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        min-width: 0;
        margin: 4px 0 2px;
      }
      .activity-play-kit-proof strong,
      .activity-play-kit-proof span {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        min-height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        font-size: 0.62rem;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
      }
      .activity-play-kit-proof strong {
        border: 1px solid rgba(22, 32, 43, 0.14);
        background: #172232;
        color: #fffdf8;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .activity-play-kit-proof span {
        border: 1px solid rgba(49, 94, 45, 0.14);
        background: rgba(255, 255, 255, 0.72);
        color: #315e2d;
      }
      .activity-play-kit-proof--session {
        margin: 10px 0 0;
      }
      .grid { display: grid; gap: 16px; }
      .board-list { grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); }
      .world-cup-planner {
        display: grid;
        gap: 16px;
        border: 1px solid rgba(49, 94, 45, 0.18);
        background:
          radial-gradient(circle at top left, rgba(49, 178, 138, 0.18), transparent 32%),
          linear-gradient(135deg, rgba(255, 253, 248, 0.96), rgba(232, 243, 232, 0.78));
      }
      .world-cup-predictor {
        border-color: rgba(95, 121, 255, 0.2);
        background:
          radial-gradient(circle at top right, rgba(95, 121, 255, 0.18), transparent 34%),
          linear-gradient(135deg, rgba(255, 253, 248, 0.97), rgba(241, 245, 255, 0.82));
      }
      .world-cup-planner-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px;
        align-items: end;
      }
      .world-cup-planner-head span,
      .world-cup-pack-output span {
        color: #315e2d;
        font-size: 0.72rem;
        font-weight: 950;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .world-cup-planner-head h2,
      .world-cup-pack-output h3 {
        margin: 4px 0 0;
      }
      .world-cup-planner-note {
        margin: 0;
        color: var(--muted);
        font-size: 0.86rem;
        font-weight: 760;
      }
      .world-cup-planner-controls {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      .world-cup-planner-control {
        display: grid;
        gap: 8px;
      }
      .world-cup-planner-control strong {
        color: var(--ink);
        font-size: 0.86rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .world-cup-planner-options {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .world-cup-planner-options button,
      .world-cup-pack-actions button,
      .world-cup-pack-actions a {
        appearance: none;
        display: inline-flex;
        min-height: 38px;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.82rem;
        font-weight: 900;
        text-decoration: none;
      }
      .world-cup-planner-options button.is-active,
      .world-cup-pack-actions .is-primary {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .world-cup-pack-output {
        display: grid;
        gap: 12px;
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.78);
      }
      .world-cup-pack-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .world-cup-pack-list a {
        display: grid;
        gap: 4px;
        min-height: 100%;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: #fffdf8;
        color: var(--ink);
        text-decoration: none;
      }
      .world-cup-pack-list small {
        color: var(--muted);
        font-weight: 760;
      }
      .world-cup-pack-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .world-cup-prediction-layout {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
        gap: 14px;
        align-items: start;
      }
      .world-cup-prediction-fields {
        display: grid;
        gap: 10px;
      }
      .world-cup-prediction-fields label {
        display: grid;
        gap: 6px;
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .world-cup-prediction-fields input,
      .world-cup-prediction-fields select {
        width: 100%;
        min-height: 42px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 14px;
        background: #fffdf8;
        color: var(--ink);
        font: inherit;
        font-size: 0.95rem;
        font-weight: 760;
        letter-spacing: 0;
        padding: 0 12px;
        text-transform: none;
      }
      .world-cup-prediction-card {
        margin: 0;
        background: rgba(23, 34, 50, 0.95);
        border-color: rgba(255, 255, 255, 0.18);
        color: #fffdf8;
      }
      .world-cup-prediction-card span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.72rem;
        font-weight: 950;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .world-cup-prediction-card h3 {
        color: #fffdf8;
      }
      .world-cup-prediction-card dl {
        display: grid;
        gap: 8px;
        margin: 0;
      }
      .world-cup-prediction-card dl div {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        padding-top: 8px;
      }
      .world-cup-prediction-card dt {
        color: rgba(255, 255, 255, 0.66);
        font-weight: 820;
      }
      .world-cup-prediction-card dd {
        margin: 0;
        text-align: right;
        font-weight: 920;
      }
      .world-cup-prediction-card p {
        color: rgba(255, 255, 255, 0.78);
      }
      .world-cup-prediction-card .world-cup-pack-status {
        color: #d9f6dd;
      }
      .world-cup-pack-status {
        min-height: 18px;
        margin: 0;
        color: #315e2d;
        font-size: 0.82rem;
        font-weight: 820;
      }
      .world-cup-side-rail {
        display: grid;
        gap: 14px;
        border: 1px solid rgba(49, 94, 45, 0.18);
        background:
          radial-gradient(circle at top left, rgba(49, 178, 138, 0.18), transparent 30%),
          linear-gradient(135deg, rgba(255, 253, 248, 0.98), rgba(241, 250, 246, 0.86));
      }
      .world-cup-side-rail-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px;
        align-items: end;
      }
      .world-cup-side-rail-head span,
      .world-cup-side-card-kicker {
        color: #315e2d;
        font-size: 0.72rem;
        font-weight: 950;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .world-cup-side-rail-head h2,
      .world-cup-side-rail-head p,
      .world-cup-side-card h3,
      .world-cup-side-card p {
        margin: 0;
      }
      .world-cup-side-rail-head p {
        max-width: 720px;
        color: var(--muted);
        font-weight: 760;
        line-height: 1.36;
      }
      .world-cup-side-rail-actions,
      .world-cup-side-card-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .world-cup-side-rail-actions a,
      .world-cup-side-card-actions a,
      .world-cup-side-card-actions button {
        appearance: none;
        display: inline-flex;
        min-height: 38px;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.8rem;
        font-weight: 900;
        text-decoration: none;
      }
      .world-cup-side-rail-actions a:first-child,
      .world-cup-side-card-actions a:first-child {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .world-cup-side-filter-bar {
        display: flex;
        gap: 7px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding: 1px 2px 4px;
        scrollbar-width: none;
      }
      .world-cup-side-filter-bar::-webkit-scrollbar {
        display: none;
      }
      .world-cup-side-filter-bar button {
        appearance: none;
        display: inline-flex;
        flex: 0 0 auto;
        min-width: 44px;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: #273445;
        cursor: pointer;
        font: inherit;
        font-size: 0.74rem;
        font-weight: 900;
        line-height: 1;
      }
      .world-cup-side-filter-bar button[aria-pressed="true"] {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .world-cup-share-status {
        min-height: 18px;
        margin: 0;
        color: #315e2d;
        font-size: 0.82rem;
        font-weight: 820;
      }
      .world-cup-side-track {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding: 2px 2px 10px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
      }
      .world-cup-side-track::-webkit-scrollbar {
        display: none;
      }
      .world-cup-side-card {
        display: grid;
        flex: 0 0 min(328px, 32vw);
        overflow: hidden;
        min-width: 280px;
        padding: 0;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 18px;
        background: #fffdf8;
        scroll-snap-align: start;
        box-shadow: 0 14px 30px rgba(22, 32, 43, 0.08);
      }
      .world-cup-side-card.is-compact {
        background:
          radial-gradient(circle at 92% 10%, rgba(95, 121, 255, 0.12), transparent 34%),
          linear-gradient(145deg, #fffdf8, rgba(236, 248, 241, 0.88));
      }
      .world-cup-side-card.is-compact .world-cup-side-card-body {
        min-height: 224px;
      }
      .world-cup-side-card[hidden] {
        display: none;
      }
      .world-cup-side-card-media {
        position: relative;
        display: block;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background: #172232;
      }
      .world-cup-side-card-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .world-cup-side-card-body {
        display: grid;
        gap: 9px;
        padding: 12px;
      }
      .world-cup-side-card-kicker {
        display: inline-flex;
        width: max-content;
        max-width: 100%;
        align-items: center;
        gap: 6px;
        padding: 5px 9px 5px 5px;
        border-radius: 999px;
        background: rgba(49, 94, 45, 0.1);
        line-height: 1;
      }
      .world-cup-side-card-kicker img {
        width: 16px;
        height: 16px;
      }
      .world-cup-side-card h3 {
        font-size: 1.18rem;
        line-height: 1.05;
      }
      .world-cup-side-card p {
        color: var(--muted);
        font-size: 0.88rem;
        font-weight: 760;
        line-height: 1.34;
      }
      .world-cup-side-card-facts {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .world-cup-side-card-facts span {
        display: inline-flex;
        min-height: 24px;
        align-items: center;
        padding: 0 8px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.78);
        color: #425468;
        font-size: 0.66rem;
        font-weight: 900;
      }
      article {
        background: rgba(255, 253, 248, 0.94);
        border: 1px solid #ded5c6;
        border-radius: 18px;
        padding: 18px;
        margin: 14px 0;
        box-shadow: 0 12px 30px rgba(23, 34, 50, 0.07);
      }
      .board-list article { margin: 0; }
      .static-board-card {
        display: grid;
        grid-template-columns: 148px minmax(0, 1fr);
        gap: 14px;
        align-items: center;
        padding: 10px;
        border-radius: 20px;
      }
      .static-board-media {
        overflow: hidden;
        align-self: start;
        aspect-ratio: 4 / 3;
        min-height: 0;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.84);
      }
      .static-board-media img { width: 100%; height: 100%; object-fit: cover; }
      .static-board-body { display: grid; align-content: center; gap: 7px; min-width: 0; padding: 5px 4px; }
      .static-board-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin: 0;
        letter-spacing: 0;
        text-transform: none;
      }
      .static-board-meta span {
        display: inline-flex;
        min-height: 24px;
        align-items: center;
        padding: 0 8px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.78);
        color: #425468;
        font-size: 0.68rem;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
      }
      .landing-activity-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 14px;
      }
      .landing-idea-card {
        position: relative;
        overflow: hidden;
        margin: 0;
        border-color: rgba(122, 76, 154, 0.16);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 244, 0.92)),
          linear-gradient(135deg, rgba(95, 121, 255, 0.1), rgba(239, 123, 82, 0.1));
      }
      .landing-idea-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: linear-gradient(180deg, #5f79ff, #ef7b52 52%, #31b28a);
      }
      .lane-board-index-section,
      .lane-featured-ideas-section {
        display: grid;
        gap: 14px;
        margin-top: 18px;
        padding: clamp(14px, 2vw, 20px);
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 24px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.94), rgba(241, 250, 246, 0.82)),
          rgba(255, 255, 255, 0.82);
        box-shadow: 0 16px 36px rgba(23, 34, 50, 0.07);
      }
      .lane-board-index-section .board-list,
      .lane-featured-ideas-section .landing-activity-grid {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding: 2px 2px 8px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
      }
      .lane-board-index-section .board-list::-webkit-scrollbar,
      .lane-featured-ideas-section .landing-activity-grid::-webkit-scrollbar {
        display: none;
      }
      .lane-board-index-section .static-board-card,
      .lane-featured-ideas-section .landing-idea-card {
        flex: 0 0 calc((100% - 24px) / 3);
        width: calc((100% - 24px) / 3);
        max-width: calc((100% - 24px) / 3);
        scroll-snap-align: start;
      }
      .lane-board-index-section .static-board-card {
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
      }
      .lane-board-index-section .static-board-media {
        aspect-ratio: 16 / 9;
      }
      .lane-featured-ideas-section .landing-idea-card > p:not(.landing-card-kicker):not(.activity-detail):not(.landing-open-link) {
        display: block;
        overflow: visible;
        -webkit-box-orient: initial;
        -webkit-line-clamp: unset;
      }
      .directory-result-filter-rail {
        display: flex;
        gap: 9px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding: 2px 38px 8px 2px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 46px), rgba(0, 0, 0, 0.18) 100%);
        mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 46px), rgba(0, 0, 0, 0.18) 100%);
      }
      .directory-result-filter-rail::-webkit-scrollbar {
        display: none;
      }
      .directory-result-filter-rail :is(a, button) {
        appearance: none;
        display: inline-flex;
        flex: 0 0 auto;
        min-height: 44px;
        align-items: center;
        gap: 10px;
        padding: 0 16px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.8);
        color: #273445;
        cursor: pointer;
        font-family: inherit;
        font-size: 0.84rem;
        font-weight: 900;
        text-decoration: none;
      }
      .directory-result-filter-rail :is(a, button).is-active {
        border-color: rgba(22, 32, 43, 0.84);
        background: #172232;
        color: #fffdf8;
        box-shadow: 0 10px 20px rgba(23, 34, 50, 0.16);
      }
      .directory-result-filter-rail strong {
        display: inline-flex;
        min-width: 28px;
        min-height: 28px;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(49, 94, 45, 0.1);
        color: #315e2d;
        font-size: 0.7rem;
        line-height: 1;
      }
      .directory-result-filter-rail :is(a, button).is-active strong {
        background: rgba(255, 255, 255, 0.16);
        color: #fffdf8;
      }
      .directory-result-panel {
        overflow: hidden;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76);
      }
      .directory-result-panel-head {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 12px;
        padding: 16px 18px;
        border-bottom: 1px solid rgba(22, 32, 43, 0.08);
      }
      .directory-result-panel-head h3,
      .directory-result-panel-head p {
        margin: 0;
      }
      .directory-result-panel-head h3 {
        font-size: clamp(1.15rem, 2vw, 1.45rem);
        line-height: 1;
      }
      .directory-result-panel-head p {
        color: #425468;
        font-size: 0.88rem;
        font-weight: 850;
        line-height: 1.25;
      }
      .directory-result-list {
        display: grid;
        gap: 10px;
        padding: 12px;
      }
      .directory-result-list--extra {
        padding: 10px 0 0;
      }
      .directory-result-load-row {
        display: flex;
        justify-content: center;
        padding: 0 12px 14px;
      }
      .directory-result-load-row button {
        appearance: none;
        min-height: 46px;
        min-width: min(100%, 260px);
        padding: 0 22px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #172232;
        color: #fffdf8;
        cursor: pointer;
        font-family: inherit;
        font-size: 0.86rem;
        font-weight: 950;
        box-shadow: 0 12px 24px rgba(23, 34, 50, 0.12);
      }
      .board-result-more-list {
        display: grid;
        gap: 10px;
        margin: 0 12px 12px;
      }
      .board-result-more-list[hidden] {
        display: none;
      }
      .board-result-more-list:not([open]) > .directory-result-list--extra {
        display: none;
      }
      .board-result-more-list > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 44px;
        padding: 10px 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 14px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.96), rgba(241, 250, 246, 0.88)),
          rgba(255, 255, 255, 0.84);
        color: var(--ink);
        cursor: pointer;
        list-style: none;
      }
      .board-result-more-list > summary::-webkit-details-marker {
        display: none;
      }
      .board-result-more-list > summary span {
        display: grid;
        gap: 3px;
        min-width: 0;
      }
      .board-result-more-list > summary b {
        font-size: 0.9rem;
        font-weight: 950;
        line-height: 1.08;
      }
      .board-result-more-list > summary small {
        color: var(--muted);
        font-size: 0.76rem;
        font-weight: 760;
        line-height: 1.2;
      }
      .board-result-more-list > summary em {
        display: inline-grid;
        flex: 0 0 auto;
        place-items: center;
        min-width: 34px;
        min-height: 34px;
        border-radius: 999px;
        background: #172232;
        color: #fffdf8;
        font-style: normal;
        font-weight: 950;
      }
      .board-result-more-list[open] > summary em {
        background: rgba(49, 94, 45, 0.12);
        color: #315e2d;
      }
      .directory-result-card {
        display: grid;
        grid-template-columns: 172px minmax(0, 1fr);
        min-height: 164px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        border-color: rgba(22, 32, 43, 0.1);
        border-radius: 16px;
        background: rgba(255, 253, 248, 0.94);
        box-shadow: 0 10px 24px rgba(23, 34, 50, 0.06);
      }
      .directory-result-card--featured {
        border-color: rgba(49, 94, 45, 0.28);
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(235, 249, 241, 0.88)),
          rgba(255, 255, 255, 0.9);
      }
      .directory-result-card--side {
        border-color: rgba(239, 123, 82, 0.18);
      }
      .directory-result-card-media {
        display: block;
        min-height: 100%;
        border-right: 1px solid rgba(22, 32, 43, 0.08);
        background: rgba(246, 248, 251, 0.8);
      }
      .directory-result-card-media img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 100%;
        object-fit: cover;
      }
      .directory-result-card-body {
        display: grid;
        align-content: center;
        gap: 7px;
        min-width: 0;
        padding: 12px 13px;
      }
      .directory-result-card-top,
      .directory-result-card-description {
        margin: 0;
      }
      .directory-result-card-top {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
      }
      .directory-result-badge {
        display: inline-flex;
        min-height: 26px;
        align-items: center;
        padding: 0 10px;
        border-radius: 999px;
        background: rgba(49, 94, 45, 0.1);
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .directory-result-card h3 {
        margin: 0;
        font-size: clamp(1.1rem, 2vw, 1.35rem);
        line-height: 1.05;
      }
      .directory-result-card h3 a {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        color: var(--ink);
        text-decoration: none;
      }
      .directory-result-card-description {
        color: #273445;
        font-size: 0.9rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .directory-result-facts {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .directory-result-facts span {
        display: inline-flex;
        max-width: 100%;
        min-height: 26px;
        align-items: center;
        overflow: hidden;
        padding: 0 9px;
        border: 1px solid rgba(49, 178, 138, 0.16);
        border-radius: 999px;
        background: rgba(233, 249, 242, 0.68);
        color: #1d4d3b;
        font-size: 0.68rem;
        font-weight: 900;
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .directory-result-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
      }
      .directory-result-actions a,
      .directory-result-actions button {
        display: inline-flex;
        width: 100%;
        min-height: 38px;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.74rem;
        font-weight: 950;
        line-height: 1.05;
        text-align: center;
        text-decoration: none;
      }
      .directory-result-actions .directory-result-primary {
        border-color: rgba(22, 32, 43, 0.9);
        background: #172232;
        color: #fffdf8;
      }
      .directory-result-actions .copy-share-button {
        border-color: rgba(49, 94, 45, 0.22);
        background: rgba(49, 94, 45, 0.1);
        color: #315e2d;
      }
      @media (min-width: 960px) {
        .directory-result-list {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .directory-result-card {
          grid-template-columns: 146px minmax(0, 1fr);
        }
      }
      .landing-card-kicker {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin: 0 0 10px;
      }
      .tag-pill {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 4px 9px;
        border: 1px solid rgba(122, 76, 154, 0.16);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.76);
        color: #4a2365;
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .tag-pill--number { color: #8a4a28; border-color: rgba(239, 123, 82, 0.18); }
      .stud-ready-badge {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        min-height: 24px;
        gap: 5px;
        padding: 4px 9px 4px 6px;
        border: 1px solid rgba(95, 121, 255, 0.22);
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(240, 244, 255, 0.82));
        color: #172232;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.06em;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
      }
      .stud-ready-badge img {
        flex: 0 0 auto;
        width: 16px;
        height: 16px;
        object-fit: contain;
      }
      .stud-ready-badge--compact {
        min-height: 22px;
        padding: 3px 8px 3px 5px;
        font-size: 0.62rem;
      }
      .quick-browse-page-hero .static-hero-copy {
        gap: 10px;
      }
      @media (min-width: 901px) {
        [data-static-quick-browse-page] .quick-browse-page-hero {
          grid-template-columns: minmax(0, 0.96fr) minmax(280px, 0.5fr);
          align-items: start;
          gap: clamp(14px, 2vw, 20px);
          padding: clamp(16px, 2.35vw, 22px);
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .static-hero-copy {
          align-content: start;
          gap: 8px;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero h1 {
          max-width: 720px;
          font-size: clamp(2.28rem, 4.35vw, 3.75rem);
          line-height: 0.95;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .lead {
          max-width: 64ch;
          margin: 0;
          font-size: clamp(0.96rem, 1.25vw, 1.08rem);
          line-height: 1.28;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .quick-browse-stats {
          gap: 6px;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .quick-browse-stats span,
        [data-static-quick-browse-page] .quick-browse-page-hero .quick-browse-control-panel a,
        [data-static-quick-browse-page] .quick-browse-page-hero .quick-browse-control-panel button {
          min-height: 30px;
          padding-inline: 9px;
          font-size: 0.7rem;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .quick-browse-live-path,
        [data-static-quick-browse-page] .quick-browse-page-hero .static-note {
          display: none;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions {
          gap: 7px;
          margin-top: 2px;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions a,
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions button,
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions summary {
          min-height: 38px;
          padding-inline: 12px;
          font-size: 0.76rem;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .board-page-media {
          align-self: start;
          aspect-ratio: 16 / 10;
          max-height: 270px;
        }
      }
      .quick-browse-tabs,
      .quick-browse-stats,
      .quick-browse-control-panel {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }
      .quick-browse-tabs {
        margin: 12px 0 0;
        padding: 10px;
        border: 1px solid rgba(49, 94, 45, 0.12);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.72);
      }
      .quick-browse-tabs a,
      .quick-browse-tabs button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 11px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.86);
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.76rem;
        font-weight: 900;
        text-decoration: none;
      }
      .quick-browse-tabs a:first-child,
      .quick-browse-tabs button[aria-pressed="true"] {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .quick-browse-mode-strip {
        display: block;
        margin-top: 12px;
      }
      .quick-browse-mode-strip > details {
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.96), rgba(244, 250, 244, 0.84)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
      }
      .quick-browse-mode-strip > details > summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        min-height: 54px;
        cursor: pointer;
        list-style: none;
      }
      .quick-browse-mode-strip > details > summary::-webkit-details-marker {
        display: none;
      }
      .quick-browse-mode-strip > details > summary span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-mode-strip > details > summary strong {
        display: block;
        margin-top: 4px;
        color: var(--ink);
        font-size: clamp(1rem, 1.35vw, 1.14rem);
        line-height: 1.08;
      }
      .quick-browse-mode-strip > details > summary::after {
        content: "+";
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.76);
        color: var(--ink);
        font-size: 1rem;
        font-weight: 950;
        line-height: 1;
      }
      .quick-browse-mode-strip > details[open] > summary::after {
        content: "-";
      }
      .quick-browse-mode-panel {
        display: grid;
        grid-template-columns: minmax(220px, 0.36fr) minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        margin-top: 10px;
        padding-top: 12px;
        border-top: 1px solid rgba(22, 32, 43, 0.08);
      }
      .quick-browse-mode-strip h2,
      .quick-browse-mode-strip p {
        margin: 0;
      }
      .quick-browse-mode-copy {
        max-width: 420px;
        color: var(--muted);
        font-size: 0.88rem;
        font-weight: 760;
        line-height: 1.35;
      }
      .quick-browse-mode-actions {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 8px;
      }
      .quick-browse-mode-actions a {
        display: grid;
        align-content: center;
        gap: 4px;
        min-height: 58px;
        padding: 8px 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.76);
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 900;
        line-height: 1.05;
        text-decoration: none;
      }
      .quick-browse-mode-actions a span {
        color: #425468;
        font-size: 0.68rem;
        font-weight: 840;
        line-height: 1.15;
      }
      .quick-browse-mode-actions .landing-action-primary {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .quick-browse-mode-actions .landing-action-primary span {
        color: rgba(255, 253, 248, 0.76);
      }
      .quick-browse-mode-actions .quick-browse-more-actions summary {
        min-height: 58px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.76);
        color: var(--ink);
        font-size: 0.78rem;
      }
      .quick-browse-mode-actions .quick-browse-more-actions-menu {
        margin-top: 8px;
      }
      .quick-browse-mode-actions .quick-browse-more-actions-menu a {
        min-height: 44px;
      }
      .quick-browse-live-path {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        align-items: center;
        margin-top: 2px;
        padding: 7px;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.7);
      }
      .quick-browse-live-path strong,
      .quick-browse-live-path span {
        display: inline-grid;
        place-items: center;
        min-height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        color: var(--ink);
        font-size: 0.7rem;
        font-weight: 950;
        line-height: 1;
        white-space: nowrap;
      }
      .quick-browse-live-path strong {
        background: #172232;
        color: #fffdf8;
      }
      .quick-browse-live-path span {
        border: 1px solid rgba(22, 32, 43, 0.08);
        background: #fffdf8;
      }
      .quick-browse-stats span,
      .quick-browse-control-panel a,
      .quick-browse-control-panel button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 11px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.76);
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
        text-decoration: none;
      }
      .quick-browse-stud-stat img {
        width: 16px;
        height: 16px;
        margin-right: 5px;
        object-fit: contain;
      }
      .quick-browse-control-panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
        gap: 10px;
        align-items: center;
        margin: 16px 0 0;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.96), rgba(244, 250, 244, 0.84)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
      }
      .quick-browse-control-copy {
        display: grid;
        gap: 4px;
        min-width: 0;
      }
      .quick-browse-control-copy span {
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 760;
        line-height: 1.32;
      }
      .quick-browse-control-group {
        display: inline-flex;
        flex: 0 1 auto;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }
      .quick-browse-control-group--primary {
        grid-column: 1 / -1;
        flex: 1 1 100%;
        padding-bottom: 2px;
      }
      .quick-browse-control-details {
        grid-column: 1 / -1;
      }
      .quick-browse-control-details summary {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        color: var(--ink);
        cursor: pointer;
        font-size: 0.78rem;
        font-weight: 950;
        line-height: 1;
      }
      .quick-browse-control-details summary::-webkit-details-marker {
        display: none;
      }
      .quick-browse-control-details summary::after {
        content: "+";
        margin-left: 8px;
        color: #425468;
        font-weight: 950;
      }
      .quick-browse-control-details[open] summary {
        border-color: rgba(49, 94, 45, 0.22);
        background: rgba(49, 178, 138, 0.1);
        color: #1d4d3b;
      }
      .quick-browse-control-details[open] summary::after {
        content: "-";
      }
      .quick-browse-control-details-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin-top: 8px;
        padding: 9px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.58);
      }
      .quick-browse-control-group--sections,
      .quick-browse-control-group--advanced {
        grid-column: 1 / -1;
      }
      .quick-browse-control-panel strong {
        margin-right: 4px;
        color: var(--ink);
        font-weight: 950;
      }
      .quick-browse-search {
        display: inline-grid;
        grid-template-columns: auto minmax(150px, 220px);
        gap: 8px;
        align-items: center;
        min-height: 34px;
        padding: 0 0 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        color: var(--muted);
        font-size: 0.74rem;
        font-weight: 900;
      }
      .quick-browse-search input {
        width: 100%;
        min-height: 38px;
        border: 0;
        border-left: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 0 999px 999px 0;
        background: transparent;
        color: var(--ink);
        font: inherit;
        font-size: 0.78rem;
        outline: none;
        padding: 0 11px;
      }
      .quick-browse-control-panel button[data-quick-browse-shuffle] {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      [data-static-quick-browse-page][data-quick-browse-mode="fresh"] button[data-quick-browse-shuffle] {
        border-color: #315e2d;
        background: #315e2d;
        color: #fffdf8;
      }
      .quick-browse-control-panel button[aria-pressed="true"] {
        border-color: #315e2d;
        background: #315e2d;
        color: #fffdf8;
      }
      .quick-browse-shortlist-panel,
      .quick-browse-queue-panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        margin: 12px 0 0;
        padding: 12px;
        border: 1px solid rgba(49, 94, 45, 0.16);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(232, 243, 232, 0.92), rgba(255, 253, 248, 0.9)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.14), rgba(229, 184, 88, 0.12));
        box-shadow: 0 12px 26px rgba(22, 32, 43, 0.06);
      }
      .quick-browse-queue-panel {
        border-color: rgba(95, 121, 255, 0.18);
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.94), rgba(239, 245, 255, 0.9)),
          linear-gradient(90deg, rgba(95, 121, 255, 0.14), rgba(49, 178, 138, 0.12));
      }
      .quick-browse-shortlist-panel[hidden],
      .quick-browse-queue-panel[hidden] {
        display: none;
      }
      .quick-browse-shortlist-panel span,
      .quick-browse-queue-panel span {
        display: inline-flex;
        width: fit-content;
        min-height: 22px;
        align-items: center;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(49, 94, 45, 0.1);
        color: #315e2d;
        font-size: 0.64rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-shortlist-panel strong,
      .quick-browse-shortlist-panel small,
      .quick-browse-queue-panel strong,
      .quick-browse-queue-panel small {
        display: block;
        margin-top: 4px;
      }
      .quick-browse-shortlist-panel strong,
      .quick-browse-queue-panel strong {
        color: var(--ink);
        font-size: 1rem;
        line-height: 1.12;
      }
      .quick-browse-shortlist-panel small,
      .quick-browse-queue-panel small {
        color: var(--muted);
        font-weight: 760;
        line-height: 1.3;
      }
      .quick-browse-shortlist-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
      }
      .quick-browse-shortlist-actions a,
      .quick-browse-shortlist-actions button,
      .quick-browse-queue-actions a,
      .quick-browse-queue-actions button {
        display: inline-flex;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
        text-decoration: none;
      }
      .quick-browse-queue-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
      }
      .quick-browse-shortlist-actions a {
        cursor: pointer;
      }
      .quick-browse-shortlist-actions button:first-child,
      .quick-browse-queue-actions a:first-child {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .quick-browse-shortlist-actions a,
      .quick-browse-shortlist-actions button:last-child,
      .quick-browse-queue-actions button,
      .quick-browse-queue-actions a:last-child {
        background: rgba(255, 255, 255, 0.72);
      }
      .quick-browse-handoff {
        display: grid;
        gap: 12px;
        margin: 18px 0 0;
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 20px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.97), rgba(239, 245, 255, 0.86)),
          linear-gradient(90deg, rgba(95, 121, 255, 0.12), rgba(49, 178, 138, 0.1));
        box-shadow: 0 12px 30px rgba(22, 32, 43, 0.06);
      }
      .quick-browse-handoff-head {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: end;
        justify-content: space-between;
      }
      .quick-browse-handoff-head h2,
      .quick-browse-handoff-head p {
        margin: 0;
      }
      .quick-browse-handoff-head p:last-child {
        max-width: 620px;
        color: var(--muted);
        font-weight: 760;
        line-height: 1.35;
      }
      .quick-browse-handoff-steps {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
      }
      .quick-browse-handoff-steps span,
      .quick-browse-handoff-card span {
        display: inline-flex;
        width: fit-content;
        min-height: 22px;
        align-items: center;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(95, 121, 255, 0.11);
        color: #233f91;
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-handoff-steps div {
        display: grid;
        gap: 5px;
        min-width: 0;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.74);
      }
      .quick-browse-handoff-steps strong {
        color: var(--ink);
        line-height: 1.08;
      }
      .quick-browse-handoff-steps small {
        color: var(--muted);
        font-weight: 760;
        line-height: 1.3;
      }
      .quick-browse-handoff-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
        gap: 10px;
      }
      .quick-browse-handoff-card {
        display: grid;
        align-content: start;
        gap: 8px;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.82);
      }
      .quick-browse-handoff-card h3,
      .quick-browse-handoff-card p {
        margin: 0;
      }
      .quick-browse-handoff-card h3 {
        color: var(--ink);
        font-size: 1.02rem;
        line-height: 1.08;
      }
      .quick-browse-handoff-card p {
        color: var(--muted);
        font-weight: 760;
        line-height: 1.34;
      }
      .quick-browse-handoff-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 2px;
      }
      .quick-browse-handoff-actions a,
      .quick-browse-handoff-actions button {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.76rem;
        font-weight: 900;
        text-decoration: none;
      }
      .quick-browse-handoff-actions .landing-action-primary {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .quick-browse-scoring-mode {
        display: grid;
        gap: 12px;
        margin: 18px 0 0;
        padding: 14px;
        border: 1px solid rgba(49, 178, 138, 0.14);
        border-radius: 20px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.98), rgba(244, 250, 244, 0.86)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.1), rgba(229, 184, 88, 0.1));
        box-shadow: 0 12px 30px rgba(22, 32, 43, 0.06);
      }
      .quick-browse-scoring-head {
        display: grid;
        gap: 5px;
      }
      .quick-browse-scoring-head h2,
      .quick-browse-scoring-head p,
      .quick-browse-scoring-card h3,
      .quick-browse-scoring-card p,
      .quick-browse-stud-checklist p {
        margin: 0;
      }
      .quick-browse-scoring-head p,
      .quick-browse-scoring-card p,
      .quick-browse-stud-checklist p {
        color: var(--muted);
        font-weight: 760;
        line-height: 1.35;
      }
      .quick-browse-scoring-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }
      .quick-browse-scoring-card {
        display: grid;
        gap: 8px;
        align-content: start;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.78);
      }
      .quick-browse-scoring-card.is-active {
        border-color: rgba(49, 94, 45, 0.34);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 251, 246, 0.9)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
      }
      .quick-browse-scoring-card span,
      .quick-browse-stud-checklist span {
        display: inline-flex;
        width: fit-content;
        min-height: 22px;
        align-items: center;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(49, 178, 138, 0.1);
        color: #1d4d3b;
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-scoring-card h3 {
        color: var(--ink);
        font-size: 1.02rem;
        line-height: 1.08;
      }
      .quick-browse-scoring-card button,
      .quick-browse-stud-checklist a {
        display: inline-flex;
        width: fit-content;
        min-height: 34px;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.76rem;
        font-weight: 900;
        text-decoration: none;
      }
      .quick-browse-scoring-card button[aria-pressed="true"] {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .quick-browse-stud-checklist {
        display: grid;
        grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(49, 94, 45, 0.16);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.72);
      }
      .quick-browse-stud-checklist[hidden] {
        display: none;
      }
      .quick-browse-stud-checklist ul {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .quick-browse-stud-checklist li {
        display: grid;
        gap: 4px;
        min-width: 0;
        padding: 8px 9px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 253, 248, 0.82);
        color: var(--muted);
        font-size: 0.72rem;
        font-weight: 800;
        line-height: 1.18;
      }
      .quick-browse-scan {
        display: grid;
        gap: 12px;
        margin: 18px 0 0;
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 20px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.97), rgba(241, 251, 246, 0.82)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.12), rgba(239, 123, 82, 0.08));
        box-shadow: 0 12px 30px rgba(22, 32, 43, 0.06);
      }
      .quick-browse-scan-head {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: end;
        justify-content: space-between;
      }
      .quick-browse-scan-head h2,
      .quick-browse-scan-head p {
        margin: 0;
      }
      .quick-browse-scan-head p:last-child {
        max-width: 620px;
        color: var(--muted);
        font-weight: 760;
        line-height: 1.35;
      }
      .quick-browse-fresh-stack {
        display: grid;
        grid-template-columns: minmax(200px, 0.82fr) minmax(170px, 0.62fr) minmax(220px, 0.96fr) minmax(210px, 0.72fr);
        gap: 10px;
        align-items: stretch;
        padding: 8px;
        overflow: hidden;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.82);
      }
      .quick-browse-fresh-stack.is-dealing .quick-browse-fresh-card,
      .quick-browse-fresh-stack.is-dealing .quick-browse-fresh-media {
        animation: freshStackDeal 0.2s ease both;
      }
      @keyframes freshStackDeal {
        from {
          opacity: 0.65;
          transform: translateY(8px) scale(0.985);
        }
        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }
      .quick-browse-fresh-media,
      .quick-browse-scan-media {
        position: relative;
        display: grid;
        align-content: end;
        min-width: 0;
        overflow: hidden;
        background: rgba(22, 32, 43, 0.1);
        color: #fffdf8;
        text-decoration: none;
      }
      .quick-browse-fresh-media {
        min-height: 196px;
        padding: 12px;
        border-radius: 14px;
      }
      .quick-browse-fresh-media::after,
      .quick-browse-scan-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(0deg, rgba(9, 16, 24, 0.78), rgba(9, 16, 24, 0.08) 64%),
          linear-gradient(90deg, rgba(9, 16, 24, 0.42), transparent);
      }
      .quick-browse-fresh-media img,
      .quick-browse-scan-media img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .quick-browse-fresh-media span,
      .quick-browse-fresh-media strong,
      .quick-browse-scan-media em,
      .quick-browse-scan-media b {
        position: relative;
        z-index: 1;
      }
      .quick-browse-fresh-media span,
      .quick-browse-scan-media em {
        width: fit-content;
        padding: 5px 8px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.92);
        color: #172232;
        font-size: 0.6rem;
        font-style: normal;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-fresh-media strong,
      .quick-browse-scan-media b {
        margin-top: 8px;
        min-width: 0;
        max-width: min(100%, 12ch);
        color: #fffdf8;
        font-size: clamp(1.42rem, 3.8vw, 2.3rem);
        font-weight: 950;
        line-height: 0.9;
        overflow-wrap: anywhere;
      }
      .quick-browse-fresh-stack-copy,
      .quick-browse-fresh-card {
        display: grid;
        gap: 6px;
        min-width: 0;
      }
      .quick-browse-fresh-stack-copy span,
      .quick-browse-fresh-card span {
        color: #315e2d;
        font-size: 0.64rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-fresh-stack-copy strong,
      .quick-browse-fresh-card strong {
        color: var(--ink);
        font-size: 1.1rem;
        line-height: 1.04;
      }
      .quick-browse-fresh-stack-copy p,
      .quick-browse-fresh-card p {
        margin: 0;
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 780;
        line-height: 1.32;
      }
      .quick-browse-fresh-route {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
      }
      .quick-browse-fresh-route span {
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: center;
        min-height: 30px;
        padding: 5px 6px;
        border: 1px solid rgba(49, 94, 45, 0.12);
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.86);
        color: #315e2d;
        font-size: 0.56rem;
        font-weight: 950;
        letter-spacing: 0.06em;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
      }
      .quick-browse-fresh-route b {
        display: inline-grid;
        place-items: center;
        width: 16px;
        height: 16px;
        border-radius: 999px;
        background: #315e2d;
        color: #fffdf8;
        font-size: 0.58rem;
        line-height: 1;
      }
      .quick-browse-fresh-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
      }
      .quick-browse-fresh-stud-pill {
        display: inline-flex;
        gap: 5px;
        align-items: center;
        width: fit-content;
        padding: 5px 8px;
        border: 1px solid rgba(95, 87, 255, 0.16);
        border-radius: 999px;
        background: rgba(95, 87, 255, 0.09);
        color: #26345e;
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.07em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-fresh-stud-pill[hidden] {
        display: none;
      }
      .quick-browse-fresh-stud-pill img {
        width: 15px;
        height: 15px;
        border-radius: 999px;
        box-shadow: 0 0 0 2px rgba(255, 253, 248, 0.82);
      }
      .quick-browse-fresh-stack-copy strong::before {
        content: "";
        display: inline-block;
        width: 0.62em;
        height: 0.62em;
        margin-right: 0.38em;
        border-radius: 999px;
        background: #31b28a;
        box-shadow: 0 0 0 4px rgba(49, 178, 138, 0.14);
        vertical-align: 0.02em;
      }
      .quick-browse-fresh-progress {
        display: block;
        width: 100%;
        height: 7px;
        overflow: hidden;
        border-radius: 999px;
        background: rgba(22, 32, 43, 0.08);
        box-shadow: inset 0 1px 1px rgba(22, 32, 43, 0.08);
      }
      .quick-browse-fresh-progress span {
        display: block;
        width: 10%;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #31b28a, #5f79ff);
        transition: width 0.22s ease;
      }
      .quick-browse-fresh-actions {
        display: grid;
        gap: 8px;
        align-content: center;
      }
      .quick-browse-fresh-actions-main {
        display: grid;
        gap: 8px;
      }
      .quick-browse-fresh-actions-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .quick-browse-fresh-more summary {
        width: 100%;
      }
      .quick-browse-fresh-more .quick-browse-more-actions-menu {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .quick-browse-fresh-actions a,
      .quick-browse-fresh-actions button {
        min-height: 38px;
        padding: 9px 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        cursor: pointer;
        font-size: 0.76rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .quick-browse-fresh-actions .landing-action-primary {
        min-height: 46px;
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .quick-browse-fresh-actions [data-fresh-stack-add] {
        border-color: rgba(49, 178, 138, 0.24);
        background: rgba(49, 178, 138, 0.12);
        color: #1d4d3b;
      }
      .quick-browse-fresh-actions [data-fresh-stack-stud] {
        display: inline-flex;
        gap: 6px;
        align-items: center;
        justify-content: center;
        border-color: rgba(95, 87, 255, 0.24);
        background: rgba(95, 87, 255, 0.1);
        color: #26345e;
      }
      .quick-browse-fresh-actions [data-fresh-stack-stud] img {
        width: 18px;
        height: 18px;
        border-radius: 999px;
        box-shadow: 0 0 0 2px rgba(255, 253, 248, 0.82);
      }
      .quick-browse-fresh-actions [data-fresh-stack-add].landing-action-primary {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .quick-browse-fresh-actions [data-fresh-stack-skip] {
        color: #425468;
      }
      .quick-browse-fresh-decision {
        display: grid;
        gap: 8px;
        align-content: center;
        padding: 11px;
        border: 1px solid rgba(49, 178, 138, 0.18);
        border-radius: 16px;
        background:
          linear-gradient(135deg, rgba(49, 178, 138, 0.13), rgba(255, 253, 248, 0.9)),
          rgba(255, 255, 255, 0.82);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
      }
      .quick-browse-fresh-decision[hidden] {
        display: none;
      }
      .quick-browse-fresh-decision span {
        color: #315e2d;
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-fresh-decision strong {
        color: var(--ink);
        font-size: 1.02rem;
        line-height: 1.05;
      }
      .quick-browse-fresh-decision p {
        margin: 0;
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 780;
        line-height: 1.3;
      }
      .quick-browse-fresh-decision-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
      }
      .quick-browse-fresh-decision-actions a,
      .quick-browse-fresh-decision-actions button {
        min-height: 38px;
        padding: 8px 10px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        cursor: pointer;
        font-size: 0.72rem;
        font-weight: 900;
        line-height: 1.08;
        text-align: center;
        text-decoration: none;
      }
      .quick-browse-fresh-decision-actions .landing-action-primary {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .quick-browse-fresh-plan {
        display: grid;
        grid-template-columns: minmax(190px, 0.8fr) minmax(0, 1.2fr);
        gap: 10px;
        align-items: stretch;
        padding: 10px;
        border: 1px solid rgba(49, 178, 138, 0.16);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(49, 178, 138, 0.1), rgba(255, 255, 255, 0.84)),
          rgba(255, 255, 255, 0.78);
      }
      .quick-browse-fresh-plan > div {
        display: grid;
        gap: 5px;
        align-content: center;
        min-width: 0;
      }
      .quick-browse-fresh-plan > div span,
      .quick-browse-fresh-plan li span {
        color: #315e2d;
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-fresh-plan > div strong {
        color: var(--ink);
        font-size: 1.02rem;
        line-height: 1.08;
      }
      .quick-browse-fresh-plan > div p {
        margin: 0;
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 770;
        line-height: 1.3;
      }
      .quick-browse-fresh-plan ol {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .quick-browse-fresh-plan li {
        display: grid;
        gap: 5px;
        min-width: 0;
        padding: 9px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.82);
      }
      .quick-browse-fresh-plan a {
        color: var(--ink);
        font-size: 0.88rem;
        font-weight: 950;
        line-height: 1.08;
        text-decoration: none;
      }
      .quick-browse-fresh-plan small {
        color: var(--muted);
        font-size: 0.66rem;
        font-weight: 780;
        line-height: 1.2;
      }
      .quick-browse-scan-rail {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(230px, 0.32fr);
        gap: 10px;
        overflow-x: auto;
        padding: 0 0 4px;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
      }
      .quick-browse-scan-card {
        display: grid;
        gap: 7px;
        min-width: 0;
        padding: 8px 8px 10px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.82);
        color: var(--ink);
        overflow: hidden;
        scroll-snap-align: start;
        text-decoration: none;
      }
      .quick-browse-scan-card:hover,
      .quick-browse-scan-card:focus-visible {
        border-color: rgba(49, 178, 138, 0.34);
        box-shadow: 0 10px 24px rgba(22, 32, 43, 0.08);
        outline: none;
      }
      .quick-browse-scan-card span {
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-scan-media {
        min-height: 118px;
        margin: 0 0 2px;
        padding: 10px;
        border-radius: 12px;
      }
      .quick-browse-scan-media b {
        font-size: 1.15rem;
        line-height: 0.96;
      }
      .quick-browse-scan-media + span {
        display: none;
      }
      .quick-browse-scan-card strong {
        color: var(--ink);
        font-size: 1rem;
        line-height: 1.08;
      }
      .quick-browse-scan-card small {
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .quick-browse-scan-facts {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
      }
      .quick-browse-scan-facts span {
        min-height: 22px;
        padding: 4px 7px;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 999px;
        background: rgba(232, 243, 232, 0.72);
        color: #315e2d;
        font-size: 0.58rem;
      }
      .quick-browse-neighbor-decks {
        display: grid;
        gap: 10px;
        margin: 12px 0 0;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.74);
      }
      .quick-browse-neighbor-decks h2,
      .quick-browse-neighbor-decks p {
        margin: 0;
      }
      .quick-browse-neighbor-decks p {
        color: var(--muted);
        font-size: 0.86rem;
        font-weight: 760;
        line-height: 1.35;
      }
      .quick-browse-neighbor-deck-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .quick-browse-neighbor-deck-list a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 11px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.76rem;
        font-weight: 900;
        text-decoration: none;
      }
      .quick-browse-neighbor-deck-list a:first-child {
        border-color: rgba(49, 178, 138, 0.28);
        background: rgba(49, 178, 138, 0.12);
        color: #1d4d3b;
      }
      .quick-browse-route-note,
      .quick-browse-status,
      .quick-browse-scoring-note {
        margin: 10px 0 0;
        color: var(--muted);
        font-size: 0.88rem;
        font-weight: 760;
        line-height: 1.35;
      }
      .quick-browse-route-note {
        padding: 10px 12px;
        border: 1px solid rgba(49, 178, 138, 0.18);
        border-radius: 16px;
        background:
          linear-gradient(135deg, rgba(232, 243, 232, 0.9), rgba(255, 253, 248, 0.88)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
        color: #1d4d3b;
        font-weight: 850;
      }
      .quick-browse-route-note[hidden] {
        display: none;
      }
      .quick-browse-scoring-note {
        padding: 10px 12px;
        border: 1px solid rgba(239, 123, 82, 0.16);
        border-radius: 16px;
        background: rgba(255, 247, 240, 0.74);
        color: #5a3a2b;
      }
      .quick-browse-section-head {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: end;
        justify-content: space-between;
        margin: 28px 0 12px;
      }
      .quick-browse-section-head h2,
      .quick-browse-section-head p {
        margin: 0;
      }
      .quick-browse-section-head p {
        max-width: 680px;
        color: var(--muted);
        font-weight: 750;
      }
      .quick-browse-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      }
      .quick-browse-static-card {
        display: grid;
        align-content: start;
        gap: 8px;
        padding: 14px 14px 13px;
        border-radius: 15px;
        box-shadow: 0 8px 22px rgba(23, 34, 50, 0.055);
      }
      .quick-browse-static-card[hidden] {
        display: none;
      }
      .quick-browse-static-card--twist {
        border-color: rgba(239, 123, 82, 0.18);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 241, 0.94)),
          linear-gradient(135deg, rgba(239, 123, 82, 0.1), rgba(49, 178, 138, 0.08));
      }
      .quick-browse-static-card--twist::before {
        background: linear-gradient(180deg, #ef7b52, #31b28a);
      }
      .quick-browse-static-card h3 {
        margin: 0;
        font-size: 1.05rem;
        line-height: 1.05;
      }
      .quick-browse-static-card h3 a {
        color: var(--ink);
        text-decoration: none;
      }
      .quick-browse-static-card p {
        margin: 0;
      }
      .quick-browse-card-summary {
        color: #273445;
        font-weight: 760;
        line-height: 1.35;
      }
      .quick-browse-static-card .share-actions {
        gap: 6px;
        margin-top: 2px;
      }
      .quick-browse-static-card .share-actions [data-quick-card-primary] {
        min-width: min(150px, 100%);
      }
      .quick-browse-static-card .share-actions a,
      .quick-browse-static-card .share-actions button {
        min-height: 34px;
        padding: 0 10px;
        font-size: 0.76rem;
      }
      .quick-browse-static-card .share-actions .landing-action-primary {
        order: -2;
      }
      .quick-browse-static-card .share-actions a:not(.landing-action-primary) {
        order: -1;
      }
      .quick-browse-anchor {
        position: relative;
        display: block;
        width: 0;
        height: 0;
        border: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
      }
      .quick-browse-control-panel--simple {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        margin-top: 12px;
      }
      .quick-browse-control-panel--simple .quick-browse-control-copy {
        max-width: 760px;
      }
      .quick-browse-control-panel--simple .quick-browse-search {
        display: grid;
        grid-template-columns: minmax(110px, auto) minmax(180px, 1fr);
        width: min(100%, 720px);
      }
      .quick-browse-filter-row {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding: 1px 1px 6px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
      }
      .quick-browse-filter-row::-webkit-scrollbar {
        display: none;
      }
      .quick-browse-filter-row button {
        flex: 0 0 auto;
        min-height: 42px;
        padding-inline: 1rem;
      }
      .quick-browse-results-section {
        margin-top: 12px;
      }
      .quick-browse-results-section .directory-section-head {
        align-items: end;
      }
      .quick-browse-results-list .directory-result-card[hidden] {
        display: none;
      }
      .directory-result-card.quick-browse-static-card {
        align-content: stretch;
        gap: 0;
        padding: 0;
      }
      .directory-result-card.quick-browse-static-card::before {
        display: none;
      }
      .directory-result-badge--stud {
        gap: 4px;
        border: 1px solid rgba(95, 121, 255, 0.16);
        background: rgba(240, 244, 255, 0.78);
        color: #172232;
      }
      .directory-result-badge--stud .stud-ready-badge {
        min-height: 0;
        padding: 0;
        border: 0;
        background: transparent;
        font-size: inherit;
      }
      .quick-browse-scoring-mode--compact {
        margin-top: 12px;
      }
      .quick-browse-scoring-mode--compact > summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        min-height: 54px;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.96), rgba(244, 250, 244, 0.84)),
          rgba(255, 255, 255, 0.86);
        color: var(--ink);
        cursor: pointer;
        list-style: none;
      }
      .quick-browse-scoring-mode--compact > summary::-webkit-details-marker {
        display: none;
      }
      .quick-browse-scoring-mode--compact > summary::after {
        content: "+";
        display: inline-grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border-radius: 999px;
        background: #172232;
        color: #fffdf8;
        font-weight: 950;
      }
      .quick-browse-scoring-mode--compact[open] > summary::after {
        content: "-";
        background: rgba(49, 94, 45, 0.12);
        color: #315e2d;
      }
      .quick-browse-scoring-mode--compact > summary span,
      .quick-browse-scoring-mode--compact > summary strong {
        min-width: 0;
        line-height: 1.08;
      }
      .quick-browse-scoring-mode--compact > summary span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .quick-browse-more-actions {
        position: relative;
      }
      .quick-browse-more-actions summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: #425468;
        cursor: pointer;
        font-size: 0.76rem;
        font-weight: 900;
        list-style: none;
      }
      .quick-browse-more-actions summary::-webkit-details-marker {
        display: none;
      }
      .quick-browse-more-actions[open] summary {
        border-color: rgba(49, 178, 138, 0.34);
        color: var(--ink);
      }
      .quick-browse-more-actions-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 7px;
      }
      .quick-browse-more-actions-menu button[data-quick-preview] {
        border-color: rgba(49, 178, 138, 0.3);
        background: rgba(49, 178, 138, 0.1);
        color: #1d4d3b;
      }
      .quick-preview-drawer[hidden] {
        display: none;
      }
      .quick-preview-drawer {
        position: fixed;
        inset: 0;
        z-index: 150;
        display: grid;
        place-items: end center;
        padding: 18px 18px calc(18px + env(safe-area-inset-bottom, 0px));
        background: rgba(22, 32, 43, 0.42);
      }
      .quick-preview-panel {
        display: grid;
        gap: 14px;
        width: min(720px, 100%);
        max-height: min(82vh, 760px);
        overflow: auto;
        padding: 18px 18px calc(18px + env(safe-area-inset-bottom, 0px));
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 18px;
        background: #fffdf8;
        box-shadow: 0 24px 90px rgba(22, 32, 43, 0.26);
        overscroll-behavior: contain;
      }
      @supports (height: 100dvh) {
        .quick-preview-panel {
          max-height: min(82dvh, calc(100dvh - 36px - env(safe-area-inset-bottom, 0px)), 760px);
        }
      }
      body.has-quick-preview-open {
        overflow: hidden;
      }
      body.has-quick-preview-open .site-tabbar,
      body.has-quick-preview-open .shell-mobile-nav,
      body.has-quick-preview-open .shell-mobile-nav-static,
      body.has-quick-preview-open .ask-studboards-launch {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
      }
      .quick-preview-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: start;
      }
      .quick-preview-head h2,
      .quick-preview-panel p {
        margin: 0;
      }
      .quick-preview-head h2 {
        font-size: clamp(1.35rem, 2.4vw, 2rem);
        line-height: 1;
      }
      .quick-preview-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fff;
        color: var(--ink);
        cursor: pointer;
        font-size: 1.15rem;
        font-weight: 950;
      }
      .quick-preview-facts,
      .quick-preview-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .quick-preview-facts span {
        display: inline-flex;
        align-items: center;
        min-height: 30px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(246, 248, 251, 0.8);
        color: #425468;
        font-size: 0.75rem;
        font-weight: 900;
      }
      .quick-preview-rules {
        display: grid;
        gap: 8px;
        margin: 0;
        padding-left: 1.25rem;
        color: #273445;
        font-weight: 760;
        line-height: 1.35;
      }
      .quick-preview-actions a,
      .quick-preview-actions button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 13px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fff;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.82rem;
        font-weight: 900;
        text-decoration: none;
      }
      .quick-preview-actions button[data-quick-preview-add] {
        border-color: rgba(49, 178, 138, 0.34);
        background: rgba(49, 178, 138, 0.12);
        color: #1d4d3b;
      }
      .quick-preview-actions a {
        border-color: rgba(22, 32, 43, 0.84);
        background: #172232;
        color: #fffdf8;
      }
      [data-static-quick-browse-page].is-compact-scan .quick-browse-grid {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 8px;
      }
      [data-static-quick-browse-page].is-compact-scan .quick-browse-static-card {
        gap: 6px;
        padding: 10px;
      }
      [data-static-quick-browse-page].is-compact-scan .directory-result-card.quick-browse-static-card {
        gap: 0;
        padding: 0;
      }
      [data-static-quick-browse-page].is-compact-scan .quick-browse-static-card .landing-card-kicker .tag-pill:not(:first-child) {
        display: none;
      }
      [data-static-quick-browse-page].is-compact-scan .quick-browse-static-card h3 {
        font-size: 0.98rem;
      }
      [data-static-quick-browse-page].is-compact-scan .quick-browse-card-summary {
        display: block;
        overflow: visible;
        -webkit-line-clamp: unset;
        font-size: 0.82rem;
      }
      [data-static-quick-browse-page].is-compact-scan .quick-browse-facts {
        display: none;
      }
      [data-static-quick-browse-page].is-compact-scan .quick-browse-static-card .share-actions {
        gap: 5px;
      }
      [data-static-quick-browse-page].is-compact-scan .quick-browse-more-actions {
        display: block;
      }
      .twist-mixer {
        display: grid;
        gap: 14px;
        padding: clamp(16px, 2.4vw, 22px);
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 24px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.98), rgba(237, 251, 244, 0.88)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.12), rgba(239, 123, 82, 0.1));
        box-shadow: 0 18px 42px rgba(22, 32, 43, 0.07);
      }
      .twist-mixer-head {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: end;
        justify-content: space-between;
      }
      .twist-mixer-head h2,
      .twist-mixer-head p {
        margin: 0;
      }
      .twist-mixer-head p {
        max-width: 720px;
        color: var(--muted);
        font-weight: 750;
      }
      .twist-mixer-controls {
        display: grid;
        grid-template-columns: minmax(180px, 0.8fr) minmax(220px, 1fr) auto;
        gap: 10px;
        align-items: end;
      }
      .twist-mixer-controls label {
        display: grid;
        gap: 5px;
      }
      .twist-mixer-controls label span {
        color: var(--muted);
        font-size: 0.72rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .twist-mixer-controls select,
      .twist-mixer-controls button {
        width: 100%;
        min-height: 44px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.9);
        color: var(--ink);
        font: inherit;
        font-weight: 850;
      }
      .twist-mixer-controls button {
        width: auto;
        min-width: 126px;
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
        cursor: pointer;
      }
      .twist-mixer-card {
        display: grid;
        grid-template-columns: minmax(190px, 0.52fr) minmax(0, 1fr);
        align-items: stretch;
        gap: 12px;
        padding: clamp(14px, 2vw, 18px);
        border: 1px solid rgba(49, 178, 138, 0.18);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.9);
      }
      .twist-mixer-card-media {
        min-height: 100%;
        overflow: hidden;
        border-radius: 16px;
        background: #172232;
      }
      .twist-mixer-card-image {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 260px;
        object-fit: cover;
        filter: saturate(1.08) contrast(1.04);
      }
      .twist-mixer-card-body {
        display: grid;
        gap: 12px;
        min-width: 0;
        align-content: start;
      }
      .twist-mixer-card h3,
      .twist-mixer-card p,
      .twist-mixer-pair {
        margin: 0;
      }
      .twist-mixer-card h3 {
        font-size: clamp(1.28rem, 2.6vw, 2rem);
        line-height: 1.08;
      }
      .twist-mixer-card-body > p:not(.landing-card-kicker):not(.share-actions):not(.twist-deck-status) {
        color: #243447;
        font-weight: 800;
        line-height: 1.42;
      }
      .twist-mixer-pair {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      .twist-mixer-pair div {
        display: grid;
        gap: 4px;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(249, 251, 247, 0.86);
      }
      .twist-mixer-pair dt {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .twist-mixer-pair dd {
        margin: 0;
        color: var(--muted);
        font-size: 0.9rem;
        font-weight: 740;
        line-height: 1.35;
      }
      .twist-deck {
        display: grid;
        gap: 14px;
        padding: clamp(16px, 2.4vw, 22px);
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 24px;
        background:
          linear-gradient(135deg, rgba(38, 215, 255, 0.14), rgba(139, 92, 246, 0.16) 48%, rgba(255, 107, 107, 0.14)),
          linear-gradient(180deg, #071018, #101a2a 58%, #172132);
        color: #fffdf8;
        box-shadow: 0 24px 62px rgba(3, 8, 14, 0.28);
      }
      .twist-deck::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          linear-gradient(120deg, transparent 0 42%, rgba(255, 255, 255, 0.08) 42% 43%, transparent 43% 100%),
          linear-gradient(90deg, rgba(173, 255, 79, 0.1), transparent 36%, rgba(38, 215, 255, 0.08));
      }
      .twist-deck > * {
        position: relative;
      }
      @keyframes twistDeckDeal {
        0% {
          opacity: 0.68;
          transform: translateY(10px) scale(0.985);
          filter: saturate(0.9);
        }
        100% {
          opacity: 1;
          transform: translateY(0) scale(1);
          filter: saturate(1);
        }
      }
      .twist-deck.is-dealing .twist-deck-command,
      .twist-deck.is-dealing .twist-deck-card {
        animation: twistDeckDeal 260ms ease-out both;
      }
      @media (prefers-reduced-motion: reduce) {
        .twist-deck.is-dealing .twist-deck-command,
        .twist-deck.is-dealing .twist-deck-card {
          animation: none;
        }
      }
      .twist-deck-head {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: end;
        justify-content: space-between;
      }
      .twist-deck-head h2,
      .twist-deck-head p {
        margin: 0;
      }
      .twist-deck-head h2 {
        color: #fffdf8;
      }
      .twist-deck-head p {
        max-width: 680px;
        color: rgba(230, 238, 247, 0.78);
        font-weight: 750;
      }
      .twist-deck-controls {
        display: grid;
        grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
      }
      .twist-deck-controls select {
        width: 100%;
        min-height: 44px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.88);
        color: var(--ink);
        font: inherit;
        font-weight: 850;
      }
      .twist-deck-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }
      .twist-deck-tags button {
        min-height: 36px;
        padding: 0 11px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.76);
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.76rem;
        font-weight: 900;
      }
      .twist-deck-tags button[aria-pressed="true"] {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .twist-deck-flow {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .twist-deck-flow li {
        display: grid;
        gap: 4px;
        min-width: 0;
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.08);
      }
      .twist-deck-flow span {
        color: #adff4f;
        font-size: 0.64rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .twist-deck-flow strong {
        color: #fffdf8;
        font-size: 0.92rem;
        line-height: 1.08;
      }
      .twist-deck-flow small {
        color: rgba(230, 238, 247, 0.72);
        font-size: 0.74rem;
        font-weight: 760;
        line-height: 1.25;
      }
      .twist-deck[data-twist-stage="pick"] [data-twist-stage-step="pick"],
      .twist-deck[data-twist-stage="draw"] [data-twist-stage-step="draw"],
      .twist-deck[data-twist-stage="send"] [data-twist-stage-step="send"] {
        border-color: rgba(173, 255, 79, 0.4);
        background: rgba(173, 255, 79, 0.12);
      }
      .twist-deck-command {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 14px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 16px;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.06)),
          linear-gradient(90deg, rgba(38, 215, 255, 0.12), rgba(255, 107, 107, 0.1));
      }
      .twist-deck-command span {
        display: block;
        color: #adff4f;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .twist-deck-command strong {
        display: block;
        margin-top: 4px;
        color: #fffdf8;
        font-size: clamp(1.05rem, 1.6vw, 1.32rem);
        line-height: 1.12;
      }
      .twist-deck-command small {
        display: block;
        margin-top: 4px;
        color: rgba(230, 238, 247, 0.76);
        font-size: 0.82rem;
        font-weight: 760;
        line-height: 1.32;
      }
      .twist-deck-command-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
      }
      .twist-deck-command-actions a,
      .twist-deck-command-actions button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        appearance: none;
        min-height: 38px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .twist-deck-command-actions button[data-copy-share] {
        border-color: rgba(22, 32, 43, 0.84);
        background: #172232;
        color: #fffdf8;
      }
      .twist-deck-card {
        display: grid;
        grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
        gap: 10px;
        min-height: 260px;
        margin: 0;
        padding: clamp(10px, 1.5vw, 14px);
        border: 1px solid rgba(239, 123, 82, 0.2);
        border-radius: 20px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 247, 0.95)),
          linear-gradient(135deg, rgba(38, 215, 255, 0.12), rgba(255, 107, 107, 0.1));
        box-shadow: 0 18px 46px rgba(3, 8, 14, 0.22);
      }
      .twist-deck-card > .twist-deck-card-draw,
      .twist-deck-card > .landing-card-kicker {
        grid-column: 1 / -1;
      }
      .twist-deck-card-media {
        position: relative;
        min-height: 250px;
        overflow: hidden;
        border-radius: 16px;
        background: #101a2a;
        isolation: isolate;
      }
      .twist-deck-card-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(180deg, rgba(7, 16, 24, 0.05), rgba(7, 16, 24, 0.66)),
          linear-gradient(135deg, rgba(38, 215, 255, 0.12), rgba(255, 209, 102, 0.12));
      }
      .twist-deck-card-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(1.14) contrast(1.05);
      }
      .twist-deck-card-media span {
        position: absolute;
        left: 12px;
        bottom: 12px;
        z-index: 1;
        display: inline-flex;
        min-height: 28px;
        align-items: center;
        padding: 0 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.9);
        color: #071018;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .twist-deck-card-body {
        display: grid;
        gap: 10px;
        align-content: start;
        min-width: 0;
        padding: 4px;
      }
      .twist-deck-card-draw {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        justify-content: space-between;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background:
          linear-gradient(135deg, rgba(255, 241, 232, 0.94), rgba(237, 251, 244, 0.88)),
          linear-gradient(90deg, rgba(239, 123, 82, 0.12), rgba(49, 178, 138, 0.1));
      }
      .twist-deck-card-draw div {
        display: grid;
        gap: 3px;
        min-width: 0;
      }
      .twist-deck-card-draw span,
      .twist-deck-card-draw small {
        color: #8f3f22;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .twist-deck-card-draw strong {
        color: var(--ink);
        font-size: clamp(0.98rem, 1.8vw, 1.18rem);
        line-height: 1.08;
      }
      .twist-deck-card-draw small {
        color: #315e2d;
      }
      .twist-deck-card h3 {
        margin: 0;
        font-size: clamp(1.35rem, 3vw, 2.15rem);
        line-height: 1;
      }
      .twist-deck-card h3,
      .twist-deck-card [data-twist-deck-summary] {
        color: var(--ink);
      }
      .twist-deck-card [data-twist-deck-summary] {
        font-weight: 820;
        line-height: 1.28;
      }
      .twist-deck-card .share-actions {
        align-items: center;
      }
      .twist-deck-card-more {
        position: relative;
      }
      .twist-deck-card-more summary {
        display: inline-flex;
        min-height: 40px;
        align-items: center;
        justify-content: center;
        padding: 0 13px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font-size: 0.78rem;
        font-weight: 900;
        list-style: none;
      }
      .twist-deck-card-more summary::-webkit-details-marker {
        display: none;
      }
      .twist-deck-card-more summary::after {
        content: "+";
        margin-left: 5px;
        font-weight: 950;
      }
      .twist-deck-card-more[open] summary::after {
        content: "-";
      }
      .twist-deck-card-more span {
        position: absolute;
        right: 0;
        bottom: calc(100% + 8px);
        z-index: 4;
        display: none;
        gap: 7px;
        min-width: 180px;
        padding: 8px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 16px;
        background: #fffdf8;
        box-shadow: 0 18px 40px rgba(22, 32, 43, 0.16);
      }
      .twist-deck-card-more[open] span {
        display: grid;
      }
      .twist-deck-card-more a {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        justify-content: center;
        width: 100%;
      }
      .twist-deck-card p {
        margin: 0;
      }
      .twist-deck-card .activity-detail {
        color: #425468;
        font-weight: 720;
      }
      .twist-deck-status {
        min-height: 20px;
        color: #315e2d;
        font-size: 0.82rem;
        font-weight: 850;
      }
      [data-twist-deck-page] {
        display: flex;
        flex-direction: column;
      }
      [data-twist-deck-page] > * { order: 20; }
      [data-twist-deck-page] > .quick-browse-page-hero { order: 1; }
      [data-twist-deck-page] > .side-directory-launcher-hero { order: 1; }
      [data-twist-deck-page] > #twist-deck { order: 2; }
      [data-twist-deck-page] > #starter-twists { order: 2; }
      [data-twist-deck-page] > .side-draw-drawer { order: 3; }
      [data-twist-deck-page] > .twist-board-launcher { order: 3; }
      [data-twist-deck-page] > .twist-mixer { order: 4; }
      [data-twist-deck-page] > .quick-browse-control-panel { order: 5; }
      [data-twist-deck-page] > .stud-ready-twist-path { order: 6; }
      [data-twist-deck-page] > #all-twist-decks { order: 7; }
      [data-twist-deck-page] .quick-browse-page-hero .quick-browse-stats,
      [data-twist-deck-page] .quick-browse-page-hero .static-note,
      [data-twist-deck-page] .twist-hero-actions,
      [data-twist-deck-page] .twist-hero-live-path,
      [data-twist-deck-page] .twist-deck-flow,
      [data-twist-deck-page] .static-hero-steps {
        display: none;
      }
      [data-twist-deck-page] .twist-hero-command-card {
        position: relative;
        display: grid;
        align-self: stretch;
        gap: 12px;
        min-height: 320px;
        overflow: hidden;
        padding: 18px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 24px;
        background:
          linear-gradient(180deg, rgba(15, 27, 45, 0.74), rgba(15, 27, 45, 0.9)),
          url("/assets/generated-redesign-v309/menu-twists-draw-card.jpg") center / cover no-repeat;
        color: #fffdf8;
        box-shadow: 0 22px 44px rgba(22, 32, 43, 0.18);
      }
      [data-twist-deck-page] .twist-hero-command-card span {
        color: rgba(255, 253, 248, 0.74);
        font-size: 0.7rem;
        font-weight: 950;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      [data-twist-deck-page] .twist-hero-command-card strong {
        max-width: 11ch;
        color: #fffdf8;
        font-size: clamp(1.8rem, 3.2vw, 2.65rem);
        line-height: 0.94;
      }
      [data-twist-deck-page] .twist-hero-command-card p {
        max-width: 34ch;
        margin: 0;
        color: rgba(255, 253, 248, 0.78);
        font-weight: 760;
        line-height: 1.38;
      }
      [data-twist-deck-page] .twist-hero-command-card div {
        display: grid;
        align-self: end;
        gap: 8px;
      }
      [data-twist-deck-page] .twist-hero-command-card a {
        display: inline-flex;
        min-height: 40px;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.94);
        color: #172232;
        font-size: 0.82rem;
        font-weight: 950;
        text-decoration: none;
      }
      [data-twist-deck-page] .twist-hero-command-card a:first-child {
        background: #62bfa3;
        color: #0c1b17;
      }
      .twist-board-launcher {
        display: grid;
        gap: 14px;
        padding: clamp(16px, 2.4vw, 22px);
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 24px;
        background:
          linear-gradient(135deg, rgba(237, 251, 244, 0.92), rgba(255, 253, 248, 0.96)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
        box-shadow: 0 18px 42px rgba(22, 32, 43, 0.07);
      }
      .stud-ready-twist-path {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: clamp(14px, 2.2vw, 20px);
        border: 1px solid rgba(95, 121, 255, 0.18);
        border-radius: 22px;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(240, 244, 255, 0.84)),
          linear-gradient(90deg, rgba(95, 121, 255, 0.08), rgba(49, 178, 138, 0.08));
        box-shadow: 0 14px 34px rgba(22, 32, 43, 0.06);
      }
      .stud-ready-twist-path h2,
      .stud-ready-twist-path p {
        margin: 0;
      }
      .stud-ready-twist-path h2 {
        font-size: clamp(1.15rem, 2vw, 1.55rem);
      }
      .stud-ready-twist-path p {
        max-width: 720px;
        color: var(--muted);
        font-weight: 760;
        line-height: 1.36;
      }
      .stud-ready-twist-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
      }
      .stud-ready-twist-actions a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .stud-ready-twist-actions a:first-child {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .twist-compact-section {
        overflow: hidden;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 22px;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(244, 250, 244, 0.86)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.1), rgba(95, 121, 255, 0.08));
        box-shadow: 0 14px 34px rgba(22, 32, 43, 0.06);
      }
      .twist-compact-section summary {
        display: flex;
        gap: 14px;
        align-items: center;
        justify-content: space-between;
        min-height: 82px;
        padding: 16px;
        cursor: pointer;
        list-style: none;
      }
      .twist-compact-section summary::-webkit-details-marker {
        display: none;
      }
      .twist-compact-section summary::after {
        content: "+";
        display: inline-grid;
        flex: 0 0 auto;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 999px;
        background: #172232;
        color: #fffdf8;
        font-size: 1.15rem;
        font-weight: 950;
        line-height: 1;
      }
      .twist-compact-section[open] summary::after {
        content: "-";
      }
      .twist-compact-section summary span {
        display: grid;
        gap: 4px;
        min-width: 0;
      }
      .twist-compact-section summary b {
        color: var(--ink);
        font-size: clamp(1.05rem, 2vw, 1.45rem);
        line-height: 1.05;
      }
      .twist-compact-section summary small {
        color: var(--muted);
        font-size: 0.84rem;
        font-weight: 760;
        line-height: 1.26;
      }
      .twist-compact-section summary em {
        display: inline-flex;
        min-height: 30px;
        align-items: center;
        padding: 0 10px;
        border-radius: 999px;
        background: #172232;
        color: #fffdf8;
        font-size: 0.72rem;
        font-style: normal;
        font-weight: 950;
        white-space: nowrap;
      }
      .twist-compact-section > .grid,
      .twist-compact-section > .landing-activity-grid {
        padding: 0 16px 16px;
      }
      .side-draw-drawer > .twist-deck {
        margin: 0 16px 16px;
      }
      .twist-board-launcher-head {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: end;
        justify-content: space-between;
      }
      .twist-board-launcher-head h2,
      .twist-board-launcher-head p {
        margin: 0;
      }
      .twist-board-launcher-head p {
        max-width: 760px;
        color: var(--muted);
        font-weight: 760;
      }
      .twist-board-start-choice {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }
      .twist-board-start-choice a {
        display: grid;
        align-content: center;
        gap: 5px;
        min-height: 54px;
        padding: 10px 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.82);
        color: var(--ink);
        font-weight: 930;
        line-height: 1.08;
        text-decoration: none;
      }
      .twist-board-start-choice a:first-child {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .twist-board-start-choice a span {
        color: #425468;
        font-size: 0.76rem;
        font-weight: 800;
        line-height: 1.2;
      }
      .twist-board-start-choice a:first-child span {
        color: rgba(255, 253, 248, 0.76);
      }
      .twist-board-popular-label {
        margin: 0;
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .twist-board-popular-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .twist-board-popular-row a {
        display: inline-flex;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 900;
        text-decoration: none;
      }
      .twist-board-popular-row a:first-child {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .twist-hero-board-strip {
        display: grid;
        gap: 8px;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(244, 250, 244, 0.78)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.1), rgba(95, 121, 255, 0.08));
      }
      .twist-hero-board-strip p {
        margin: 0;
        color: #315e2d;
        font-size: 0.7rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .twist-hero-board-strip .twist-board-popular-row {
        margin: 0;
      }
      .twist-hero-board-row {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 34px 4px 0;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
        -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 42px), rgba(0, 0, 0, 0.18) 100%);
        mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 42px), rgba(0, 0, 0, 0.18) 100%);
      }
      .twist-hero-board-row::-webkit-scrollbar {
        display: none;
      }
      .twist-hero-board-row .twist-hero-board-card {
        flex: 0 0 auto;
        min-width: 0;
        display: inline-flex;
        gap: 7px;
        min-height: 38px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        scroll-snap-align: start;
      }
      .twist-hero-board-row .twist-hero-board-card:first-child {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .twist-hero-board-card img {
        display: none;
      }
      .twist-hero-board-card::after {
        content: none;
      }
      .twist-hero-board-card strong {
        color: inherit;
        font-size: 0.8rem;
        line-height: 1.05;
      }
      .twist-hero-board-card span {
        display: inline-flex;
        min-width: 22px;
        min-height: 22px;
        align-items: center;
        justify-content: center;
        padding: 0 7px;
        border-radius: 999px;
        background: rgba(23, 34, 50, 0.08);
        color: inherit;
        font-size: 0.62rem;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
      }
      .twist-hero-board-row .twist-hero-board-card:first-child span {
        background: rgba(255, 253, 248, 0.18);
      }
      .twist-board-launcher-controls {
        display: grid;
        grid-template-columns: minmax(190px, 320px) minmax(190px, 320px) auto;
        gap: 10px;
        align-items: end;
        justify-content: start;
      }
      .twist-board-launcher-controls label {
        display: grid;
        gap: 5px;
      }
      .twist-board-launcher-controls label span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .twist-board-launcher-controls select,
      .twist-board-launcher-controls input {
        width: 100%;
        min-height: 44px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.9);
        color: var(--ink);
        font: inherit;
        font-weight: 850;
        outline: none;
      }
      .twist-board-launcher-controls a,
      .twist-board-launcher-card a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .twist-board-launcher-groups {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        padding-bottom: 6px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
      }
      .twist-board-launcher-groups::-webkit-scrollbar {
        display: none;
      }
      .twist-board-group {
        flex: 0 0 clamp(340px, 36vw, 470px);
        display: grid;
        gap: 8px;
        scroll-snap-align: start;
      }
      .twist-board-group[hidden] {
        display: none;
      }
      .twist-board-group h3 {
        margin: 0;
        color: var(--ink);
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.1;
      }
      .twist-board-launcher-featured {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(184px, 212px);
        grid-template-columns: none;
        gap: 10px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding-bottom: 4px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
      }
      .twist-board-launcher-featured::-webkit-scrollbar {
        display: none;
      }
      .twist-board-launcher-grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(210px, 240px);
        grid-template-columns: none;
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
      }
      .twist-board-launcher-grid::-webkit-scrollbar {
        display: none;
      }
      .twist-board-launcher-card {
        position: relative;
        display: grid;
        align-content: end;
        gap: 8px;
        min-height: 164px;
        min-width: 0;
        overflow: hidden;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 18px;
        background: #172232;
        color: #fffdf8;
        isolation: isolate;
        scroll-snap-align: start;
      }
      .twist-board-launcher-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
          linear-gradient(180deg, rgba(23, 34, 50, 0.08), rgba(23, 34, 50, 0.88)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.22), rgba(95, 121, 255, 0.14));
      }
      .twist-board-launcher-card-image {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(1.08) contrast(1.04);
      }
      .twist-board-launcher-card-copy {
        display: grid;
        gap: 6px;
        min-width: 0;
        padding: 11px;
      }
      .twist-board-launcher-card span {
        width: fit-content;
        padding: 5px 8px;
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.88);
        color: #172232;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .twist-board-launcher-card strong {
        color: #fffdf8;
        font-size: clamp(1.02rem, 1.5vw, 1.2rem);
        line-height: 1.08;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
      }
      .twist-board-launcher-card small {
        color: rgba(255, 253, 248, 0.82);
        font-size: 0.74rem;
        font-weight: 790;
        line-height: 1.22;
      }
      .twist-board-launcher-card-copy > div {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .twist-board-launcher-card .landing-action-primary {
        border-color: rgba(255, 255, 255, 0.72);
        background: #fffdf8;
        color: #172232;
      }
      .twist-board-launcher-card[hidden],
      .twist-board-popular-row a[hidden] {
        display: none;
      }
      .quick-browse-facts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        margin: 0;
      }
      .quick-browse-facts div {
        min-width: 0;
        padding: 8px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.66);
      }
      .quick-browse-facts dt {
        color: #315e2d;
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .quick-browse-facts dd {
        margin: 5px 0 0;
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 820;
        line-height: 1.18;
        overflow-wrap: anywhere;
      }
      .board-start-panel {
        display: grid;
        gap: 14px;
        margin-top: 20px;
      }
      .board-start-header {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: end;
        justify-content: space-between;
      }
      .board-start-header h2 {
        margin: 0;
      }
      .board-start-header p {
        max-width: 620px;
        margin: 0;
        color: var(--muted);
        font-weight: 760;
      }
      .board-quick-browse-strip {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        padding: 10px 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.74);
      }
      .board-quick-browse-strip strong {
        color: var(--ink);
        font-weight: 950;
      }
      .board-quick-browse-strip span {
        flex: 1 1 260px;
        color: var(--muted);
        font-size: 0.9rem;
        font-weight: 760;
        line-height: 1.32;
      }
      .board-quick-browse-strip a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 11px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fff;
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 900;
        text-decoration: none;
      }
      .board-start-shell {
        display: grid;
        grid-template-columns: minmax(0, 1.14fr) minmax(280px, 0.76fr);
        gap: 14px;
        align-items: stretch;
      }
      .board-start-lead {
        display: grid;
        grid-template-columns: minmax(180px, 0.62fr) minmax(0, 1fr);
        gap: 16px;
        margin: 0;
        padding: 12px;
      }
      .board-start-media {
        position: relative;
        overflow: hidden;
        min-height: 100%;
        margin: 0;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.78);
      }
      .board-start-media img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 240px;
        object-fit: cover;
      }
      .board-start-media span {
        position: absolute;
        left: 12px;
        top: 12px;
        padding: 6px 8px;
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.92);
        color: #172232;
        font-size: 0.64rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
      }
      .board-start-body {
        display: grid;
        align-content: center;
        gap: 10px;
        min-width: 0;
        padding: 4px;
      }
      .board-start-body h3 {
        margin: 0;
        font-size: clamp(1.35rem, 2.8vw, 2rem);
        line-height: 1;
      }
      .board-start-body h3 a {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
      }
      .board-start-body p {
        margin: 0;
      }
      .board-start-facts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
      }
      .board-start-fact {
        display: grid;
        gap: 4px;
        min-width: 0;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.68);
      }
      .board-start-fact span {
        color: #315e2d;
        font-size: 0.64rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
      }
      .board-start-fact strong {
        overflow-wrap: anywhere;
        color: var(--ink);
        font-size: 0.82rem;
        line-height: 1.12;
      }
      .board-start-list {
        display: grid;
        align-content: start;
        gap: 10px;
        margin: 0;
      }
      .board-start-list > summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 12px;
        align-items: center;
        min-height: 50px;
        padding: 12px 14px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.76);
        color: var(--ink);
        cursor: pointer;
        list-style: none;
      }
      .board-start-list > summary::-webkit-details-marker {
        display: none;
      }
      .board-start-list > summary span {
        display: grid;
        gap: 3px;
        min-width: 0;
      }
      .board-start-list > summary b {
        font-size: 1rem;
        line-height: 1.06;
      }
      .board-start-list > summary small {
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 760;
        line-height: 1.22;
      }
      .board-start-list > summary em {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 30px;
        padding: 0 10px;
        border-radius: 999px;
        background: rgba(49, 94, 45, 0.12);
        color: #315e2d;
        font-size: 0.72rem;
        font-style: normal;
        font-weight: 950;
        line-height: 1;
        white-space: nowrap;
      }
      .board-start-list > summary::after {
        content: "+";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #172232;
        color: #fffdf8;
        font-size: 1rem;
        font-weight: 950;
      }
      .board-start-list[open] > summary::after {
        content: "-";
      }
      .board-start-list[open] > summary {
        margin-bottom: 2px;
      }
      .board-start-list h3,
      .board-start-list p {
        margin: 0;
      }
      .board-start-list ul {
        display: grid;
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .board-start-list li {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.68);
      }
      .board-start-list a {
        display: grid;
        gap: 3px;
        min-width: 0;
        color: var(--ink);
        text-decoration: none;
      }
      .board-start-list a strong {
        font-size: 0.95rem;
        line-height: 1.08;
      }
      .board-start-list a span {
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 760;
        line-height: 1.24;
      }
      .board-filter-panel {
        display: grid;
        grid-template-columns: minmax(220px, 0.38fr) minmax(0, 1fr);
        gap: 18px;
        align-items: start;
        border-top: 0;
        margin-top: 22px;
        padding: 20px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 22px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.96), rgba(244, 250, 244, 0.84)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.14), rgba(95, 121, 255, 0.08));
        box-shadow: 0 14px 34px rgba(22, 32, 43, 0.07);
      }
      .board-filter-copy h2 { margin-bottom: 8px; }
      .board-filter-copy p {
        margin: 0;
        color: var(--muted);
        font-weight: 750;
      }
      .board-filter-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .board-filter-chips button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 38px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.78);
        color: #172232;
        font: inherit;
        font-size: 0.82rem;
        font-weight: 850;
        cursor: pointer;
      }
      .board-filter-chips button[aria-pressed="true"] {
        border-color: #315e2d;
        background: #315e2d;
        color: #fffdf8;
        box-shadow: 0 12px 24px rgba(49, 94, 45, 0.16);
      }
      .board-filter-chips strong {
        display: inline-grid;
        place-items: center;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 999px;
        background: rgba(22, 32, 43, 0.08);
        font-size: 0.72rem;
        line-height: 1;
      }
      .board-filter-chips button[aria-pressed="true"] strong {
        background: rgba(255, 253, 248, 0.18);
      }
      .board-filter-status {
        grid-column: 1 / -1;
        margin: 0;
        padding: 12px 14px;
        border: 1px solid rgba(239, 123, 82, 0.22);
        border-radius: 14px;
        background: rgba(255, 245, 238, 0.92);
        color: #6d3a22;
        font-weight: 800;
      }
      .static-board-body h3 a,
      .landing-idea-card h3 a {
        display: inline-flex;
        min-height: 40px;
        align-items: center;
        color: inherit;
        padding: 2px 0;
        text-decoration: none;
      }
      .static-board-body h3 a:hover,
      .landing-idea-card h3 a:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
      }
      .landing-open-link {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin: 14px 0 0;
      }
      .landing-open-link a {
        display: inline-flex;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        color: #172232;
        font-size: 0.76rem;
        font-weight: 950;
        line-height: 1.05;
        text-align: center;
        text-decoration: none;
      }
      .landing-open-link > a:first-child {
        border-color: rgba(22, 32, 43, 0.92);
        background: #172232;
        color: #fffdf8;
      }
      .landing-open-link--simple > span {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }
      .landing-open-link--simple > span a {
        min-height: 32px;
        padding-inline: 10px;
        background: rgba(20, 33, 49, 0.06);
        color: var(--muted);
        font-size: 0.72rem;
      }
      .landing-open-link .directory-card-more summary {
        min-height: 36px;
      }
      .landing-intent-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 14px;
      }
      .landing-intent-card {
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.72);
        padding: 18px;
        box-shadow: 0 14px 34px rgba(22, 32, 43, 0.07);
      }
      .landing-intent-card h3 {
        margin: 0 0 12px;
        font-size: 1.02rem;
      }
      .landing-intent-card ul {
        display: grid;
        gap: 9px;
        margin: 0;
        padding-left: 18px;
        color: var(--muted);
        font-weight: 700;
      }
      .activity-page-hero {
        grid-template-columns: minmax(0, 0.96fr) minmax(300px, 0.7fr);
        align-items: start;
        gap: clamp(14px, 2vw, 20px);
        padding: clamp(16px, 2.5vw, 24px);
      }
      .activity-page-hero .static-hero-copy {
        align-content: start;
        gap: 10px;
      }
      .activity-page-hero h1 {
        font-size: clamp(2.22rem, 4.7vw, 4.15rem);
        line-height: 0.94;
      }
      .activity-page-hero .lead {
        margin: 0;
        font-size: clamp(1rem, 1.55vw, 1.18rem);
        line-height: 1.28;
      }
      .activity-page-hero .activity-why-line {
        padding: 9px 11px;
        font-size: 0.9rem;
        line-height: 1.28;
      }
      .activity-page-hero .activity-hero-actions {
        margin-top: 4px;
      }
      .activity-page-hero .activity-hero-scoring-tray,
      .activity-page-hero .activity-hero-flow,
      .activity-page-hero .activity-play-kit-proof,
      .activity-page-hero .activity-page-quick-note {
        display: none;
      }
      .activity-page-mobile-media {
        display: none;
      }
      .activity-page-media {
        align-self: start;
        min-height: 0;
        aspect-ratio: 4 / 3;
      }
      .activity-page-media,
      .activity-page-mobile-media {
        position: relative;
        overflow: hidden;
        align-self: stretch;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 320px;
        margin: 0;
        box-sizing: border-box;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.86);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
      }
      .activity-page-hero > .activity-page-media {
        align-self: start;
        min-height: 0;
        aspect-ratio: 4 / 3;
      }
      .activity-page-media img,
      .activity-page-mobile-media img {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
      }
      .activity-page-media::after,
      .activity-page-mobile-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg, rgba(9, 16, 24, 0.78), rgba(9, 16, 24, 0.22) 54%, rgba(9, 16, 24, 0.04)),
          linear-gradient(0deg, rgba(9, 16, 24, 0.7), transparent 58%);
        pointer-events: none;
      }
      .activity-image-badge,
      .activity-image-phrase {
        position: absolute;
        z-index: 2;
        left: 16px;
        max-width: calc(100% - 32px);
      }
      .activity-image-badge {
        top: 16px;
        padding: 6px 9px;
        border: 1px solid rgba(255, 255, 255, 0.26);
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.9);
        color: #172232;
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-image-phrase {
        bottom: 48px;
        color: #fffdf8;
        font-size: clamp(1.65rem, 4vw, 3.2rem);
        font-weight: 950;
        letter-spacing: 0;
        line-height: 0.9;
        text-shadow: 0 12px 30px rgba(0, 0, 0, 0.38);
      }
      .board-page-media {
        align-self: center;
        aspect-ratio: 4 / 3;
        min-height: 0;
      }
      .activity-page-media figcaption {
        position: absolute;
        z-index: 2;
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 10px 12px;
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 14px;
        background: rgba(22, 32, 43, 0.72);
        color: #fffdf8;
        font-size: 0.78rem;
        font-weight: 800;
        backdrop-filter: blur(10px);
      }
      .activity-page-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(270px, 0.44fr);
        gap: 16px;
        align-items: start;
      }
      .activity-page-grid > article {
        margin: 0;
      }
      .quick-fact-grid,
      .mini-section-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
        margin: 14px 0 0;
      }
      .quick-fact,
      .mini-section {
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.68);
        padding: 12px;
      }
      .mini-section h3 {
        margin: 0 0 6px;
        color: var(--ink);
        font-size: 0.96rem;
        line-height: 1.16;
      }
      .mini-section p {
        margin: 0;
        color: var(--muted);
        font-size: 0.9rem;
        font-weight: 700;
        line-height: 1.38;
      }
      .quick-fact span {
        display: block;
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .quick-fact strong {
        display: block;
        color: var(--ink);
        font-size: 0.9rem;
        line-height: 1.16;
      }
      .activity-rule-list {
        counter-reset: activity-rule-step;
        display: grid;
        gap: 10px;
        margin: 14px 0 0;
        padding: 0;
        list-style: none;
      }
      .activity-rule-list li {
        counter-increment: activity-rule-step;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        border: 1px solid rgba(49, 178, 138, 0.16);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.68);
        padding: 12px;
      }
      .activity-rule-list li::before {
        content: counter(activity-rule-step);
        display: inline-grid;
        place-items: center;
        min-width: 28px;
        height: 28px;
        border-radius: 999px;
        background: rgba(49, 94, 45, 0.1);
        color: #315e2d;
        font-size: 0.72rem;
        font-weight: 900;
      }
      .activity-rule-more {
        margin-top: 10px;
      }
      .activity-rule-more summary {
        display: inline-flex;
        min-height: 40px;
        align-items: center;
        justify-content: center;
        padding: 0 14px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        cursor: pointer;
        font-size: 0.84rem;
        font-weight: 950;
        list-style: none;
      }
      .activity-rule-more summary::-webkit-details-marker {
        display: none;
      }
      .activity-rule-more summary::after {
        content: "+";
        margin-left: 8px;
        color: #315e2d;
        font-weight: 950;
      }
      .activity-rule-more[open] summary::after {
        content: "-";
      }
      .activity-rule-more .activity-rule-list {
        margin-top: 8px;
      }
      .activity-faq-list {
        display: grid;
        gap: 10px;
        margin: 14px 0 0;
      }
      .activity-faq-list details {
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.72);
        padding: 12px 14px;
      }
      .activity-faq-list summary {
        display: flex;
        min-height: 34px;
        align-items: center;
        cursor: pointer;
        color: var(--ink);
        font-weight: 900;
      }
      .board-summary-links {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0;
      }
      .board-summary-links a {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border: 1px solid rgba(49, 94, 45, 0.16);
        border-radius: 999px;
        background: rgba(241, 250, 246, 0.92);
        color: #172232;
        text-decoration: none;
      }
      .saved-pack-recipe-card ol a {
        display: inline-flex;
        min-height: 40px;
        align-items: center;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
      }
      .crawl-link-columns {
        columns: 2 260px;
        column-gap: 18px;
        padding: 0;
        list-style: none;
      }
      .crawl-link-columns li {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        break-inside: avoid;
        margin: 0 0 8px;
      }
      .crawl-link-columns a {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        justify-content: center;
        padding: 0 11px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.86);
        color: #172232;
        font-weight: 850;
        line-height: 1.08;
        text-decoration: none;
      }
      .crawl-link-columns .activity-context {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 6px;
        min-height: 28px;
        align-items: center;
        margin: 0;
      }
      .crawl-link-columns .activity-context span {
        display: inline-flex;
        min-height: 24px;
        align-items: center;
      }
      .activity-page-card {
        position: relative;
        overflow: hidden;
        border-color: rgba(49, 178, 138, 0.18);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 252, 246, 0.92)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.12), rgba(239, 123, 82, 0.08));
      }
      .activity-page-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 5px;
        background: linear-gradient(180deg, #31b28a, #5f79ff 58%, #ef7b52);
      }
      .activity-page-card h2,
      .activity-page-card h3,
      .activity-page-card p,
      .activity-page-card .landing-card-kicker {
        position: relative;
      }
      .activity-quick-start-card {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 0.74fr) minmax(360px, 1.26fr);
        gap: 16px;
        align-items: stretch;
        margin: 16px 0;
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 22px;
        overflow: hidden;
        background:
          radial-gradient(circle at top right, rgba(49, 178, 138, 0.2), transparent 34%),
          linear-gradient(135deg, rgba(23, 34, 50, 0.98), rgba(36, 48, 62, 0.96));
        color: #fffdf8;
        isolation: isolate;
        box-shadow: 0 20px 46px rgba(22, 32, 43, 0.16);
      }
      .activity-quick-start-card::before {
        content: "";
        position: absolute;
        inset: 0 0 0 auto;
        z-index: -2;
        width: min(48%, 560px);
        background:
          linear-gradient(90deg, rgba(23, 34, 50, 0.98), rgba(23, 34, 50, 0.52), rgba(23, 34, 50, 0.16)),
          var(--activity-quick-start-image, linear-gradient(135deg, rgba(49, 178, 138, 0.32), rgba(95, 121, 255, 0.2))) center / cover no-repeat;
        opacity: 0.82;
      }
      .activity-quick-start-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
          radial-gradient(circle at 18% 15%, rgba(189, 232, 193, 0.16), transparent 30%),
          linear-gradient(115deg, rgba(23, 34, 50, 0.26), transparent 58%);
        pointer-events: none;
      }
      .activity-quick-start-copy {
        display: grid;
        align-content: center;
        gap: 10px;
        min-width: 0;
      }
      .activity-quick-start-copy .eyebrow {
        color: #bde8c1;
      }
      .activity-quick-start-copy h2 {
        margin: 0;
        color: #fffdf8;
        font-size: clamp(2.35rem, 5vw, 3rem);
        line-height: 0.98;
      }
      .activity-quick-start-copy p:not(.eyebrow) {
        max-width: 620px;
        margin: 0;
        color: rgba(255, 253, 248, 0.82);
        font-size: 1.02rem;
        font-weight: 760;
        line-height: 1.4;
      }
      .activity-quick-start-path {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        align-items: center;
        max-width: 620px;
        padding: 7px;
        border: 1px solid rgba(189, 232, 193, 0.2);
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.08);
      }
      .activity-quick-start-path strong,
      .activity-quick-start-path span {
        display: inline-grid;
        place-items: center;
        min-height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        color: #fffdf8;
        font-size: 0.7rem;
        font-weight: 950;
        line-height: 1;
        white-space: nowrap;
      }
      .activity-quick-start-path strong {
        background: #bde8c1;
        color: #172232;
      }
      .activity-quick-start-path span {
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.1);
      }
      .activity-quick-start-panel {
        display: grid;
        gap: 12px;
        min-width: 0;
      }
      .activity-quick-start-readout,
      .activity-quick-start-facts,
      .activity-quick-start-steps {
        margin: 0;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 18px;
        background: rgba(255, 253, 248, 0.08);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }
      .activity-quick-start-readout {
        display: grid;
        gap: 6px;
        padding: 14px;
      }
      .activity-quick-start-readout span,
      .activity-quick-start-facts dt {
        color: #bde8c1;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .activity-quick-start-readout strong {
        color: #fffdf8;
        font-size: 1.12rem;
        line-height: 1.16;
      }
      .activity-quick-start-readout p {
        margin: 0;
        color: rgba(255, 253, 248, 0.78);
        font-size: 0.92rem;
        font-weight: 720;
        line-height: 1.38;
      }
      .activity-quick-start-facts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        overflow: hidden;
      }
      .activity-quick-start-facts div {
        display: grid;
        gap: 3px;
        min-width: 0;
        padding: 12px;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
      }
      .activity-quick-start-facts div:first-child {
        border-left: 0;
      }
      .activity-quick-start-facts dd {
        margin: 0;
        color: #fffdf8;
        font-size: 0.9rem;
        font-weight: 900;
        line-height: 1.18;
      }
      .activity-quick-start-scoring-label,
      .activity-quick-start-scoring-status {
        color: #bde8c1;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.12em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-quick-start-scoring-label {
        order: 3;
      }
      .activity-quick-start-command {
        display: grid;
        gap: 12px;
        padding: 14px;
        border: 1px solid rgba(189, 232, 193, 0.3);
        border-radius: 20px;
        background:
          radial-gradient(circle at top right, rgba(95, 121, 255, 0.18), transparent 42%),
          rgba(255, 253, 248, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
      }
      .activity-quick-start-command-copy {
        display: grid;
        gap: 5px;
        min-width: 0;
        order: 1;
      }
      .activity-quick-start-command-copy span {
        color: #bde8c1;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.12em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-quick-start-command-copy strong {
        color: #fffdf8;
        font-size: 1.32rem;
        line-height: 1.04;
      }
      .activity-quick-start-command-copy p {
        margin: 0;
        color: rgba(255, 253, 248, 0.8);
        font-size: 0.88rem;
        font-weight: 740;
        line-height: 1.34;
      }
      .activity-quick-start-command-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        order: 2;
      }
      .activity-quick-start-command-actions a,
      .activity-quick-start-command-actions button {
        appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        min-height: 42px;
        padding: 0 10px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: #fffdf8;
        cursor: pointer;
        font: inherit;
        font-size: 0.74rem;
        font-weight: 950;
        line-height: 1.08;
        text-align: center;
        text-decoration: none;
      }
      .activity-quick-start-command-actions .landing-action-primary {
        border-color: #bde8c1;
        background: #bde8c1;
        color: #172232;
      }
      .activity-quick-start-score-route {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin: -2px 0 0;
        color: rgba(255, 253, 248, 0.78);
        font-size: 0.78rem;
        font-weight: 780;
        line-height: 1.28;
        order: 5;
      }
      .activity-quick-start-score-route a {
        display: inline-flex;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border: 1px solid rgba(189, 232, 193, 0.32);
        border-radius: 999px;
        color: #bde8c1;
        font-size: 0.72rem;
        font-weight: 950;
        text-decoration: none;
      }
      .activity-quick-start-scoring {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        order: 4;
      }
      .activity-quick-start-score {
        appearance: none;
        display: grid;
        gap: 4px;
        min-width: 0;
        min-height: 72px;
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.08);
        color: #fffdf8;
        cursor: pointer;
        font: inherit;
        text-align: left;
      }
      .activity-quick-start-score[aria-pressed="true"] {
        border-color: #bde8c1;
        background: rgba(189, 232, 193, 0.16);
        box-shadow: inset 0 0 0 1px rgba(189, 232, 193, 0.18);
      }
      .activity-quick-start-score span {
        color: #bde8c1;
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }
      .activity-quick-start-score strong {
        color: #fffdf8;
        font-size: 0.88rem;
        line-height: 1.12;
      }
      .activity-quick-start-scoring-status {
        grid-column: 1 / -1;
        padding: 1px 0 0;
        color: rgba(189, 232, 193, 0.9);
        order: 6;
      }
      .activity-quick-start-steps {
        counter-reset: activity-quick-start-step;
        display: grid;
        gap: 0;
        padding: 0;
        list-style: none;
      }
      .activity-quick-start-steps li {
        counter-increment: activity-quick-start-step;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        padding: 11px 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        color: rgba(255, 253, 248, 0.88);
        font-weight: 850;
        line-height: 1.22;
      }
      .activity-quick-start-steps li:first-child {
        border-top: 0;
      }
      .activity-quick-start-steps li::before {
        content: counter(activity-quick-start-step, decimal-leading-zero);
        display: inline-grid;
        place-items: center;
        width: 30px;
        height: 30px;
        border-radius: 999px;
        background: #bde8c1;
        color: #172232;
        font-size: 0.72rem;
        font-weight: 950;
      }
      .activity-quick-start-facts,
      .activity-quick-start-steps {
        display: none;
      }
      .activity-fit-summary-card {
        display: grid;
        grid-template-columns: minmax(260px, 0.74fr) minmax(0, 1.26fr);
        gap: 14px;
        align-items: stretch;
        margin: 18px 0;
        padding: 16px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 22px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.98), rgba(247, 252, 246, 0.94)),
          radial-gradient(circle at top left, rgba(49, 178, 138, 0.14), transparent 32%);
        box-shadow: 0 18px 40px rgba(22, 32, 43, 0.1);
      }
      .activity-fit-summary-head {
        display: grid;
        align-content: center;
        gap: 8px;
        min-width: 0;
      }
      .activity-fit-summary-head h2 {
        margin: 0;
        color: var(--ink);
        font-size: clamp(1.9rem, 3.8vw, 3.25rem);
        line-height: 0.98;
      }
      .activity-fit-summary-head p:not(.eyebrow) {
        margin: 0;
        color: var(--muted);
        font-size: 0.98rem;
        font-weight: 760;
        line-height: 1.42;
      }
      .activity-fit-summary-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        min-width: 0;
      }
      .activity-fit-summary-item {
        display: grid;
        gap: 7px;
        min-width: 0;
        padding: 13px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.72);
      }
      .activity-fit-summary-item span {
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }
      .activity-fit-summary-item strong {
        color: var(--ink);
        font-size: 1.05rem;
        line-height: 1.12;
      }
      .activity-fit-summary-item p {
        margin: 0;
        color: var(--muted);
        font-size: 0.9rem;
        font-weight: 760;
        line-height: 1.36;
      }
      .activity-page-scoring-grid {
        margin: 18px 0 0;
      }
      .activity-reference-drawer {
        margin: 18px 0 0;
      }
      .activity-reference-drawer > details {
        overflow: hidden;
        border: 1px solid rgba(22, 32, 43, 0.11);
        border-radius: 22px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.98), rgba(247, 252, 246, 0.94)),
          radial-gradient(circle at top left, rgba(49, 178, 138, 0.12), transparent 34%);
        box-shadow: 0 16px 34px rgba(22, 32, 43, 0.09);
      }
      .activity-reference-drawer summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 68px;
        padding: 16px 18px;
        color: var(--ink);
        cursor: pointer;
        list-style: none;
      }
      .activity-reference-drawer summary::-webkit-details-marker {
        display: none;
      }
      .activity-reference-drawer summary span {
        display: block;
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }
      .activity-reference-drawer summary strong {
        display: block;
        margin-top: 3px;
        font-size: clamp(1.08rem, 2.8vw, 1.52rem);
        line-height: 1.04;
      }
      .activity-reference-drawer summary::after {
        content: "+";
        display: inline-grid;
        flex: 0 0 38px;
        place-items: center;
        width: 38px;
        height: 38px;
        border: 1px solid rgba(49, 94, 45, 0.18);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.72);
        color: #315e2d;
        font-size: 1.4rem;
        font-weight: 950;
        line-height: 1;
      }
      .activity-reference-drawer details[open] summary {
        border-bottom: 1px solid rgba(22, 32, 43, 0.08);
      }
      .activity-reference-drawer details[open] summary::after {
        content: "-";
      }
      .activity-reference-drawer-panel {
        display: grid;
        gap: 14px;
        padding: 14px;
      }
      .activity-reference-drawer .activity-fit-summary-card,
      .activity-reference-drawer .activity-page-section,
      .activity-reference-drawer .activity-page-grid {
        margin: 0;
      }
      .activity-reference-drawer .activity-fit-summary-card {
        box-shadow: none;
      }
      .activity-scoring-mode-card,
      .activity-group-setup-card {
        display: grid;
        align-content: start;
        gap: 14px;
      }
      .activity-scoring-head {
        display: grid;
        gap: 7px;
      }
      .activity-scoring-head span,
      .activity-scoring-option span,
      .activity-stud-checklist p,
      .activity-scoring-status {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }
      .activity-scoring-head h2,
      .activity-scoring-head p,
      .activity-scoring-option h3,
      .activity-scoring-option p,
      .activity-stud-checklist p,
      .activity-scoring-status {
        margin: 0;
      }
      .activity-scoring-head p,
      .activity-scoring-option p,
      .activity-group-setup-card p,
      .activity-stud-checklist li {
        color: var(--muted);
        font-size: 0.9rem;
        font-weight: 760;
        line-height: 1.36;
      }
      .activity-scoring-options {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }
      .activity-scoring-option {
        display: grid;
        gap: 8px;
        min-width: 0;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.7);
      }
      .activity-scoring-option.is-active {
        border-color: rgba(49, 94, 45, 0.34);
        background: linear-gradient(180deg, rgba(232, 243, 232, 0.82), rgba(255, 255, 255, 0.82));
        box-shadow: inset 0 0 0 1px rgba(49, 94, 45, 0.08);
      }
      .activity-scoring-option h3 {
        color: var(--ink);
        font-size: 1rem;
        line-height: 1.12;
      }
      .activity-scoring-option button,
      .activity-stud-checklist a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.14);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 950;
        text-align: center;
        text-decoration: none;
      }
      .activity-scoring-option button[aria-pressed="true"] {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .activity-stud-checklist {
        display: grid;
        gap: 10px;
        padding: 12px;
        border: 1px solid rgba(95, 121, 255, 0.2);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.78);
      }
      .activity-stud-checklist[hidden] {
        display: none;
      }
      .activity-stud-checklist ul {
        display: grid;
        gap: 7px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .activity-stud-checklist li {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 7px;
      }
      .activity-stud-checklist li::before {
        content: "";
        width: 8px;
        height: 8px;
        margin-top: 0.46em;
        border-radius: 999px;
        background: #31b28a;
      }
      .activity-stud-checklist p {
        color: var(--ink);
        letter-spacing: 0;
        text-transform: none;
      }
      .activity-scoring-status {
        width: fit-content;
        padding: 8px 10px;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 999px;
        background: rgba(232, 243, 232, 0.72);
        line-height: 1.2;
      }
      .activity-stud-use-card {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(220px, 0.58fr);
        gap: 14px;
        align-items: center;
        margin: 18px 0 0;
        padding: 16px;
        overflow: hidden;
        border: 1px solid rgba(229, 184, 88, 0.28);
        border-radius: 22px;
        background:
          radial-gradient(circle at 92% 8%, rgba(229, 184, 88, 0.24), transparent 32%),
          linear-gradient(135deg, #111a24, #1d2a38 66%, #253647);
        color: #fffdf8;
        box-shadow: 0 18px 38px rgba(22, 32, 43, 0.16);
      }
      .activity-stud-use-copy {
        display: grid;
        gap: 8px;
        min-width: 0;
      }
      .activity-stud-use-copy span {
        display: inline-flex;
        width: fit-content;
        max-width: 100%;
        align-items: center;
        gap: 7px;
        padding: 5px 9px 5px 5px;
        border: 1px solid rgba(229, 184, 88, 0.22);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: #f4d785;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.12em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-stud-use-copy img {
        width: 18px;
        height: 18px;
        border-radius: 50%;
      }
      .activity-stud-use-copy h2,
      .activity-stud-use-copy p {
        margin: 0;
      }
      .activity-stud-use-copy h2 {
        color: #fffdf8;
        font-size: clamp(1.65rem, 3.4vw, 2.45rem);
        line-height: 0.98;
      }
      .activity-stud-use-copy p {
        max-width: 680px;
        color: rgba(255, 253, 248, 0.78);
        font-size: 0.96rem;
        font-weight: 760;
        line-height: 1.35;
      }
      .activity-stud-use-facts {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        grid-column: 1 / -1;
      }
      .activity-stud-use-facts div {
        display: grid;
        gap: 4px;
        min-width: 0;
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.08);
      }
      .activity-stud-use-facts strong {
        color: #fffdf8;
        font-size: 0.92rem;
        line-height: 1.1;
      }
      .activity-stud-use-facts small {
        color: #f4d785;
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-stud-use-actions {
        display: grid;
        gap: 8px;
        min-width: 0;
      }
      .activity-stud-use-actions a,
      .activity-stud-use-actions button {
        appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        min-height: 40px;
        padding: 0 13px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.12);
        color: #fffdf8;
        cursor: pointer;
        font: inherit;
        font-size: 0.8rem;
        font-weight: 950;
        line-height: 1.05;
        text-align: center;
        text-decoration: none;
      }
      .activity-stud-use-actions .landing-action-primary {
        border-color: #f4d785;
        background: #f4d785;
        color: #16202b;
      }
      .share-copy {
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.72);
        color: #273445;
        font-size: 0.94rem;
        font-weight: 720;
        line-height: 1.45;
        overflow-wrap: anywhere;
        word-break: break-word;
      }
      .share-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin: 12px 0 0;
      }
      .share-actions a,
      .share-actions button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 40px;
        padding: 0 14px;
        border: 1px solid #ded5c6;
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        font: inherit;
        font-size: 0.9rem;
        font-weight: 900;
        text-decoration: none;
      }
      .share-actions a img {
        width: 16px;
        height: 16px;
        border-radius: 50%;
      }
      .share-actions .board-start-use-stud {
        border-color: rgba(229, 184, 88, 0.46);
        background: #fff7da;
        color: #172232;
      }
      .share-actions .landing-action-primary {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .activity-share-status {
        margin: 10px 0 0;
        color: #315e2d;
        font-size: 0.84rem;
        font-weight: 820;
        line-height: 1.34;
      }
      .activity-share-card-preview {
        display: grid;
        grid-template-columns: minmax(112px, 0.34fr) minmax(0, 1fr);
        gap: 12px;
        align-items: stretch;
        margin-top: 12px;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background:
          linear-gradient(135deg, rgba(255, 253, 248, 0.96), rgba(241, 251, 246, 0.82)),
          rgba(255, 255, 255, 0.76);
      }
      .activity-share-card-preview img {
        width: 100%;
        height: 100%;
        min-height: 120px;
        border-radius: 12px;
        object-fit: cover;
      }
      .activity-share-card-preview div {
        display: grid;
        align-content: center;
        gap: 5px;
        min-width: 0;
      }
      .activity-share-card-preview span {
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }
      .activity-share-card-preview strong {
        color: var(--ink);
        font-size: 1rem;
        font-weight: 950;
        line-height: 1.1;
      }
      .activity-share-card-preview p {
        margin: 0;
        color: #526271;
        font-size: 0.84rem;
        font-weight: 740;
        line-height: 1.34;
      }
      .soccer-setup-diagram {
        display: grid;
        gap: 8px;
        margin: 12px 0 14px;
        padding: 12px;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 16px;
        background: linear-gradient(135deg, rgba(232, 243, 232, 0.72), rgba(255, 255, 255, 0.78));
      }
      .soccer-setup-diagram svg {
        display: block;
        width: 100%;
        height: auto;
      }
      .soccer-setup-diagram rect {
        fill: rgba(49, 94, 45, 0.08);
        stroke: rgba(49, 94, 45, 0.32);
        stroke-width: 3;
      }
      .soccer-setup-diagram path {
        fill: none;
        stroke: rgba(49, 94, 45, 0.36);
        stroke-width: 2;
      }
      .soccer-setup-diagram .goal {
        fill: rgba(255, 253, 248, 0.72);
        stroke: rgba(23, 34, 50, 0.42);
      }
      .soccer-setup-diagram .cone {
        fill: #ef7b52;
        stroke: #fffdf8;
      }
      .soccer-setup-diagram .ball {
        fill: #172232;
        stroke: #fffdf8;
      }
      .soccer-setup-diagram .run {
        stroke: #5f79ff;
        stroke-width: 4;
        stroke-linecap: round;
      }
      .soccer-setup-diagram .pass {
        stroke: #31b28a;
        stroke-width: 4;
        stroke-linecap: round;
        stroke-dasharray: 10 8;
      }
      .soccer-setup-diagram text {
        fill: #172232;
        font-size: 16px;
        font-weight: 900;
        letter-spacing: 0;
      }
      .soccer-setup-diagram figcaption {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between;
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 820;
      }
      .soccer-setup-diagram figcaption strong {
        color: var(--ink);
      }
      .activity-next-actions ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .activity-next-actions a,
      .activity-next-actions button {
        appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 42px;
        box-sizing: border-box;
        padding: 0 14px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        cursor: pointer;
        font: inherit;
        font-size: 0.86rem;
        font-weight: 900;
        line-height: 1.08;
        text-align: center;
        text-decoration: none;
      }
      .activity-next-actions li:first-child a,
      .activity-next-actions button {
        border-color: rgba(49, 178, 138, 0.3);
        background: rgba(49, 178, 138, 0.12);
        color: #1d4d3b;
      }
      .activity-related-section .activity-context a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: #172232;
        font-weight: 900;
        text-decoration: none;
      }
      .activity-tool-card {
        display: grid;
        grid-column: 1 / -1;
        gap: 14px;
      }
      .activity-session-card .activity-tool-card {
        grid-column: auto;
        padding: 13px;
        border-color: rgba(49, 94, 45, 0.16);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(239, 248, 242, 0.82)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.1), rgba(229, 184, 88, 0.08));
      }
      .activity-session-card .activity-tool-card h2 {
        font-size: clamp(1.25rem, 2vw, 1.7rem);
        line-height: 1.02;
      }
      .activity-session-card {
        display: grid;
        grid-column: 1 / -1;
        gap: 14px;
        border-color: rgba(49, 94, 45, 0.22);
        background: linear-gradient(135deg, rgba(255, 253, 248, 0.96), rgba(232, 243, 232, 0.8));
      }
      .activity-session-card > .activity-play-kit-proof--session,
      .activity-session-card > [data-session-host-handoff],
      .activity-session-card > [data-session-launch-card],
      .activity-session-card > [data-session-live-flow],
      .activity-session-card > [data-session-tool-preview] {
        display: none;
      }
      .activity-session-drawer {
        display: grid;
        overflow: hidden;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 18px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 252, 246, 0.82)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.08), rgba(95, 121, 255, 0.05));
      }
      .activity-session-drawer > summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        min-height: 54px;
        padding: 12px;
        color: var(--ink);
        cursor: pointer;
        list-style: none;
      }
      .activity-session-drawer > summary::-webkit-details-marker {
        display: none;
      }
      .activity-session-drawer > summary::after {
        content: "+";
        display: inline-grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border: 1px solid rgba(49, 94, 45, 0.18);
        border-radius: 999px;
        background: #fffdf8;
        color: #315e2d;
        font-size: 1.18rem;
        font-weight: 950;
        line-height: 1;
      }
      .activity-session-drawer[open] > summary {
        border-bottom: 1px solid rgba(22, 32, 43, 0.08);
      }
      .activity-session-drawer[open] > summary::after {
        content: "-";
      }
      .activity-session-drawer > summary span {
        display: block;
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-drawer > summary strong {
        display: block;
        margin-top: 4px;
        color: var(--ink);
        font-size: 0.98rem;
        line-height: 1.12;
      }
      .activity-session-drawer > .activity-host-console,
      .activity-session-drawer > .activity-session-layout {
        margin: 10px;
      }
      .activity-session-drawer > .activity-host-console {
        box-shadow: none;
      }
      .activity-session-command {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 18px;
        overflow: hidden;
        background:
          linear-gradient(135deg, rgba(22, 32, 43, 0.96), rgba(38, 53, 71, 0.94)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.24), rgba(239, 123, 82, 0.14));
        color: #fffdf8;
        isolation: isolate;
        box-shadow:
          0 16px 34px rgba(22, 32, 43, 0.14),
          inset 0 1px 0 rgba(255, 255, 255, 0.1);
      }
      .activity-session-command::before {
        content: "";
        position: absolute;
        inset: 0 0 0 auto;
        z-index: -2;
        width: min(38%, 360px);
        background:
          linear-gradient(90deg, rgba(22, 32, 43, 0.98), rgba(22, 32, 43, 0.58), rgba(22, 32, 43, 0.08)),
          var(--activity-session-image, linear-gradient(135deg, rgba(49, 178, 138, 0.3), rgba(239, 123, 82, 0.2))) center / cover no-repeat;
        opacity: 0.76;
      }
      .activity-session-command::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(115deg, rgba(49, 178, 138, 0.12), transparent 58%);
        pointer-events: none;
      }
      .activity-session-command-copy {
        display: grid;
        gap: 4px;
        min-width: 0;
      }
      .activity-session-command-copy span,
      .activity-session-command-state span {
        color: rgba(255, 255, 255, 0.7);
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-command-copy strong {
        color: #fff;
        font-size: clamp(1.08rem, 2vw, 1.42rem);
        font-weight: 950;
        line-height: 1.05;
      }
      .activity-session-command-copy small {
        color: rgba(255, 255, 255, 0.78);
        font-size: 0.82rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .activity-session-command-actions {
        display: grid;
        grid-template-columns: repeat(4, minmax(74px, 1fr));
        gap: 7px;
        min-width: min(470px, 100%);
      }
      .activity-session-command-actions button,
      .activity-session-command-actions a,
      .activity-session-command-state a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        appearance: none;
        min-height: 38px;
        padding: 0 11px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.92);
        color: #16202b;
        cursor: pointer;
        font: inherit;
        font-size: 0.76rem;
        font-weight: 950;
        text-align: center;
        text-decoration: none;
      }
      .activity-session-command-actions button[data-session-start] {
        border-color: #e5b858;
        background: #e5b858;
        color: #16202b;
      }
      .activity-session-command-state {
        display: flex;
        grid-column: 1 / -1;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        justify-content: space-between;
        min-width: 0;
        padding-top: 2px;
      }
      .activity-session-command-state span {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 9px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
        color: rgba(255, 255, 255, 0.84);
      }
      .activity-session-command-state a {
        min-height: 38px;
        background: rgba(255, 255, 255, 0.12);
        color: #fffdf8;
      }
      .activity-session-card[data-session-stage="pack"] [data-session-live-status],
      .activity-session-card[data-session-stage="active"] [data-session-live-status],
      .activity-session-card[data-session-stage="result"] [data-session-live-status] {
        border-color: rgba(49, 178, 138, 0.34);
        background: rgba(49, 178, 138, 0.18);
        color: #fff;
      }
      .activity-session-handoff {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(49, 94, 45, 0.18);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(244, 250, 244, 0.84)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
      }
      .activity-session-handoff-copy {
        display: grid;
        gap: 8px;
        min-width: 0;
      }
      .activity-session-handoff-copy span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-handoff-copy strong {
        color: var(--ink);
        font-size: clamp(1.04rem, 1.45vw, 1.22rem);
        line-height: 1.1;
      }
      .activity-session-handoff-copy small {
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 770;
        line-height: 1.3;
      }
      .activity-session-handoff-list {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 7px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .activity-session-handoff-list li {
        display: grid;
        gap: 3px;
        min-width: 0;
        padding: 8px 9px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.7);
      }
      .activity-session-handoff-list b {
        color: var(--ink);
        font-size: 0.78rem;
        line-height: 1.1;
      }
      .activity-session-handoff-list em {
        color: var(--muted);
        font-size: 0.7rem;
        font-style: normal;
        font-weight: 760;
        line-height: 1.18;
      }
      .activity-session-handoff-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
        min-width: min(360px, 100%);
      }
      .activity-session-handoff-actions button,
      .activity-session-handoff-actions a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .activity-session-handoff-actions button[data-session-copy-host-brief],
      .activity-session-handoff-actions button[data-session-start] {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .activity-play-state-rail {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 8px;
      }
      .activity-play-state-rail span {
        display: grid;
        gap: 4px;
        min-width: 0;
        min-height: 76px;
        padding: 10px;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 14px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(237, 251, 244, 0.58));
      }
      .activity-play-state-rail b {
        color: var(--ink);
        font-size: 0.84rem;
        font-weight: 950;
        line-height: 1.05;
      }
      .activity-play-state-rail small {
        color: var(--muted);
        font-size: 0.7rem;
        font-weight: 760;
        line-height: 1.22;
      }
      .activity-session-flow-card {
        display: grid;
        gap: 7px;
      }
      .activity-session-flow-head {
        display: grid;
        gap: 4px;
        min-width: 0;
      }
      .activity-session-flow-head span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-flow-head strong {
        color: var(--ink);
        font-size: 0.98rem;
        line-height: 1.12;
      }
      .activity-session-flow {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .activity-session-flow li {
        display: grid;
        gap: 5px;
        min-width: 0;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.68);
      }
      .activity-session-flow a,
      .activity-session-flow button {
        display: grid;
        gap: 5px;
        appearance: none;
        width: 100%;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: inherit;
        cursor: pointer;
        font: inherit;
        letter-spacing: 0;
        text-align: left;
        text-decoration: none;
      }
      .activity-session-flow span {
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-flow strong {
        color: var(--ink);
        font-size: 0.95rem;
        line-height: 1.08;
      }
      .activity-session-flow small {
        color: var(--muted);
        font-size: 0.76rem;
        font-weight: 760;
        line-height: 1.25;
      }
      .activity-session-tool-preview {
        display: grid;
        gap: 4px;
        padding: 12px;
        border: 1px solid rgba(49, 94, 45, 0.18);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.72);
      }
      .activity-session-tool-preview summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        align-items: center;
        cursor: pointer;
        list-style: none;
      }
      .activity-session-tool-preview summary::-webkit-details-marker {
        display: none;
      }
      .activity-session-tool-preview summary::after {
        content: "Open";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 30px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.7rem;
        font-weight: 950;
        line-height: 1;
      }
      .activity-session-tool-preview[open] summary::after {
        content: "Close";
      }
      .activity-session-tool-preview span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-tool-preview strong {
        color: var(--ink);
        font-size: clamp(1.02rem, 1.3vw, 1.18rem);
        line-height: 1.12;
      }
      .activity-session-tool-preview small {
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 780;
        line-height: 1.3;
      }
      .activity-session-tool-strip {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        margin-top: 4px;
      }
      .activity-session-tool-strip b {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 26px;
        padding: 0 8px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.68rem;
        font-weight: 920;
        line-height: 1;
        white-space: nowrap;
      }
      .activity-session-scoring-bridge {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(49, 94, 45, 0.18);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.74);
      }
      .activity-session-scoring-bridge span {
        display: block;
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-scoring-bridge strong {
        display: block;
        margin-top: 4px;
        color: var(--ink);
        font-size: 1rem;
        line-height: 1.12;
      }
      .activity-session-scoring-bridge small {
        display: block;
        margin-top: 3px;
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .activity-session-scoring-bridge a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .activity-session-launch {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.76);
      }
      .activity-session-launch span {
        display: block;
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-launch strong {
        display: block;
        margin-top: 4px;
        color: var(--ink);
        font-size: 0.98rem;
        line-height: 1.12;
      }
      .activity-session-launch small {
        display: block;
        margin-top: 3px;
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .activity-session-launch-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
      }
      .activity-session-launch-actions button,
      .activity-session-launch-actions a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .activity-session-launch-actions button {
        border-color: rgba(22, 32, 43, 0.84);
        background: #172232;
        color: #fffdf8;
      }
      .activity-session-launch-actions button:not([data-session-start]) {
        border-color: rgba(22, 32, 43, 0.12);
        background: #fffdf8;
        color: var(--ink);
      }
      .activity-session-card[data-session-stage="setup"] [data-session-step="rules"],
      .activity-session-card[data-session-stage="pack"] [data-session-step="players"],
      .activity-session-card[data-session-stage="active"] [data-session-step="score"],
      .activity-session-card[data-session-stage="result"] [data-session-step="result"] {
        border-color: rgba(49, 178, 138, 0.34);
        background: rgba(49, 178, 138, 0.12);
      }
      .activity-session-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        align-items: start;
      }
      .activity-host-console {
        display: grid;
        gap: 12px;
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 18px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 248, 251, 0.9)),
          linear-gradient(135deg, rgba(22, 32, 43, 0.08), rgba(49, 178, 138, 0.08));
        scroll-margin-top: 18px;
      }
      .activity-host-console:focus {
        outline: 3px solid rgba(49, 178, 138, 0.34);
        outline-offset: 3px;
      }
      .activity-host-console[data-host-mode-state="active"] {
        border-color: rgba(49, 178, 138, 0.46);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(232, 243, 232, 0.94)),
          linear-gradient(135deg, rgba(22, 32, 43, 0.08), rgba(49, 178, 138, 0.12));
        box-shadow: 0 18px 52px rgba(31, 78, 59, 0.16);
      }
      .activity-host-console-head {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: end;
        justify-content: space-between;
      }
      .activity-host-console-head div {
        display: grid;
        gap: 4px;
        max-width: 620px;
      }
      .activity-host-console-head span,
      .activity-host-panel span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-host-console-head strong {
        color: var(--ink);
        font-size: 1.18rem;
        font-weight: 950;
        line-height: 1.08;
      }
      .activity-host-console-head small {
        color: var(--muted);
        font-size: 0.84rem;
        font-weight: 760;
        line-height: 1.35;
      }
      .activity-host-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }
      .activity-host-tabs a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.84);
        color: var(--ink);
        font-size: 0.76rem;
        font-weight: 900;
        text-decoration: none;
      }
      .activity-host-live-brief {
        display: grid;
        gap: 10px;
        padding: 12px;
        border: 1px solid rgba(49, 178, 138, 0.22);
        border-radius: 14px;
        background:
          linear-gradient(180deg, rgba(244, 250, 242, 0.92), rgba(255, 253, 248, 0.9)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.12), rgba(22, 32, 43, 0.05));
      }
      .activity-host-live-brief-main {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
      }
      .activity-host-live-copy {
        display: grid;
        gap: 4px;
        min-width: min(100%, 260px);
      }
      .activity-host-live-copy span,
      .activity-host-sequence span {
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-host-live-copy strong {
        color: var(--ink);
        font-size: 0.98rem;
        font-weight: 950;
        line-height: 1.12;
      }
      .activity-host-live-copy small {
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .activity-host-live-actions {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, auto));
        gap: 7px;
        align-items: center;
      }
      .activity-host-live-actions a,
      .activity-host-live-actions button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        appearance: none;
        min-height: 38px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.74rem;
        font-weight: 950;
        text-align: center;
        text-decoration: none;
      }
      .activity-host-live-actions button[data-session-start],
      .activity-host-live-actions button[data-session-result] {
        border-color: rgba(49, 178, 138, 0.34);
        background: rgba(49, 178, 138, 0.14);
        color: #1d4d3b;
      }
      .activity-host-readout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        padding: 11px 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 253, 248, 0.82);
      }
      .activity-host-readout div {
        display: grid;
        gap: 4px;
        min-width: 0;
      }
      .activity-host-readout span {
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-host-readout strong {
        color: var(--ink);
        font-size: 0.96rem;
        font-weight: 950;
        line-height: 1.1;
      }
      .activity-host-readout p {
        margin: 0;
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 780;
        line-height: 1.35;
      }
      .activity-host-readout button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        appearance: none;
        min-height: 38px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #172232;
        color: #fffdf8;
        cursor: pointer;
        font: inherit;
        font-size: 0.74rem;
        font-weight: 950;
        text-align: center;
      }
      .activity-host-sequence {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 7px;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .activity-host-sequence li {
        display: grid;
        gap: 3px;
        min-width: 0;
        padding: 9px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.72);
      }
      .activity-host-sequence strong {
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 950;
        line-height: 1.08;
      }
      .activity-host-sequence small {
        color: var(--muted);
        font-size: 0.68rem;
        font-weight: 760;
        line-height: 1.18;
      }
      .activity-host-console[data-host-mode-state="ready"] [data-host-state-step="brief"],
      .activity-host-console[data-host-mode-state="active"] [data-host-state-step="score"],
      .activity-host-console[data-host-mode-state="result"] [data-host-state-step="result"] {
        border-color: rgba(49, 178, 138, 0.34);
        background: rgba(49, 178, 138, 0.13);
        box-shadow: inset 0 0 0 1px rgba(49, 178, 138, 0.08);
      }
      .activity-host-panel-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
      }
      .activity-host-panel {
        display: grid;
        gap: 8px;
        min-width: 0;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.78);
        scroll-margin-top: 16px;
      }
      .activity-host-panel strong {
        color: var(--ink);
        font-size: 0.96rem;
        line-height: 1.1;
      }
      .activity-host-fact-row {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
      }
      .activity-host-fact-row span {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 8px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 999px;
        background: #fffdf8;
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-host-panel p,
      .activity-host-panel li,
      .activity-host-panel small {
        margin: 0;
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.32;
      }
      .activity-host-panel ul {
        display: grid;
        gap: 4px;
        margin: 0;
        padding-left: 18px;
      }
      .activity-host-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }
      .activity-host-actions a,
      .activity-host-actions button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        appearance: none;
        min-height: 38px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.74rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .activity-host-actions button[data-session-result],
      .activity-host-actions a[data-host-next-link] {
        border-color: rgba(49, 178, 138, 0.3);
        background: rgba(49, 178, 138, 0.12);
        color: #1d4d3b;
      }
      .activity-session-card.is-result-visible .activity-session-layout {
        grid-template-columns: minmax(0, 0.85fr) minmax(260px, 1fr);
      }
      .activity-session-panel,
      .activity-result-card {
        display: grid;
        gap: 10px;
        min-width: 0;
        scroll-margin-top: 16px;
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.74);
      }
      @media (min-width: 901px) {
        .activity-session-panel {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          align-items: start;
        }
        .activity-session-card.is-result-visible .activity-session-panel {
          grid-template-columns: minmax(0, 1fr);
        }
        .activity-session-actions--primary,
        .activity-session-status,
        .activity-session-setup {
          grid-column: 1 / -1;
        }
      }
      .activity-result-preview {
        display: grid;
        gap: 10px;
        padding: 12px;
        border: 1px solid rgba(49, 94, 45, 0.16);
        border-radius: 14px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(244, 250, 242, 0.9)),
          #f4faf2;
      }
      .activity-result-preview-media {
        position: relative;
        min-height: 138px;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: #172232;
      }
      .activity-result-preview-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(180deg, rgba(23, 34, 50, 0.02), rgba(23, 34, 50, 0.68)),
          linear-gradient(90deg, rgba(49, 94, 45, 0.24), rgba(23, 34, 50, 0));
        pointer-events: none;
      }
      .activity-result-preview-media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(1.05) contrast(1.04);
      }
      .activity-result-preview-media span {
        position: absolute;
        left: 10px;
        bottom: 10px;
        z-index: 1;
        max-width: calc(100% - 20px);
        padding: 6px 8px;
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 999px;
        color: #fff;
        background: rgba(23, 34, 50, 0.72);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-result-preview > span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-result-preview > strong {
        color: var(--ink);
        font-size: 1.05rem;
        font-weight: 950;
        line-height: 1.08;
      }
      .activity-result-preview > small {
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.32;
      }
      .activity-result-preview-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }
      .activity-result-preview-grid div {
        display: grid;
        gap: 4px;
        min-width: 0;
        padding: 9px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.78);
      }
      .activity-result-preview-grid em {
        color: #5d6570;
        font-size: 0.62rem;
        font-style: normal;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-result-preview-grid b {
        min-width: 0;
        color: #172232;
        font-size: 0.82rem;
        font-weight: 900;
        line-height: 1.22;
        overflow-wrap: anywhere;
      }
      .activity-result-next-move {
        display: grid;
        gap: 8px;
        padding: 12px;
        border: 1px solid rgba(49, 178, 138, 0.18);
        border-radius: 14px;
        background: rgba(241, 251, 246, 0.76);
      }
      .activity-result-next-move > span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-result-next-move > strong {
        color: var(--ink);
        font-size: 0.98rem;
        line-height: 1.12;
      }
      .activity-result-next-move > small {
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.32;
      }
      .activity-result-bridge-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 12px;
        min-width: 0;
        padding-top: 2px;
      }
      .activity-result-bridge-grid div {
        display: grid;
        gap: 4px;
        min-width: 0;
        padding-top: 8px;
        border-top: 1px solid rgba(49, 178, 138, 0.2);
      }
      .activity-result-bridge-grid span {
        color: #315e2d;
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-result-bridge-grid strong {
        min-width: 0;
        color: var(--ink);
        font-size: 0.84rem;
        font-weight: 950;
        line-height: 1.16;
        overflow-wrap: anywhere;
      }
      .activity-result-bridge-grid small {
        color: var(--muted);
        font-size: 0.74rem;
        font-weight: 760;
        line-height: 1.28;
      }
      .activity-result-command-strip {
        display: grid;
        gap: 10px;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 13px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 253, 248, 0.78)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.08), rgba(22, 32, 43, 0.04));
      }
      .activity-result-command-copy {
        display: grid;
        gap: 4px;
      }
      .activity-result-command-copy span,
      .activity-result-next-steps span {
        color: #315e2d;
        font-size: 0.64rem;
        font-weight: 950;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-result-command-copy strong {
        color: var(--ink);
        font-size: 0.94rem;
        font-weight: 950;
        line-height: 1.12;
      }
      .activity-result-command-copy small {
        color: var(--muted);
        font-size: 0.76rem;
        font-weight: 760;
        line-height: 1.28;
      }
      .activity-result-next-steps {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .activity-result-next-steps li {
        display: grid;
        gap: 3px;
        min-width: 0;
        padding: 8px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 11px;
        background: rgba(255, 255, 255, 0.72);
      }
      .activity-result-next-steps strong {
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 950;
        line-height: 1.08;
      }
      .activity-result-next-steps small {
        color: var(--muted);
        font-size: 0.68rem;
        font-weight: 760;
        line-height: 1.18;
      }
      .activity-result-next-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .activity-result-next-actions button,
      .activity-result-next-actions a,
      .activity-result-more summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 11px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .activity-result-more {
        min-width: 0;
      }
      .activity-result-more summary {
        list-style: none;
        user-select: none;
      }
      .activity-result-more summary::-webkit-details-marker {
        display: none;
      }
      .activity-result-more summary::after {
        content: "+";
        margin-left: 6px;
        font-weight: 950;
      }
      .activity-result-more[open] summary::after {
        content: "-";
      }
      .activity-result-more > span {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding-top: 8px;
      }
      .activity-result-next-actions button[data-session-copy-result="recap"] {
        border-color: rgba(22, 32, 43, 0.86);
        background: #172232;
        color: #fffdf8;
      }
      .activity-result-next-actions button[data-session-copy-result="next"] {
        border-color: rgba(49, 178, 138, 0.28);
        background: rgba(49, 178, 138, 0.11);
        color: #1d4d3b;
      }
      .activity-result-next-actions a[data-result-start-next-command],
      .activity-result-next-actions a[data-result-rematch-command] {
        border-color: rgba(49, 178, 138, 0.28);
        background: rgba(49, 178, 138, 0.11);
        color: #1d4d3b;
      }
      .activity-session-plan {
        display: grid;
        gap: 8px;
        padding: 12px;
        border: 1px solid rgba(49, 94, 45, 0.16);
        border-radius: 14px;
        background: rgba(232, 243, 232, 0.58);
      }
      .activity-session-plan span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-plan strong {
        color: var(--ink);
        font-size: 0.98rem;
        line-height: 1.1;
      }
      .activity-session-plan ul {
        display: grid;
        gap: 4px;
        margin: 0;
        padding: 0;
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 760;
        line-height: 1.32;
        list-style: none;
      }
      .activity-session-twist {
        display: grid;
        gap: 8px;
        padding: 12px;
        border: 1px solid rgba(99, 76, 154, 0.16);
        border-radius: 14px;
        background: rgba(248, 246, 255, 0.72);
      }
      .activity-session-twist span {
        color: #4a2365;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-twist strong {
        color: var(--ink);
        font-size: 0.98rem;
        line-height: 1.1;
      }
      .activity-session-twist p {
        margin: 0;
        color: var(--muted);
        font-size: 0.84rem;
        font-weight: 760;
        line-height: 1.35;
      }
      .activity-session-twist-readout {
        display: grid;
        gap: 4px;
        padding: 10px;
        border: 1px solid rgba(99, 76, 154, 0.14);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.76);
      }
      .activity-session-twist-readout b {
        color: var(--ink);
        font-size: 0.86rem;
        line-height: 1.32;
      }
      .activity-session-twist-status {
        padding: 8px 10px;
        border-radius: 999px;
        background: rgba(99, 76, 154, 0.1);
        color: #4a2365;
        font-size: 0.74rem;
        font-weight: 900;
        line-height: 1.2;
      }
      .activity-session-card[data-session-twist-stage="selected"] .activity-session-twist-status,
      .activity-session-card[data-session-twist-stage="pack"] .activity-session-twist-status {
        background: rgba(49, 178, 138, 0.12);
        color: #315e2d;
      }
      .activity-session-twist-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .activity-session-points {
        display: grid;
        gap: 9px;
        padding: 12px;
        border: 1px solid rgba(49, 178, 138, 0.18);
        border-radius: 14px;
        background: rgba(241, 251, 246, 0.72);
      }
      .activity-session-points > span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .activity-session-points p {
        margin: 0;
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .activity-session-points-board {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }
      .activity-session-point-team {
        display: grid;
        gap: 7px;
        min-width: 0;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.72);
      }
      .activity-session-point-team strong {
        color: var(--ink);
        font-size: 0.86rem;
        line-height: 1.05;
      }
      .activity-session-point-team output {
        color: #315e2d;
        font-size: 1.85rem;
        font-weight: 950;
        line-height: 0.95;
      }
      .activity-session-point-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
      }
      .activity-session-point-actions button,
      .activity-session-points > button {
        min-height: 40px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.78);
        color: var(--ink);
        cursor: pointer;
        font-size: 0.74rem;
        font-weight: 900;
      }
      .activity-session-panel label,
      .activity-result-card label {
        display: grid;
        gap: 5px;
        color: var(--muted);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .activity-session-panel input,
      .activity-result-card input {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        box-sizing: border-box;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.14);
        border-radius: 12px;
        background: #fffdf8;
        color: var(--ink);
        font: inherit;
        font-size: 0.92rem;
        font-weight: 760;
        letter-spacing: 0;
        text-transform: none;
      }
      .activity-session-actions,
      .activity-session-twist-actions,
      .activity-result-next-actions,
      .activity-result-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .activity-session-actions--primary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr) minmax(0, 1fr);
      }
      .activity-session-actions--setup,
      .activity-session-actions--utility {
        padding-top: 2px;
      }
      .activity-session-actions button,
      .activity-session-actions a,
      .activity-session-twist-actions button,
      .activity-result-actions button,
      .activity-result-actions a,
      .activity-result-actions .activity-result-more summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        appearance: none;
        min-height: 40px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.82rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .activity-session-actions--primary button,
      .activity-session-actions--primary a {
        min-height: 44px;
      }
      .activity-session-actions button[data-session-start],
      .activity-result-actions button[data-session-copy-result="full"] {
        border-color: rgba(22, 32, 43, 0.86);
        background: #172232;
        color: #fffdf8;
      }
      .activity-result-actions button[data-session-copy-result="recap"],
      .activity-result-actions button[data-session-copy-result="rematch"],
      .activity-result-actions button[data-session-copy-result="next"],
      .activity-result-actions a[data-session-rematch-link],
      .activity-result-actions a[data-session-next-link] {
        border-color: rgba(49, 178, 138, 0.28);
        background: rgba(49, 178, 138, 0.11);
        color: #1d4d3b;
      }
      .activity-result-actions a[data-session-submit-remix] {
        border-color: rgba(99, 76, 154, 0.22);
        background: rgba(248, 246, 255, 0.76);
        color: #4a2365;
      }
      .activity-result-actions .activity-result-more summary {
        color: #5d6570;
      }
      .activity-session-actions a[data-session-open-tools],
      .activity-session-actions button[data-session-result] {
        border-color: rgba(49, 178, 138, 0.32);
        background: rgba(49, 178, 138, 0.12);
        color: #1d4d3b;
      }
      .activity-session-actions--utility button {
        color: #5d6570;
      }
      .activity-session-status {
        min-height: 20px;
        margin: 0;
        color: #315e2d;
        font-size: 0.82rem;
        font-weight: 820;
        line-height: 1.35;
      }
      .activity-session-setup {
        display: grid;
        gap: 8px;
        margin: 0;
        padding: 12px;
        border: 1px solid rgba(49, 94, 45, 0.18);
        border-radius: 14px;
        background: rgba(232, 243, 232, 0.72);
        color: #273445;
        font-size: 0.86rem;
        line-height: 1.4;
      }
      .activity-session-setup[hidden] {
        display: none;
      }
      .activity-session-setup strong {
        color: #172232;
        font-size: 0.76rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .activity-session-setup ul {
        display: grid;
        gap: 5px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .activity-session-setup li {
        margin: 0;
        font-weight: 760;
      }
      @media (max-width: 900px) {
        main[data-featured-activity-page] {
          --activity-mobile-rail-card: min(286px, 82vw);
          --activity-mobile-wide-card: min(332px, 90vw);
        }
        main[data-featured-activity-page] .activity-page-section {
          margin-block: 12px;
        }
        main[data-featured-activity-page] .activity-page-section--rules-share,
        main[data-featured-activity-page] .activity-page-section--scoring,
        main[data-featured-activity-page] .activity-page-section--options,
        main[data-featured-activity-page] .activity-page-section--feedback-next {
          display: flex;
          align-items: flex-start;
          gap: 10px;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding: 1px 0 7px;
          scroll-padding-inline: 2px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        main[data-featured-activity-page] .activity-page-section--rules-share::-webkit-scrollbar,
        main[data-featured-activity-page] .activity-page-section--scoring::-webkit-scrollbar,
        main[data-featured-activity-page] .activity-page-section--options::-webkit-scrollbar,
        main[data-featured-activity-page] .activity-page-section--feedback-next::-webkit-scrollbar,
        main[data-featured-activity-page] .quick-fact-grid::-webkit-scrollbar,
        main[data-featured-activity-page] .mini-section-grid::-webkit-scrollbar,
        main[data-featured-activity-page] .play-tools-grid::-webkit-scrollbar,
        main[data-featured-activity-page] .activity-session-panel::-webkit-scrollbar,
        main[data-featured-activity-page] .activity-fit-summary-grid::-webkit-scrollbar,
        main[data-featured-activity-page] .activity-scoring-options::-webkit-scrollbar,
        main[data-featured-activity-page] .activity-related-section .landing-activity-grid::-webkit-scrollbar,
        main[data-featured-activity-page] .activity-related-section .link-list::-webkit-scrollbar {
          display: none;
        }
        main[data-featured-activity-page] .activity-page-section--rules-share > .activity-page-card,
        main[data-featured-activity-page] .activity-page-section--scoring > .activity-page-card,
        main[data-featured-activity-page] .activity-page-section--options > .activity-page-card,
        main[data-featured-activity-page] .activity-page-section--feedback-next > .activity-page-card {
          flex: 0 0 var(--activity-mobile-rail-card);
          min-width: 0;
          scroll-snap-align: start;
        }
        main[data-featured-activity-page] .activity-page-section--rules-share > #activity-rules,
        main[data-featured-activity-page] .activity-page-section--rules-share > #activity-share-tools,
        main[data-featured-activity-page] .activity-page-section--scoring > .activity-scoring-mode-card {
          flex-basis: var(--activity-mobile-wide-card);
        }
        main[data-featured-activity-page] .activity-page-card h2 {
          font-size: clamp(1.22rem, 6vw, 1.62rem);
          line-height: 1;
        }
        main[data-featured-activity-page] .activity-page-card h3 {
          font-size: clamp(1rem, 4.8vw, 1.18rem);
          line-height: 1.05;
        }
        main[data-featured-activity-page] .quick-fact-grid,
        main[data-featured-activity-page] .mini-section-grid,
        main[data-featured-activity-page] .activity-fit-summary-grid,
        main[data-featured-activity-page] .activity-scoring-options,
        main[data-featured-activity-page] .play-tools-grid,
        main[data-featured-activity-page] .activity-session-panel {
          display: flex;
          align-items: flex-start;
          gap: 8px;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding-bottom: 4px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        main[data-featured-activity-page] .quick-fact,
        main[data-featured-activity-page] .mini-section,
        main[data-featured-activity-page] .activity-fit-summary-item,
        main[data-featured-activity-page] .activity-scoring-option,
        main[data-featured-activity-page] .play-tool-panel,
        main[data-featured-activity-page] .activity-session-panel > * {
          flex: 0 0 min(238px, 74vw);
          min-width: 0;
          scroll-snap-align: start;
        }
        main[data-featured-activity-page] .quick-fact {
          flex-basis: min(148px, 44vw);
          padding: 9px;
        }
      main[data-featured-activity-page] .activity-fit-summary-item,
      main[data-featured-activity-page] .activity-scoring-option {
        padding: 10px;
          border-radius: 14px;
        }
        main[data-featured-activity-page] .activity-fit-summary-item p,
        main[data-featured-activity-page] .activity-scoring-option p,
        main[data-featured-activity-page] .mini-section p,
        main[data-featured-activity-page] .landing-idea-card p:not(.landing-card-kicker):not(.landing-open-link),
        main[data-featured-activity-page] .activity-detail.activity-group-note,
        main[data-featured-activity-page] .activity-use-note p {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        main[data-featured-activity-page] #activity-rules,
        main[data-featured-activity-page] #activity-share-tools {
          padding: 12px;
        }
        main[data-featured-activity-page] .activity-share-card-preview {
          grid-template-columns: 1fr;
          gap: 8px;
          margin-top: 10px;
          padding: 9px;
        }
        main[data-featured-activity-page] .activity-share-card-preview img {
          min-height: 128px;
          aspect-ratio: 16 / 9;
        }
        main[data-featured-activity-page] #activity-rules .landing-card-kicker {
          margin-bottom: 6px;
        }
        main[data-featured-activity-page] .activity-rule-list {
          gap: 7px;
          margin-top: 10px;
        }
        main[data-featured-activity-page] .activity-rule-list li {
          gap: 8px;
          padding: 9px;
          border-radius: 12px;
        }
        main[data-featured-activity-page] .activity-rule-list li::before {
          min-width: 24px;
          height: 24px;
          font-size: 0.66rem;
        }
        main[data-featured-activity-page] .activity-rule-list strong {
          font-size: 0.84rem;
          line-height: 1.24;
        }
        main[data-featured-activity-page] #activity-share-tools .share-copy {
          display: block;
          overflow: visible;
          padding: 10px;
          font-size: 0.78rem;
          line-height: 1.3;
          -webkit-line-clamp: unset;
        }
        main[data-featured-activity-page] #activity-share-tools .share-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        main[data-featured-activity-page] #activity-share-tools .share-actions > * {
          width: 100%;
          min-height: 44px;
          padding-inline: 7px;
          font-size: 0.7rem;
          line-height: 1.06;
          white-space: normal;
        }
        main[data-featured-activity-page] .activity-fit-summary-card {
          grid-template-columns: 1fr;
          gap: 9px;
          margin: 12px 0;
          padding: 12px;
          border-radius: 18px;
        }
        main[data-featured-activity-page] .activity-fit-summary-head {
          gap: 4px;
        }
        main[data-featured-activity-page] .activity-fit-summary-head h2 {
          font-size: clamp(1.35rem, 6.8vw, 1.82rem);
          line-height: 1;
        }
        main[data-featured-activity-page] .activity-fit-summary-head p:not(.eyebrow) {
          display: none;
        }
        main[data-featured-activity-page] .activity-scoring-head {
          gap: 5px;
        }
        main[data-featured-activity-page] .activity-scoring-head h2 {
          font-size: clamp(1.2rem, 5.6vw, 1.48rem);
        }
        main[data-featured-activity-page] .activity-scoring-head p {
          display: none;
        }
        main[data-featured-activity-page] .activity-scoring-option {
          flex-basis: min(198px, 66vw);
        }
        main[data-featured-activity-page] .activity-scoring-option button,
        main[data-featured-activity-page] .activity-stud-checklist a {
          min-height: 36px;
          padding-inline: 8px;
          font-size: 0.7rem;
        }
        main[data-featured-activity-page] .activity-stud-checklist {
          padding: 10px;
        }
        main[data-featured-activity-page] .activity-stud-checklist li {
          font-size: 0.78rem;
          line-height: 1.25;
        }
        main[data-featured-activity-page] .activity-session-card {
          gap: 8px;
          padding: 12px;
        }
        main[data-featured-activity-page] .activity-session-command {
          gap: 7px;
          padding: 9px;
        }
        main[data-featured-activity-page] .activity-session-command-actions {
          gap: 6px;
        }
        main[data-featured-activity-page] .activity-session-command-actions button,
        main[data-featured-activity-page] .activity-session-command-actions a {
          min-height: 38px;
          padding-inline: 7px;
          font-size: 0.68rem;
        }
        main[data-featured-activity-page] .activity-host-console {
          gap: 8px;
          padding: 10px;
          border-radius: 15px;
        }
        main[data-featured-activity-page] .activity-host-live-brief {
          padding: 9px;
        }
        main[data-featured-activity-page] .activity-host-sequence,
        main[data-featured-activity-page] .activity-host-panel-grid,
        main[data-featured-activity-page] .activity-tool-head .tracker-note {
          display: none;
        }
        main[data-featured-activity-page] .activity-host-live-actions {
          display: grid;
          grid-template-columns: repeat(5, minmax(0, 1fr));
          gap: 5px;
        }
        main[data-featured-activity-page] .activity-host-live-actions a,
        main[data-featured-activity-page] .activity-host-live-actions button {
          min-height: 34px;
          padding-inline: 4px;
          font-size: 0.6rem;
          line-height: 1.05;
        }
        main[data-featured-activity-page] .activity-host-readout {
          padding: 8px;
        }
        main[data-featured-activity-page] .activity-host-readout p {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        main[data-featured-activity-page] .activity-host-readout button {
          min-height: 36px;
          padding-inline: 8px;
          font-size: 0.68rem;
        }
        main[data-featured-activity-page] .activity-tool-card {
          gap: 8px;
          padding: 10px;
          border-radius: 15px;
        }
        main[data-featured-activity-page] .activity-session-drawer > summary {
          min-height: 48px;
          padding: 10px;
        }
        main[data-featured-activity-page] .activity-session-drawer > summary strong {
          font-size: 0.9rem;
        }
        main[data-featured-activity-page] .activity-session-drawer > .activity-host-console,
        main[data-featured-activity-page] .activity-session-drawer > .activity-session-layout {
          margin: 8px;
        }
        main[data-featured-activity-page] .activity-tool-head {
          gap: 7px;
        }
        main[data-featured-activity-page] .activity-tool-head h2 {
          font-size: 1.16rem;
        }
        main[data-featured-activity-page] .activity-tool-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 6px;
        }
        main[data-featured-activity-page] .activity-tool-actions a {
          min-height: 40px;
          padding-inline: 10px;
          font-size: 0.74rem;
        }
        main[data-featured-activity-page] .play-tool-panel {
          flex-basis: min(268px, 78vw);
          gap: 8px;
          padding: 10px;
          border-radius: 14px;
        }
        main[data-featured-activity-page] .play-timer-display {
          min-height: 52px;
          border-radius: 14px;
          font-size: 2rem;
        }
        main[data-featured-activity-page] .tracker-row {
          grid-template-columns: minmax(0, 1fr) auto auto;
          gap: 6px;
        }
        main[data-featured-activity-page] .tracker-row button {
          min-height: 40px;
          padding-inline: 9px;
          font-size: 0.72rem;
        }
        main[data-featured-activity-page] .tracker-row strong {
          font-size: 0.86rem;
        }
        main[data-featured-activity-page] .tracker-row span {
          font-size: 0.66rem;
        }
        main[data-featured-activity-page] .activity-session-panel {
          gap: 8px;
          padding: 10px;
          border-radius: 14px;
        }
        main[data-featured-activity-page] .activity-session-panel > * {
          flex-basis: min(258px, 78vw);
        }
        main[data-featured-activity-page] .activity-session-plan,
        main[data-featured-activity-page] .activity-session-twist,
        main[data-featured-activity-page] .activity-session-points {
          padding: 9px;
          border-radius: 13px;
        }
        main[data-featured-activity-page] .activity-session-plan {
          display: none;
        }
        main[data-featured-activity-page] .activity-session-twist-readout,
        main[data-featured-activity-page] .activity-session-twist-status {
          display: none;
        }
        main[data-featured-activity-page] .activity-session-plan li,
        main[data-featured-activity-page] .activity-session-twist p,
        main[data-featured-activity-page] .activity-session-twist-readout b,
        main[data-featured-activity-page] .activity-session-points p {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        main[data-featured-activity-page] .activity-fit-summary-item strong,
        main[data-featured-activity-page] .activity-fit-summary-item p strong,
        main[data-featured-activity-page] #activity-rules .quick-fact strong {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        main[data-featured-activity-page] .activity-rule-more summary {
          width: 100%;
          min-height: 44px;
        }
        main[data-featured-activity-page] .activity-session-actions--primary,
        main[data-featured-activity-page] .activity-session-actions--setup,
        main[data-featured-activity-page] .activity-session-actions--utility,
        main[data-featured-activity-page] .activity-session-twist-actions {
          align-content: start;
        }
        main[data-featured-activity-page] .activity-session-twist-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        main[data-featured-activity-page] .activity-session-twist-actions button {
          min-height: 36px;
          padding-inline: 7px;
          font-size: 0.68rem;
          line-height: 1.06;
        }
        main[data-featured-activity-page] .activity-session-twist-actions button[data-session-use-twist] {
          grid-column: 1 / -1;
        }
        main[data-featured-activity-page] .activity-use-note {
          padding: 12px;
          border-radius: 16px;
        }
        main[data-featured-activity-page] .activity-use-note h2 {
          font-size: clamp(1.22rem, 6vw, 1.6rem);
          line-height: 1;
        }
        main[data-featured-activity-page] .activity-use-note h3 {
          margin-top: 10px;
          font-size: 0.92rem;
        }
        main[data-featured-activity-page] [data-playability-feedback] .tracker-note,
        main[data-featured-activity-page] [data-playability-feedback] .feedback-status {
          display: none;
        }
        main[data-featured-activity-page] .feedback-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        main[data-featured-activity-page] .feedback-actions button,
        main[data-featured-activity-page] .activity-next-actions a,
        main[data-featured-activity-page] .activity-next-actions button {
          min-height: 40px;
          padding-inline: 10px;
          font-size: 0.76rem;
          line-height: 1.06;
        }
        main[data-featured-activity-page] .activity-related-section {
          display: grid;
          gap: 8px;
          margin-top: 12px;
          padding: 12px;
          border: 1px solid rgba(22, 32, 43, 0.08);
          border-radius: 18px;
          background:
            linear-gradient(135deg, rgba(255, 253, 248, 0.94), rgba(241, 250, 246, 0.82)),
            rgba(255, 255, 255, 0.82);
          box-shadow: 0 12px 28px rgba(23, 34, 50, 0.06);
        }
        main[data-featured-activity-page] .activity-related-section h2 {
          margin: 0;
          font-size: clamp(1.28rem, 6vw, 1.68rem);
          line-height: 1;
        }
        main[data-featured-activity-page] .activity-related-section .activity-context {
          margin: 0;
          font-size: 0.8rem;
          line-height: 1.25;
        }
        main[data-featured-activity-page] .activity-related-section .landing-activity-grid,
        main[data-featured-activity-page] .activity-related-section .link-list {
          display: grid;
          grid-template-columns: 1fr;
          gap: 9px;
          overflow: visible;
          padding: 0;
        }
        main[data-featured-activity-page] .activity-related-section .landing-idea-card {
          width: 100%;
          box-sizing: border-box;
          padding: 12px;
          scroll-snap-align: start;
        }
        main[data-featured-activity-page] .activity-related-section--board .landing-idea-card {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 6px 8px;
          align-items: center;
          padding: 10px;
        }
        main[data-featured-activity-page] .activity-related-section--board .landing-idea-card .landing-card-kicker {
          grid-column: 1 / -1;
          gap: 5px;
          margin: 0;
        }
        main[data-featured-activity-page] .activity-related-section--board .landing-idea-card h3 {
          margin: 0;
          font-size: 1rem;
          line-height: 1.08;
        }
        main[data-featured-activity-page] .activity-related-section--board .landing-idea-card > p:not(.landing-card-kicker):not(.landing-open-link) {
          display: none;
        }
        main[data-featured-activity-page] .activity-related-section--board .landing-idea-card .landing-open-link {
          margin: 0;
        }
        main[data-featured-activity-page] .activity-related-section--board .landing-idea-card .landing-open-link a {
          min-height: 38px;
          padding-inline: 11px;
          font-size: 0.72rem;
          white-space: nowrap;
        }
        main[data-featured-activity-page] .activity-related-section .landing-idea-card .activity-detail {
          display: none;
        }
        main[data-featured-activity-page] .activity-related-section .link-list li {
          margin: 0;
          scroll-snap-align: start;
        }
        main[data-featured-activity-page] .activity-related-section .link-list a {
          height: 100%;
          min-height: 52px;
          box-sizing: border-box;
          padding: 10px 12px;
          border-radius: 14px;
        }
      }
      .activity-result-card[hidden] {
        display: none;
      }
      .play-tools-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      .activity-tool-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: end;
      }
      .activity-tool-head h2 {
        margin: 0;
      }
      .activity-tool-head .tracker-note {
        max-width: 58ch;
        margin-top: 6px;
      }
      .activity-tool-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
      }
      .activity-tool-actions a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.82rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .activity-tool-actions a:first-child {
        border-color: rgba(22, 32, 43, 0.86);
        background: #172232;
        color: #fffdf8;
      }
      .play-tool-panel {
        display: grid;
        gap: 10px;
        min-width: 0;
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.72);
      }
      .play-tool-panel h3 {
        margin: 0;
        color: var(--ink);
        font-size: 1rem;
        line-height: 1.08;
      }
      .play-timer-display {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 70px;
        border: 1px solid rgba(49, 178, 138, 0.18);
        border-radius: 18px;
        background: linear-gradient(135deg, rgba(49, 178, 138, 0.12), rgba(255, 255, 255, 0.78));
        color: var(--ink);
        font-size: clamp(2rem, 6vw, 3rem);
        font-weight: 950;
        letter-spacing: 0;
        line-height: 1;
      }
      .play-tool-actions,
      .score-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }
      .play-tool-actions button,
      .score-row button {
        appearance: none;
        min-width: 42px;
        min-height: 42px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.82rem;
        font-weight: 900;
      }
      .play-tool-actions button[data-timer-toggle],
      .score-row button[data-score-adjust="1"] {
        border-color: rgba(22, 32, 43, 0.86);
        background: #172232;
        color: #fffdf8;
      }
      .scoreboard {
        display: grid;
        gap: 10px;
      }
      .score-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto auto;
      }
      .score-label {
        display: grid;
        gap: 1px;
        min-width: 0;
      }
      .score-label span {
        color: var(--muted);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .score-label strong {
        color: var(--ink);
        font-size: 1.5rem;
        line-height: 1;
      }
      .score-row--note .score-label strong {
        font-size: 1rem;
        line-height: 1.16;
      }
      .tracker-note {
        margin: 0;
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 740;
        line-height: 1.35;
      }
      .horse-letters {
        display: flex;
        min-height: 42px;
        flex-wrap: nowrap;
        gap: 6px;
        align-items: center;
      }
      .horse-letter {
        display: inline-flex;
        width: 34px;
        height: 34px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.85rem;
        font-weight: 950;
      }
      .horse-letter--empty {
        color: rgba(69, 88, 103, 0.46);
      }
      .tracker-table {
        display: grid;
        gap: 8px;
      }
      .tracker-row {
        display: grid;
        grid-template-columns: minmax(86px, 1fr) minmax(74px, auto) auto auto;
        gap: 8px;
        align-items: center;
      }
      .tracker-row--summary,
      .tracker-row--note {
        grid-template-columns: minmax(0, 1fr) auto;
      }
      .tracker-row--player {
        padding: 8px 10px;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 12px;
        background: rgba(232, 243, 232, 0.54);
      }
      .tracker-row strong {
        color: var(--ink);
        font-size: 1rem;
        font-weight: 950;
      }
      .tracker-row span {
        color: var(--muted);
        font-size: 0.76rem;
        font-weight: 900;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        text-align: right;
      }
      .tracker-row--note span {
        display: block;
        margin-top: 2px;
        text-align: left;
      }
      .tracker-row button {
        appearance: none;
        min-width: 42px;
        min-height: 42px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
      }
      .tracker-row button[data-golf-adjust="1"],
      .tracker-row button[data-shootout-kind="goal"],
      .tracker-row button[data-target-kind="hit"],
      .tracker-row button[data-ladder-adjust="1"],
      .tracker-row button[data-route-action="next"],
      .tracker-row button[data-route-action="team-a"],
      .tracker-row button[data-route-action="team-b"],
      .tracker-row button[data-rotation-action="holder"],
      .tracker-row button[data-rotation-action="challenger"] {
        border-color: rgba(22, 32, 43, 0.86);
        background: #172232;
        color: #fffdf8;
      }
      .feedback-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }
      .feedback-actions button {
        appearance: none;
        min-height: 38px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.82rem;
        font-weight: 900;
      }
      .feedback-actions button[aria-pressed="true"] {
        border-color: rgba(49, 178, 138, 0.44);
        background: rgba(49, 178, 138, 0.14);
      }
      .feedback-status {
        margin: 0;
        color: var(--muted);
        font-size: 0.84rem;
        font-weight: 760;
      }
      .qr-panel {
        display: none;
        grid-template-columns: 136px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        margin-top: 12px;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.78);
      }
      .qr-panel.is-visible {
        display: grid;
      }
      .qr-panel img {
        width: 136px;
        height: 136px;
        border-radius: 12px;
        background: #fff;
      }
      .qr-panel p {
        margin: 0;
        color: var(--muted);
        font-size: 0.88rem;
        font-weight: 720;
        line-height: 1.36;
      }
      .copy-share-button {
        appearance: none;
        border: 1px solid rgba(49, 178, 138, 0.28);
        border-radius: 999px;
        background: linear-gradient(135deg, rgba(49, 178, 138, 0.16), rgba(95, 121, 255, 0.12));
        color: #16202b;
        cursor: pointer;
        font: inherit;
        font-size: 0.86rem;
        font-weight: 900;
        min-height: 42px;
        padding: 10px 16px;
        text-decoration: none;
        transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
      }
      .copy-share-button:hover,
      .copy-share-button:focus-visible {
        border-color: rgba(49, 178, 138, 0.48);
        background: linear-gradient(135deg, rgba(49, 178, 138, 0.24), rgba(95, 121, 255, 0.18));
        transform: translateY(-1px);
      }
      .copy-share-button.is-copied {
        background: #16202b;
        border-color: #16202b;
        color: #fff;
      }
      .copy-share-button.is-saved {
        border-color: rgba(49, 178, 138, 0.48);
        background: rgba(49, 178, 138, 0.16);
      }
      .saved-game-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 340px));
        align-items: start;
        gap: 12px;
      }
      .event-report-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 12px;
      }
      .saved-games-dashboard {
        display: grid;
        gap: 12px;
      }
      .saved-games-stat-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
        gap: 12px;
      }
      .saved-games-stat-grid article {
        margin: 0;
      }
      .saved-games-stat-grid span {
        color: var(--muted);
        font-size: 0.72rem;
        font-weight: 950;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .saved-games-stat-grid strong {
        display: block;
        margin: 4px 0;
        color: var(--ink);
        font-size: clamp(1.35rem, 3vw, 2.4rem);
        line-height: 1;
      }
      .saved-games-stat-grid small,
      .saved-game-card small {
        color: var(--muted);
        font-weight: 760;
      }
      .saved-game-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .saved-game-meta span {
        min-height: 24px;
        padding: 4px 8px;
        border: 1px solid rgba(49, 178, 138, 0.2);
        border-radius: 999px;
        background: rgba(49, 178, 138, 0.08);
        color: #315e2d;
        font-size: 0.72rem;
        font-weight: 900;
      }
      .saved-games-toolbar {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .saved-games-section-head {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: end;
        justify-content: space-between;
      }
      .saved-games-section-head h2,
      .saved-games-section-head p {
        margin: 0;
      }
      .saved-games-section-head > div {
        display: grid;
        gap: 4px;
        max-width: 660px;
      }
      .saved-play-queue {
        display: grid;
        gap: 12px;
      }
      .saved-session-page .saved-play-queue {
        position: relative;
        padding: 18px;
        border: 1px solid rgba(49, 178, 138, 0.22);
        border-radius: 24px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 244, 0.86)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
        box-shadow: 0 18px 44px rgba(26, 48, 36, 0.08);
      }
      .saved-session-page .saved-play-queue::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 5px;
        border-radius: 24px 24px 0 0;
        background: linear-gradient(90deg, rgba(49, 178, 138, 0.82), rgba(255, 196, 69, 0.82), rgba(95, 121, 255, 0.72));
      }
      .saved-session-page .saved-play-queue .saved-games-section-head h2 {
        font-size: clamp(1.9rem, 4vw, 3.15rem);
        letter-spacing: 0;
      }
      .saved-session-page .saved-play-queue [data-play-queue-status] {
        margin: 0;
        padding: 10px 12px;
        border-left: 3px solid rgba(49, 178, 138, 0.5);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.72);
      }
      .saved-session-page .saved-game-grid[data-play-queue-list] {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
      }
      .saved-session-page .saved-games-dashboard {
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.58);
      }
      .saved-pack-recipes {
        display: grid;
        gap: 12px;
      }
      .saved-first-run-wizard {
        display: grid;
        gap: 12px;
        padding: 14px;
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 22px;
        background:
          linear-gradient(135deg, rgba(237, 251, 244, 0.9), rgba(255, 253, 248, 0.95)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
        box-shadow: 0 14px 32px rgba(26, 48, 36, 0.07);
      }
      .saved-first-run-more {
        display: grid;
        gap: 10px;
        min-width: 0;
      }
      .saved-first-run-more summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        min-height: 38px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font-size: 0.8rem;
        font-weight: 900;
        list-style: none;
      }
      .saved-first-run-more summary::-webkit-details-marker {
        display: none;
      }
      .saved-first-run-more summary::after {
        content: "+";
        margin-left: 8px;
        font-weight: 950;
      }
      .saved-first-run-more[open] summary::after {
        content: "-";
      }
      .saved-first-run-more:not([open]) > .saved-quick-builder-grid {
        display: none;
      }
      .saved-quick-builder {
        display: grid;
        gap: 12px;
      }
      .saved-quick-builder-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
        gap: 10px;
      }
      .saved-quick-builder-grid button,
      .saved-quick-builder-grid a {
        display: grid;
        gap: 5px;
        min-height: 96px;
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 16px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 244, 0.84)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.08), rgba(95, 121, 255, 0.06));
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        text-align: left;
        text-decoration: none;
      }
      .saved-quick-builder-grid button:hover,
      .saved-quick-builder-grid button:focus-visible,
      .saved-quick-builder-grid a:hover,
      .saved-quick-builder-grid a:focus-visible {
        border-color: rgba(49, 178, 138, 0.36);
        box-shadow: 0 10px 24px rgba(26, 48, 36, 0.08);
      }
      .saved-quick-builder-grid span {
        color: var(--ink);
        font-size: 0.96rem;
        font-weight: 950;
        line-height: 1.12;
      }
      .saved-quick-builder-grid small {
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .saved-scenario-starts {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
        gap: 10px;
      }
      .saved-scenario-start-card {
        display: grid;
        gap: 8px;
        min-width: 0;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.76);
      }
      .saved-scenario-start-card h3,
      .saved-scenario-start-card p {
        margin: 0;
      }
      .saved-scenario-start-card > span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .saved-scenario-start-card p {
        color: var(--muted);
        font-size: 0.84rem;
        font-weight: 760;
        line-height: 1.34;
      }
      .saved-scenario-start-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }
      .saved-scenario-start-actions a,
      .saved-scenario-start-actions button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.76rem;
        font-weight: 900;
        text-decoration: none;
      }
      .saved-scenario-start-actions button:first-child,
      .saved-scenario-start-actions a:first-child {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .saved-pack-recipe-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
        gap: 12px;
      }
      .starter-pack-hero-setups {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 148px), 1fr));
        gap: 8px;
        margin-top: 6px;
      }
      .starter-pack-hero-setup-card {
        display: grid;
        gap: 7px;
        min-width: 0;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 16px;
        background: rgba(255, 253, 248, 0.82);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
      }
      .starter-pack-hero-setup-card > span {
        color: #315e2d;
        font-size: 0.64rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .starter-pack-hero-setup-card strong {
        color: var(--ink);
        font-size: 0.94rem;
        font-weight: 950;
        line-height: 1.05;
      }
      .starter-pack-hero-setup-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
      }
      .starter-pack-hero-setup-actions a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 8px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.72rem;
        font-weight: 900;
        line-height: 1.05;
        text-align: center;
        text-decoration: none;
      }
      .starter-pack-hero-setup-actions .landing-action-primary {
        border-color: #172232;
        background: #172232;
        color: #fffdf8;
      }
      .starter-pack-fact-strip {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        align-items: center;
      }
      .starter-pack-fact-strip span {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        max-width: 100%;
        padding: 0 7px;
        border: 1px solid rgba(49, 178, 138, 0.16);
        border-radius: 999px;
        background: rgba(237, 251, 244, 0.78);
        color: #1f6552;
        font-size: 0.64rem;
        font-weight: 850;
        line-height: 1;
      }
      .starter-pack-fact-strip--compact span {
        min-height: 22px;
        padding-inline: 6px;
        font-size: 0.58rem;
      }
      .starter-pack-situation-picker {
        display: grid;
        gap: 14px;
        margin-top: 16px;
        padding: clamp(14px, 2.4vw, 22px);
        border: 1px solid rgba(49, 94, 45, 0.14);
        border-radius: 24px;
        background:
          linear-gradient(135deg, rgba(237, 251, 244, 0.92), rgba(255, 253, 248, 0.96)),
          linear-gradient(90deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
        box-shadow: 0 18px 42px rgba(22, 32, 43, 0.07);
      }
      .starter-pack-situation-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
        gap: 10px;
      }
      .starter-pack-situation-card {
        position: relative;
        display: grid;
        align-content: end;
        gap: 8px;
        min-width: 0;
        min-height: 218px;
        overflow: hidden;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 18px;
        background: #172232;
        color: #fffdf8;
        isolation: isolate;
      }
      .starter-pack-situation-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
          linear-gradient(180deg, rgba(23, 34, 50, 0.1), rgba(23, 34, 50, 0.86)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.24), rgba(95, 121, 255, 0.18));
      }
      .starter-pack-situation-card img {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(1.08) contrast(1.04);
      }
      .starter-pack-situation-copy {
        display: grid;
        gap: 8px;
        min-width: 0;
        padding: 13px;
      }
      .starter-pack-situation-card span {
        width: fit-content;
        padding: 5px 8px;
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.88);
        color: #172232;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
      }
      .starter-pack-situation-card strong {
        color: #fffdf8;
        font-size: clamp(1.02rem, 1.5vw, 1.2rem);
        line-height: 1.08;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
      }
      .starter-pack-situation-card p,
      .starter-pack-situation-card small {
        margin: 0;
        color: rgba(255, 253, 248, 0.82);
        font-size: 0.78rem;
        font-weight: 760;
        line-height: 1.25;
      }
      .starter-pack-fact-strip--overlay span {
        border-color: rgba(255, 255, 255, 0.2);
        background: rgba(255, 253, 248, 0.88);
        color: #172232;
      }
      .starter-pack-situation-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .starter-pack-situation-actions a,
      .starter-pack-situation-actions .starter-pack-more summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 0 11px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: rgba(255, 253, 248, 0.9);
        color: #172232;
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .starter-pack-situation-actions .landing-action-primary {
        border-color: rgba(255, 255, 255, 0.72);
        background: #fffdf8;
        color: #172232;
      }
      .starter-pack-use-stud-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
      }
      .starter-pack-use-stud-action img {
        width: 16px;
        height: 16px;
        flex: 0 0 auto;
        border-radius: 999px;
        object-fit: cover;
      }
      .saved-pack-recipe-card {
        align-content: start;
      }
      .saved-pack-recipe-card.is-selected {
        border-color: rgba(49, 178, 138, 0.42);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 244, 0.92)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.16), rgba(95, 121, 255, 0.1));
        box-shadow: 0 14px 32px rgba(26, 48, 36, 0.08);
      }
      .saved-pack-recipe-card ol {
        display: grid;
        gap: 6px;
        margin: 0;
        padding-left: 1.1rem;
        color: #425468;
        font-size: 0.88rem;
        font-weight: 760;
      }
      .saved-pack-recipe-card li::marker {
        color: #315e2d;
        font-weight: 950;
      }
      .saved-pack-roles {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
      }
      .saved-hero-playlist {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) repeat(3, minmax(0, 0.95fr));
        gap: 8px;
      }
      .saved-pack-roles span {
        min-height: 36px;
        padding: 9px 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.72);
        color: #315e2d;
        font-size: 0.74rem;
        font-weight: 950;
        text-align: center;
      }
      .saved-hero-playlist span {
        display: grid;
        align-content: center;
        min-height: 68px;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.74);
        color: #315e2d;
        font-size: 0.74rem;
        font-weight: 950;
      }
      .saved-hero-playlist .saved-hero-current {
        border-color: rgba(22, 32, 43, 0.82);
        background:
          linear-gradient(180deg, rgba(23, 34, 50, 0.98), rgba(39, 53, 72, 0.94)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.2), rgba(95, 121, 255, 0.18));
        color: #fffdf8;
        box-shadow: 0 12px 26px rgba(23, 34, 50, 0.14);
      }
      .saved-pack-roles span b,
      .saved-pack-roles span small,
      .saved-hero-playlist span b,
      .saved-hero-playlist span small {
        display: block;
        line-height: 1.18;
      }
      .saved-pack-roles span b,
      .saved-hero-playlist span b {
        color: var(--ink);
        font-size: 0.79rem;
      }
      .saved-hero-playlist .saved-hero-current b {
        color: #fffdf8;
      }
      .saved-pack-roles span small,
      .saved-hero-playlist span small {
        margin-top: 3px;
        color: var(--muted);
        font-size: 0.68rem;
        font-weight: 760;
      }
      .saved-hero-playlist .saved-hero-current small {
        color: rgba(255, 253, 248, 0.78);
      }
      .saved-pack-finalize {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 14px;
        border: 1px solid rgba(49, 178, 138, 0.2);
        border-radius: 16px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 251, 246, 0.84)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.1), rgba(95, 121, 255, 0.08));
      }
      .saved-pack-command {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(220px, 1.05fr) auto;
        gap: 12px;
        align-items: center;
        padding: 14px;
        border: 1px solid rgba(49, 94, 45, 0.18);
        border-radius: 16px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 253, 248, 0.9)),
          linear-gradient(135deg, rgba(49, 94, 45, 0.1), rgba(49, 178, 138, 0.08));
      }
      .saved-live-controller {
        display: grid;
        gap: 12px;
        padding: 14px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 18px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.9)),
          linear-gradient(135deg, rgba(95, 121, 255, 0.1), rgba(255, 196, 69, 0.12));
      }
      .saved-live-controller-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
      }
      .saved-live-command-strip {
        display: grid;
        grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
        gap: 12px;
        align-items: stretch;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 14px;
        background:
          linear-gradient(180deg, rgba(255, 253, 248, 0.96), rgba(241, 251, 246, 0.82)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.14), rgba(255, 196, 69, 0.12));
      }
      .saved-live-command-head {
        display: grid;
        align-content: center;
        gap: 4px;
        min-width: 0;
      }
      .saved-live-command-actions {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 7px;
        min-width: 0;
      }
      .saved-live-command-actions a,
      .saved-live-command-actions button {
        appearance: none;
        display: grid;
        align-content: start;
        gap: 5px;
        min-width: 0;
        min-height: 86px;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.1);
        border-radius: 12px;
        background: rgba(255, 253, 248, 0.84);
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        text-align: left;
        text-decoration: none;
      }
      .saved-live-command-actions a:first-child {
        border-color: rgba(22, 32, 43, 0.86);
        background: #172232;
        color: #fffdf8;
      }
      .saved-live-command-actions button:disabled {
        cursor: not-allowed;
        opacity: 0.56;
      }
      .saved-live-command-actions em {
        color: inherit;
        font-size: 0.6rem;
        font-style: normal;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        opacity: 0.68;
        text-transform: uppercase;
      }
      .saved-live-command-actions b {
        color: inherit;
        font-size: 0.82rem;
        font-weight: 950;
        line-height: 1.08;
        overflow-wrap: anywhere;
      }
      .saved-live-command-actions small {
        color: inherit;
        font-size: 0.7rem;
        font-weight: 760;
        line-height: 1.22;
        opacity: 0.72;
        overflow-wrap: anywhere;
      }
      .saved-live-controller-head span,
      .saved-live-command-head span,
      .saved-live-host-brief span,
      .saved-live-recent-context span,
      .saved-live-scoring-mode > div:first-child > span,
      .saved-live-group-setup span,
      .saved-live-ready-check > span,
      .saved-live-stud-fit span {
        color: #35416f;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .saved-live-controller-head strong,
      .saved-live-command-head strong,
      .saved-live-host-brief strong,
      .saved-live-recent-context strong,
      .saved-live-scoring-mode > div:first-child > strong,
      .saved-live-group-setup strong,
      .saved-live-ready-check > strong,
      .saved-live-stud-fit strong {
        display: block;
        margin-top: 4px;
        color: var(--ink);
        font-size: clamp(1.05rem, 1.6vw, 1.24rem);
        line-height: 1.12;
      }
      .saved-live-controller-head small,
      .saved-live-command-head small,
      .saved-live-host-brief p,
      .saved-live-recent-context small,
      .saved-live-scoring-mode > div:first-child > small,
      .saved-live-group-setup small,
      .saved-live-ready-check > small,
      .saved-live-stud-fit small,
      .saved-live-controller > small {
        margin: 3px 0 0;
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 760;
        line-height: 1.35;
      }
      .saved-live-slots {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
      }
      .saved-live-slot {
        position: relative;
        display: grid;
        align-content: start;
        gap: 7px;
        min-width: 0;
        min-height: 142px;
        overflow: hidden;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.78);
        isolation: isolate;
      }
      .saved-live-slot.has-image {
        align-content: end;
        min-height: 188px;
        padding: 0;
        border-color: rgba(255, 255, 255, 0.14);
        background: #172232;
      }
      .saved-live-slot.has-image::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
          linear-gradient(180deg, rgba(23, 34, 50, 0.08), rgba(23, 34, 50, 0.88)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.2), rgba(95, 121, 255, 0.18));
      }
      .saved-live-slot-image {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .saved-live-slot-copy {
        display: grid;
        gap: 7px;
        min-width: 0;
        padding: 12px;
      }
      .saved-live-slot span {
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .saved-live-slot-kicker {
        display: inline-flex;
        gap: 6px;
        align-items: center;
        width: fit-content;
        max-width: 100%;
      }
      .saved-live-slot-kicker b {
        display: inline-grid;
        place-items: center;
        min-width: 24px;
        height: 24px;
        padding: 0 6px;
        border-radius: 999px;
        background: rgba(49, 178, 138, 0.16);
        color: #1d4d3b;
        font-size: 0.66rem;
        line-height: 1;
      }
      .saved-live-slot strong {
        color: var(--ink);
        font-size: 0.98rem;
        line-height: 1.12;
        overflow-wrap: anywhere;
      }
      .saved-live-slot small {
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 760;
        line-height: 1.28;
        overflow-wrap: anywhere;
      }
      .saved-live-slot.has-image span,
      .saved-live-slot.has-image strong {
        color: #fffdf8;
      }
      .saved-live-slot.has-image .saved-live-slot-kicker b {
        background: rgba(255, 253, 248, 0.88);
        color: #172232;
      }
      .saved-live-slot.has-image small {
        color: rgba(255, 253, 248, 0.82);
      }
      .saved-live-slot a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        min-height: 34px;
        margin-top: auto;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        font-size: 0.76rem;
        font-weight: 900;
        text-decoration: none;
      }
      .saved-live-slot.has-image a {
        border-color: rgba(255, 255, 255, 0.72);
        background: rgba(255, 253, 248, 0.9);
        color: #172232;
      }
      .saved-live-host-brief {
        display: grid;
        gap: 9px;
        padding: 12px;
        border: 1px solid rgba(49, 178, 138, 0.16);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.72);
      }
      .saved-live-readout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: center;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 253, 248, 0.82);
      }
      .saved-live-readout div {
        min-width: 0;
      }
      .saved-live-readout strong {
        margin-top: 0;
        font-size: 0.98rem;
      }
      .saved-live-readout p {
        margin-top: 3px;
      }
      .saved-live-readout button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        appearance: none;
        min-height: 38px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.84);
        border-radius: 999px;
        background: #172232;
        color: #fffdf8;
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
      }
      .saved-live-handoff-actions {
        justify-content: flex-start;
      }
      .saved-live-run-order {
        display: grid;
        grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
        gap: 10px 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(49, 178, 138, 0.18);
        border-radius: 14px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 251, 246, 0.8)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
      }
      .saved-live-run-order > div {
        display: grid;
        gap: 4px;
        min-width: 0;
      }
      .saved-live-run-order span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .saved-live-run-order strong {
        color: var(--ink);
        font-size: clamp(1.02rem, 1.45vw, 1.18rem);
        line-height: 1.12;
      }
      .saved-live-run-order small {
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 760;
        line-height: 1.28;
      }
      .saved-live-run-list {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 7px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .saved-live-run-list li {
        min-width: 0;
      }
      .saved-live-run-list a {
        display: grid;
        gap: 4px;
        min-height: 60px;
        padding: 9px 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 253, 248, 0.82);
        color: var(--ink);
        font-weight: 900;
        text-decoration: none;
      }
      .saved-live-run-list a[data-live-pack-run-start] {
        border-color: rgba(22, 32, 43, 0.86);
        background: #172232;
        color: #fffdf8;
      }
      .saved-live-run-list a b {
        font-size: 0.78rem;
        line-height: 1.05;
      }
      .saved-live-run-list a em {
        color: inherit;
        font-size: 0.62rem;
        font-style: normal;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1;
        opacity: 0.72;
        text-transform: uppercase;
      }
      .saved-live-scoring-mode {
        display: grid;
        grid-template-columns: minmax(0, 0.62fr) minmax(0, 1.38fr);
        gap: 10px 12px;
        align-items: start;
        padding: 12px;
        border: 1px solid rgba(49, 178, 138, 0.2);
        border-radius: 14px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(241, 251, 246, 0.78)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.12), rgba(95, 121, 255, 0.08));
      }
      .saved-live-scoring-options {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
      }
      .saved-live-scoring-card {
        display: grid;
        gap: 7px;
        min-width: 0;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 13px;
        background: rgba(255, 253, 248, 0.84);
      }
      .saved-live-scoring-card.is-active {
        border-color: rgba(49, 178, 138, 0.42);
        background: rgba(241, 251, 246, 0.9);
        box-shadow: 0 10px 24px rgba(26, 48, 36, 0.08);
      }
      .saved-live-scoring-card b {
        color: var(--ink);
        font-size: 0.86rem;
        font-weight: 950;
        line-height: 1.12;
      }
      .saved-live-scoring-card small {
        color: var(--muted);
        font-size: 0.72rem;
        font-weight: 760;
        line-height: 1.25;
      }
      .saved-live-scoring-card button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        min-height: 34px;
        padding: 0 10px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.74rem;
        font-weight: 900;
      }
      .saved-live-scoring-card button[aria-pressed="true"] {
        border-color: rgba(22, 32, 43, 0.86);
        background: #172232;
        color: #fffdf8;
      }
      .saved-live-stud-checklist {
        display: grid;
        grid-column: 2;
        gap: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .saved-live-stud-checklist[hidden] {
        display: none;
      }
      .saved-live-stud-checklist li {
        display: grid;
        grid-template-columns: 7px minmax(0, 1fr);
        gap: 7px;
        color: var(--muted);
        font-size: 0.74rem;
        font-weight: 800;
        line-height: 1.22;
      }
      .saved-live-stud-checklist li::before {
        content: "";
        width: 7px;
        height: 7px;
        margin-top: 0.36em;
        border-radius: 999px;
        background: rgba(49, 178, 138, 0.85);
      }
      .saved-live-scoring-status {
        grid-column: 2;
        margin: 0;
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 800;
        line-height: 1.3;
      }
      .saved-live-group-setup {
        display: grid;
        grid-template-columns: minmax(0, 0.62fr) minmax(0, 1.38fr);
        gap: 10px 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.72);
      }
      .saved-live-group-setup ul {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .saved-live-group-setup li {
        min-width: 0;
        padding: 9px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 253, 248, 0.84);
        color: var(--muted);
        font-size: 0.72rem;
        font-weight: 800;
        line-height: 1.24;
      }
      .saved-live-recent-context {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(239, 123, 82, 0.2);
        border-radius: 14px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 248, 240, 0.82)),
          linear-gradient(135deg, rgba(239, 123, 82, 0.12), rgba(49, 178, 138, 0.08));
      }
      .saved-live-recent-context[hidden] {
        display: none;
      }
      .saved-return-command {
        border-color: rgba(49, 178, 138, 0.26);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 251, 246, 0.86)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.14), rgba(95, 121, 255, 0.08));
      }
      .saved-live-after-round {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(95, 121, 255, 0.18);
        border-radius: 14px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(247, 250, 255, 0.78)),
          linear-gradient(135deg, rgba(95, 121, 255, 0.12), rgba(49, 178, 138, 0.08));
      }
      .saved-live-after-round span {
        color: #35416f;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .saved-live-after-round strong {
        display: block;
        margin-top: 4px;
        color: var(--ink);
        font-size: clamp(1.05rem, 1.6vw, 1.24rem);
        line-height: 1.12;
      }
      .saved-live-after-round small {
        display: block;
        margin-top: 3px;
        color: var(--muted);
        font-size: 0.82rem;
        font-weight: 760;
        line-height: 1.35;
      }
      .saved-live-ready-check {
        display: grid;
        grid-template-columns: minmax(0, 0.68fr) minmax(0, 1.32fr);
        gap: 10px 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(49, 178, 138, 0.16);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.7);
      }
      .saved-live-ready-check > span,
      .saved-live-ready-check > strong,
      .saved-live-ready-check > small {
        grid-column: 1;
      }
      .saved-live-ready-list {
        display: grid;
        grid-column: 2;
        grid-row: 1 / span 3;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .saved-live-ready-list li {
        display: grid;
        gap: 4px;
        min-width: 0;
        padding: 9px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 253, 248, 0.84);
      }
      .saved-live-ready-list li.is-ready {
        border-color: rgba(49, 178, 138, 0.28);
        background: rgba(241, 251, 246, 0.86);
      }
      .saved-live-ready-list b {
        color: var(--ink);
        font-size: 0.76rem;
        font-weight: 950;
        line-height: 1.12;
        overflow-wrap: anywhere;
      }
      .saved-live-ready-list small {
        color: var(--muted);
        font-size: 0.68rem;
        font-weight: 760;
        line-height: 1.2;
        overflow-wrap: anywhere;
      }
      .saved-live-stud-fit {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(180px, 0.8fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-left: 4px solid rgba(49, 178, 138, 0.72);
        border-radius: 14px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(244, 251, 247, 0.82)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.1), rgba(255, 196, 69, 0.08));
      }
      .saved-live-stud-fit ul {
        display: grid;
        gap: 5px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .saved-live-stud-fit li {
        display: grid;
        grid-template-columns: 7px minmax(0, 1fr);
        gap: 7px;
        align-items: start;
        color: var(--muted);
        font-size: 0.74rem;
        font-weight: 800;
        line-height: 1.22;
      }
      .saved-live-stud-fit li::before {
        content: "";
        width: 7px;
        height: 7px;
        margin-top: 0.36em;
        border-radius: 999px;
        background: rgba(49, 178, 138, 0.85);
      }
      .saved-recap-summary {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin: 0 0 12px;
      }
      .saved-recap-summary[hidden] {
        display: none;
      }
      .saved-recap-summary article {
        display: grid;
        gap: 5px;
        min-width: 0;
        padding: 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.78);
      }
      .saved-recap-summary span {
        color: #315e2d;
        font-size: 0.64rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .saved-recap-summary strong {
        color: var(--ink);
        font-size: 0.88rem;
        line-height: 1.12;
      }
      .saved-recap-summary small {
        color: var(--muted);
        font-size: 0.72rem;
        font-weight: 760;
        line-height: 1.2;
      }
      .saved-pack-trimmer {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(220px, 1.05fr) auto;
        gap: 12px;
        align-items: center;
        padding: 14px;
        border: 1px solid rgba(95, 121, 255, 0.2);
        border-radius: 16px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(244, 247, 255, 0.86)),
          linear-gradient(135deg, rgba(95, 121, 255, 0.1), rgba(49, 178, 138, 0.08));
      }
      .saved-pack-trimmer[hidden] {
        display: none;
      }
      .saved-pack-finalize span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .saved-pack-command span {
        color: #315e2d;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .saved-pack-trimmer span {
        color: #35416f;
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .saved-pack-finalize strong {
        display: block;
        margin-top: 4px;
        color: var(--ink);
        font-size: 1.02rem;
        line-height: 1.12;
      }
      .saved-pack-command strong {
        display: block;
        margin-top: 4px;
        color: var(--ink);
        font-size: clamp(1.02rem, 1.5vw, 1.22rem);
        line-height: 1.12;
      }
      .saved-pack-trimmer strong {
        display: block;
        margin-top: 4px;
        color: var(--ink);
        font-size: clamp(1.02rem, 1.5vw, 1.2rem);
        line-height: 1.12;
      }
      .saved-pack-finalize small {
        display: block;
        margin-top: 3px;
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .saved-pack-command small {
        display: block;
        margin-top: 3px;
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .saved-pack-trimmer small {
        display: block;
        margin-top: 3px;
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 760;
        line-height: 1.3;
      }
      .saved-pack-trim-preview {
        display: grid;
        gap: 7px;
      }
      .saved-pack-trim-preview span {
        display: grid;
        gap: 2px;
        min-width: 0;
        padding: 8px 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.74);
        color: #425468;
        font-size: 0.78rem;
        font-weight: 780;
        letter-spacing: 0;
        line-height: 1.22;
        text-transform: none;
      }
      .saved-pack-trim-preview b {
        color: #172232;
        font-size: 0.72rem;
        font-weight: 950;
      }
      .saved-pack-command-steps {
        display: grid;
        gap: 7px;
      }
      .saved-pack-command-steps div {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 8px;
        align-items: start;
        min-width: 0;
        padding: 8px 10px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.72);
        color: #425468;
        font-size: 0.8rem;
        font-weight: 780;
        line-height: 1.25;
      }
      .saved-pack-command-steps b {
        color: #172232;
        font-size: 0.74rem;
        font-weight: 950;
        letter-spacing: 0;
        white-space: nowrap;
      }
      .saved-pack-finalize-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
      }
      .saved-pack-finalize-actions a,
      .saved-pack-finalize-actions button,
      .saved-pack-more summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        appearance: none;
        min-height: 38px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
        text-align: center;
        text-decoration: none;
      }
      .saved-pack-more {
        display: inline-grid;
        gap: 6px;
        min-width: 0;
      }
      .saved-pack-more summary {
        list-style: none;
        user-select: none;
      }
      .saved-pack-more summary::-webkit-details-marker {
        display: none;
      }
      .saved-pack-more summary::after {
        content: "+";
        margin-left: 6px;
        font-weight: 950;
      }
      .saved-pack-more[open] summary::after {
        content: "-";
      }
      .saved-pack-more > span {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        min-width: 0;
      }
      .saved-pack-more:not([open]) > span {
        display: none;
      }
      .saved-pack-more > span a,
      .saved-pack-more > span button {
        min-height: 34px;
        padding-inline: 10px;
        font-size: 0.74rem;
      }
      .saved-pack-finalize-actions button[data-copy-play-queue] {
        border-color: rgba(22, 32, 43, 0.84);
        background: #172232;
        color: #fffdf8;
      }
      .saved-pack-finalize-actions button:disabled {
        cursor: not-allowed;
        opacity: 0.52;
      }
      .saved-queue-card {
        border-color: rgba(49, 178, 138, 0.2);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 244, 0.88)),
          linear-gradient(135deg, rgba(49, 178, 138, 0.1), rgba(95, 121, 255, 0.08));
      }
      .saved-queue-card .saved-game-meta span:first-child {
        border-color: rgba(49, 178, 138, 0.32);
        background: rgba(49, 178, 138, 0.14);
        color: #1d4d3b;
      }
      .saved-recap-card {
        border-color: rgba(95, 121, 255, 0.18);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 255, 0.9)),
          linear-gradient(135deg, rgba(95, 121, 255, 0.1), rgba(49, 178, 138, 0.08));
      }
      .saved-recap-card .saved-game-meta span:first-child {
        border-color: rgba(95, 121, 255, 0.28);
        background: rgba(95, 121, 255, 0.1);
        color: #35428f;
      }
      .saved-recap-text {
        max-height: 7.2em;
        overflow: hidden;
        color: #2b3748;
        white-space: pre-line;
      }
      .saved-game-card,
      .event-report-card {
        display: grid;
        gap: 10px;
        min-width: 0;
        padding: 16px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.78);
      }
      .saved-game-card img {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        border-radius: 14px;
      }
      .saved-game-card h3,
      .event-report-card h3 {
        margin: 0;
        color: var(--ink);
        font-size: 1.05rem;
        line-height: 1.14;
      }
      .saved-game-card p,
      .event-report-card p {
        margin: 0;
        color: var(--muted);
        font-size: 0.9rem;
        font-weight: 720;
      }
      .saved-game-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .saved-games-toolbar a,
      .saved-games-toolbar button,
      .saved-game-actions a,
      .saved-game-actions button,
      .saved-game-actions .saved-pack-more summary,
      .saved-game-actions .starter-pack-more summary {
        appearance: none;
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid rgba(22, 32, 43, 0.12);
        border-radius: 999px;
        background: #fffdf8;
        color: var(--ink);
        cursor: pointer;
        font: inherit;
        font-size: 0.78rem;
        font-weight: 900;
        text-decoration: none;
      }
      .saved-game-actions .saved-pack-more,
      .saved-game-actions .starter-pack-more {
        display: inline-grid;
      }
      .saved-game-actions .saved-pack-more > span,
      .saved-game-actions .starter-pack-more > span {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        min-width: 0;
      }
      .saved-game-actions .saved-pack-more:not([open]) > span,
      .saved-game-actions .starter-pack-more:not([open]) > span {
        display: none;
      }
      .saved-games-toolbar button:disabled {
        cursor: not-allowed;
        opacity: 0.52;
      }
      .saved-game-actions button:disabled {
        cursor: not-allowed;
        opacity: 0.48;
      }
      .saved-games-toolbar button.is-danger,
      .saved-game-actions button.is-muted {
        color: #5d6570;
      }
      .event-report-number {
        color: var(--ink);
        font-size: 2rem;
        font-weight: 950;
        line-height: 1;
      }
      .event-report-list {
        display: grid;
        gap: 8px;
        padding: 0;
        list-style: none;
      }
      .event-report-list li {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 0;
        border-top: 1px solid rgba(22, 32, 43, 0.08);
      }
      .event-report-list span {
        min-width: 0;
        overflow-wrap: anywhere;
      }
      .activity-use-note {
        border-color: rgba(95, 121, 255, 0.18);
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(241, 244, 255, 0.78)),
          linear-gradient(90deg, rgba(95, 121, 255, 0.1), rgba(49, 178, 138, 0.08));
      }
      .activity-context { color: #425468; font-weight: 750; margin: 0 0 8px; }
      .activity-detail { color: #2b3748; }
      .activity-eligibility-note {
        border-left: 3px solid rgba(128, 94, 34, 0.32);
        padding-left: 10px;
        color: #4a3820;
        font-weight: 800;
      }
      .link-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 10px;
        padding: 0;
        list-style: none;
      }
      .link-list a {
        display: grid;
        align-content: center;
        gap: 8px;
        min-height: 52px;
        padding: 14px 16px;
        border: 1px solid #ded5c6;
        border-radius: 14px;
        background: #fffdf8;
        color: #172232;
        text-decoration: none;
      }
      .link-list-title {
        color: #172232;
        font-weight: 920;
        line-height: 1.1;
      }
      .link-list-meta {
        display: inline-flex;
        width: fit-content;
        max-width: 100%;
        min-height: 24px;
        align-items: center;
        padding: 4px 8px;
        border: 1px solid rgba(22, 32, 43, 0.08);
        border-radius: 999px;
        background: rgba(49, 178, 138, 0.1);
        color: #315e2d;
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.04em;
        line-height: 1;
        text-transform: uppercase;
      }
      ul { padding-left: 1.2rem; }
      @media (max-width: 900px) {
        .static-hero { grid-template-columns: 1fr; }
        .directory-hero-board-grid {
          display: flex;
          overflow-x: auto;
          padding: 0 30px 5px 0;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .directory-hero-board-grid::-webkit-scrollbar { display: none; }
        .directory-hero-board-card,
        .directory-hero-board-card:first-child {
          flex: 0 0 clamp(254px, 74vw, 320px);
          max-width: clamp(254px, 74vw, 320px);
          min-height: 124px;
          scroll-snap-align: start;
        }
        .directory-known-board-rail div {
          flex-wrap: nowrap;
          overflow-x: auto;
          padding-bottom: 3px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .directory-known-board-rail div::-webkit-scrollbar { display: none; }
        .directory-known-board-rail a { flex: 0 0 auto; }
        .static-hero-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .static-hero-steps li { grid-template-columns: 1fr; }
        .static-hero-steps span,
        .static-hero-steps small { grid-column: auto; grid-row: auto; }
        .static-hero-steps small { display: none; }
        .world-cup-planner-head,
        .world-cup-planner-controls,
        .world-cup-pack-list,
        .world-cup-prediction-layout,
        .saved-games-stat-grid,
        .saved-hero-command-grid,
        .saved-hero-playlist,
        .saved-pack-roles,
        .saved-pack-finalize,
        .saved-live-controller-head,
        .saved-live-command-strip,
        .saved-live-readout,
        .saved-live-run-order,
        .saved-live-recent-context,
        .saved-live-after-round,
        .saved-live-slots,
        .saved-live-scoring-mode,
        .saved-live-scoring-options,
        .saved-live-group-setup,
        .saved-live-group-setup ul,
        .saved-live-ready-check,
        .saved-live-stud-fit,
        .saved-recap-summary,
        .saved-pack-command,
        .saved-pack-trimmer,
        .activity-quick-start-card,
        .activity-quick-start-command,
        .activity-fit-summary-card,
        .activity-session-command,
        .activity-session-handoff,
        .activity-session-scoring-bridge,
        .activity-session-launch {
          grid-template-columns: 1fr;
        }
        .saved-live-ready-check > span,
        .saved-live-ready-check > strong,
        .saved-live-ready-check > small,
        .saved-live-stud-checklist,
        .saved-live-scoring-status,
        .saved-live-ready-list {
          grid-column: auto;
          grid-row: auto;
        }
        .saved-live-ready-list {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .saved-live-command-actions {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .saved-live-run-list {
          grid-template-columns: repeat(6, minmax(88px, 1fr));
          overflow-x: auto;
          padding-bottom: 4px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .saved-live-run-list::-webkit-scrollbar {
          display: none;
        }
        .saved-pack-finalize-actions,
        .activity-quick-start-command-actions,
        .activity-session-command-actions,
        .activity-session-handoff-actions,
        .activity-session-launch-actions {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(124px, 1fr));
          justify-content: stretch;
        }
        .saved-pack-finalize-actions > *,
        .activity-quick-start-command-actions > *,
        .activity-session-command-actions > *,
        .activity-session-handoff-actions > *,
        .activity-session-scoring-bridge > a,
        .activity-session-launch-actions > * {
          width: 100%;
          min-height: 42px;
        }
        .activity-quick-start-command-actions {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .world-cup-planner-head {
          align-items: start;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .static-hero {
          min-height: auto;
          padding: 12px;
          border-radius: 18px;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .static-hero-copy {
          gap: 7px;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .static-hero h1 {
          font-size: clamp(1.82rem, 9.8vw, 2.55rem);
          line-height: 0.94;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .static-hero .lead {
          display: block;
          overflow: visible;
          font-size: 0.92rem;
          line-height: 1.28;
          -webkit-line-clamp: unset;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .static-note,
        [data-seo-landing-page="world-cup-watch-party-games"] .static-hero-steps {
          display: none;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .static-hero .landing-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
          margin-top: 7px;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .static-hero .landing-actions a {
          min-width: 0;
          min-height: 37px;
          padding-inline: 8px;
          font-size: 0.72rem;
          line-height: 1.05;
          text-align: center;
          white-space: normal;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .static-hero .landing-actions a:first-child {
          grid-column: 1 / -1;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .static-hero .landing-actions a:nth-child(n+4) {
          display: none;
        }
        .world-cup-side-rail,
        .world-cup-planner,
        .world-cup-predictor,
        [data-seo-landing-page="world-cup-watch-party-games"] .seo-landing-section {
          gap: 10px;
          margin-top: 12px;
          padding: 12px;
          border-radius: 18px;
        }
        .world-cup-planner,
        .world-cup-predictor {
          display: none;
        }
        .world-cup-side-rail-head,
        .world-cup-planner-head {
          grid-template-columns: 1fr;
          gap: 7px;
        }
        .world-cup-side-rail-head h2,
        .world-cup-planner-head h2,
        [data-seo-landing-page="world-cup-watch-party-games"] .seo-landing-section h2 {
          font-size: clamp(1.35rem, 7vw, 1.78rem);
          line-height: 1;
        }
        .world-cup-side-rail-head p,
        .world-cup-planner-head p:not(.world-cup-planner-note),
        .world-cup-pack-output > p:not(.world-cup-planner-note),
        [data-seo-landing-page="world-cup-watch-party-games"] .seo-landing-section > p {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
          font-size: 0.82rem;
          line-height: 1.3;
        }
        .world-cup-side-rail-head p,
        .world-cup-share-status {
          display: none;
        }
        .world-cup-side-rail-actions,
        .world-cup-pack-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        .world-cup-side-rail-actions a,
        .world-cup-pack-actions a,
        .world-cup-pack-actions button {
          min-width: 0;
          min-height: 38px;
          padding-inline: 8px;
          font-size: 0.72rem;
          line-height: 1.05;
          text-align: center;
          white-space: normal;
        }
        .world-cup-side-track,
        .world-cup-pack-list,
        [data-seo-landing-page="world-cup-watch-party-games"] .landing-activity-grid,
        [data-seo-landing-page="world-cup-watch-party-games"] .board-list,
        [data-seo-landing-page="world-cup-watch-party-games"] .link-list {
          display: grid;
          grid-template-columns: 1fr;
          gap: 9px;
          overflow: visible;
          padding: 0;
        }
        .world-cup-side-track {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .board-list,
        [data-seo-landing-page="world-cup-watch-party-games"] .link-list {
          grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
        }
        .world-cup-side-track::-webkit-scrollbar,
        .world-cup-pack-list::-webkit-scrollbar,
        [data-seo-landing-page="world-cup-watch-party-games"] .landing-activity-grid::-webkit-scrollbar,
        [data-seo-landing-page="world-cup-watch-party-games"] .board-list::-webkit-scrollbar,
        [data-seo-landing-page="world-cup-watch-party-games"] .link-list::-webkit-scrollbar {
          display: none;
        }
        .world-cup-side-card,
        [data-seo-landing-page="world-cup-watch-party-games"] .landing-idea-card,
        [data-seo-landing-page="world-cup-watch-party-games"] .static-board-card,
        [data-seo-landing-page="world-cup-watch-party-games"] .link-list li {
          width: 100%;
          min-width: 0;
          scroll-snap-align: start;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .landing-idea-card {
          flex-basis: 100%;
          max-width: 100%;
        }
        .world-cup-side-card {
          min-width: 0;
        }
        .world-cup-side-card-body {
          gap: 8px;
          padding: 10px;
        }
        .world-cup-side-card p,
        [data-seo-landing-page="world-cup-watch-party-games"] .landing-idea-card > p:not(.landing-card-kicker):not(.landing-open-link) {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        .world-cup-side-card-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        .world-cup-side-card-actions a,
        .world-cup-side-card-actions button {
          min-width: 0;
          min-height: 36px;
          padding-inline: 8px;
          font-size: 0.7rem;
          line-height: 1.05;
          white-space: normal;
        }
        .world-cup-planner-controls {
          display: flex;
          gap: 9px;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding-bottom: 4px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .world-cup-planner-controls::-webkit-scrollbar {
          display: none;
        }
        .world-cup-planner-control {
          flex: 0 0 min(254px, 78vw);
          scroll-snap-align: start;
        }
        .world-cup-planner-options {
          flex-wrap: nowrap;
          overflow-x: auto;
          padding-bottom: 3px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .world-cup-planner-options::-webkit-scrollbar {
          display: none;
        }
        .world-cup-pack-output {
          gap: 9px;
          padding: 10px;
          border-radius: 15px;
        }
        .world-cup-pack-list a {
          min-width: 210px;
          min-height: 108px;
          padding: 10px;
        }
        .world-cup-prediction-fields {
          display: flex;
          gap: 9px;
          overflow-x: auto;
          padding-bottom: 4px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .world-cup-prediction-fields::-webkit-scrollbar {
          display: none;
        }
        .world-cup-prediction-fields label {
          flex: 0 0 min(228px, 72vw);
          scroll-snap-align: start;
        }
        .world-cup-prediction-card {
          padding: 12px;
          border-radius: 16px;
        }
        .world-cup-prediction-card dl {
          gap: 6px;
        }
        .world-cup-prediction-card dl div {
          display: grid;
          gap: 3px;
        }
        .world-cup-prediction-card dd {
          text-align: left;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .landing-intent-grid {
          display: grid;
          grid-template-columns: 1fr;
          gap: 9px;
          overflow: visible;
          padding-bottom: 0;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .landing-intent-grid::-webkit-scrollbar {
          display: none;
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .landing-intent-card {
          width: 100%;
          min-width: 0;
          padding: 12px;
          scroll-snap-align: start;
        }
        @media (max-width: 360px) {
          .world-cup-side-track,
          [data-seo-landing-page="world-cup-watch-party-games"] .board-list,
          [data-seo-landing-page="world-cup-watch-party-games"] .link-list {
            grid-template-columns: 1fr;
          }
        }
        [data-seo-landing-page="world-cup-watch-party-games"] .activity-faq-list details:not(:first-child) {
          display: none;
        }
        .board-filter-panel { grid-template-columns: 1fr; }
        .activity-page-grid { grid-template-columns: 1fr; }
        .activity-tool-head {
          grid-template-columns: 1fr;
          align-items: start;
        }
        .activity-tool-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          justify-content: stretch;
        }
        .activity-tool-actions a {
          width: 100%;
        }
        .activity-session-layout,
        .activity-session-card.is-result-visible .activity-session-layout {
          grid-template-columns: 1fr;
        }
        .activity-session-points-board {
          grid-template-columns: 1fr;
        }
        .activity-play-state-rail {
          grid-template-columns: repeat(5, minmax(100px, 1fr));
          overflow-x: auto;
          padding-bottom: 4px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .activity-play-state-rail::-webkit-scrollbar {
          display: none;
        }
        .activity-play-state-rail span {
          min-height: 68px;
          padding: 9px;
        }
        .activity-session-flow {
          grid-template-columns: repeat(6, minmax(104px, 1fr));
          overflow-x: auto;
          padding-bottom: 4px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .activity-session-flow::-webkit-scrollbar {
          display: none;
        }
        .activity-session-flow li {
          min-width: 104px;
          padding: 10px;
        }
        .activity-session-actions--primary {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .activity-session-actions--primary button,
        .activity-session-actions--primary a {
          min-height: 48px;
          padding-inline: 8px;
          font-size: 0.74rem;
          line-height: 1.08;
          white-space: normal;
        }
        .activity-host-panel-grid {
          grid-template-columns: 1fr;
        }
        .activity-host-live-brief {
          padding: 10px;
        }
        .activity-host-live-actions {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          width: 100%;
        }
        .activity-host-live-actions a,
        .activity-host-live-actions button {
          min-height: 44px;
          padding-inline: 8px;
          white-space: normal;
        }
        .activity-host-readout {
          grid-template-columns: 1fr;
          padding: 10px;
        }
        .activity-host-readout button {
          min-height: 42px;
          width: 100%;
        }
        .activity-host-sequence {
          display: flex;
          gap: 7px;
          overflow-x: auto;
          padding-bottom: 2px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .activity-host-sequence::-webkit-scrollbar {
          display: none;
        }
        .activity-host-sequence li {
          min-width: 92px;
        }
        .activity-host-console {
          padding: 12px;
        }
        .activity-page-media { min-height: 280px; aspect-ratio: 16 / 9; }
        .activity-quick-start-card {
          margin-top: 14px;
        }
        .activity-fit-summary-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .activity-quick-start-command-actions {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .activity-quick-start-facts {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .activity-scoring-options {
          grid-template-columns: 1fr;
        }
        .activity-scoring-option {
          padding: 11px;
        }
        .activity-scoring-option button,
        .activity-stud-checklist a {
          width: 100%;
          min-height: 42px;
        }
        .activity-hero-scoring-tray {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 6px;
          margin-top: 10px;
          border-radius: 16px;
        }
        .activity-hero-scoring-tray > span {
          grid-column: 1 / -1;
          min-height: 0;
          padding: 2px 4px 0;
        }
        .activity-hero-score {
          min-height: 42px;
          padding-inline: 6px;
        }
        .activity-page-hero .activity-hero-scoring-tray,
        .activity-page-hero .activity-hero-flow,
        .activity-page-hero .activity-play-kit-proof,
        .activity-page-hero .activity-page-quick-note {
          display: none;
        }
        .activity-scoring-status {
          width: 100%;
          border-radius: 14px;
        }
        .activity-primary-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 6px;
          align-items: stretch;
        }
        .activity-primary-actions a,
        .activity-primary-actions button,
        .activity-primary-actions .copy-share-button {
          width: 100%;
          min-width: 0;
          min-height: 44px;
          padding: 6px 5px;
          border-radius: 14px;
          font-size: 0.64rem;
          line-height: 1.05;
          white-space: normal;
        }
        .activity-primary-actions .landing-action-primary,
        .activity-primary-actions a:not(.landing-action-primary),
        .activity-primary-actions button:not(.landing-action-primary),
        .activity-primary-actions .copy-share-button {
          min-height: 44px;
        }
        .activity-primary-actions span {
          display: none;
        }
        .activity-primary-actions strong {
          font-size: 0.66rem;
          line-height: 1.04;
        }
        .activity-stud-use-card {
          grid-template-columns: 1fr;
          gap: 10px;
          margin-top: 12px;
          padding: 12px;
          border-radius: 18px;
        }
        .activity-stud-use-copy {
          gap: 6px;
        }
        .activity-stud-use-copy h2 {
          font-size: clamp(1.35rem, 7vw, 1.8rem);
        }
        .activity-stud-use-copy p {
          display: block;
          overflow: visible;
          font-size: 0.82rem;
          line-height: 1.28;
          -webkit-line-clamp: unset;
        }
        .activity-stud-use-facts {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        .activity-stud-use-facts div {
          min-width: 0;
          padding: 9px;
        }
        .activity-stud-use-actions {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        .activity-stud-use-actions a,
        .activity-stud-use-actions button {
          min-height: 38px;
          padding-inline: 7px;
          font-size: 0.68rem;
          white-space: normal;
        }
        .activity-secondary-actions {
          display: grid;
          width: 100%;
          overflow: visible;
          padding-bottom: 2px;
          -webkit-overflow-scrolling: touch;
        }
        .quick-browse-handoff-steps,
        .quick-browse-handoff-grid,
        .quick-browse-scoring-grid,
        .quick-browse-stud-checklist {
          grid-template-columns: 1fr;
        }
        .quick-browse-stud-checklist ul {
          grid-template-columns: 1fr;
        }
        .quick-browse-handoff-actions a,
        .quick-browse-handoff-actions button,
        .quick-browse-scoring-card button,
        .quick-browse-stud-checklist a {
          flex: 1 1 120px;
          width: 100%;
        }
      }
      @media (min-width: 641px) and (max-width: 900px) {
        .directory-known-board-rail div {
          flex-wrap: wrap;
          overflow: visible;
          padding-bottom: 0;
        }
        .lane-board-index-section .static-board-card,
        .lane-featured-ideas-section .landing-idea-card {
          flex: 0 0 calc((100% - 9px) / 2);
          width: calc((100% - 9px) / 2);
          max-width: calc((100% - 9px) / 2);
        }
        .lane-board-index-section .static-board-body p:not(.meta):not(.landing-open-link),
        .lane-featured-ideas-section .landing-idea-card > p:not(.landing-card-kicker):not(.activity-detail):not(.landing-open-link),
        [data-static-quick-browse-page].is-compact-scan .quick-browse-card-summary {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        .quick-browse-scan-rail {
          grid-auto-columns: calc((100% - 10px) / 2);
        }
        .quick-browse-fresh-stack {
          grid-template-columns: minmax(210px, 0.82fr) minmax(0, 1fr);
          overflow: visible;
        }
        .quick-browse-fresh-media {
          grid-row: span 2;
        }
        .quick-browse-fresh-stack-copy,
        .quick-browse-fresh-card {
          grid-column: 2;
        }
        .quick-browse-fresh-actions {
          grid-column: 1 / -1;
          grid-template-columns: 1fr;
        }
        .quick-browse-fresh-actions-main {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .quick-browse-fresh-actions a,
        .quick-browse-fresh-actions button,
        .quick-browse-fresh-more summary {
          min-width: 0;
          padding-inline: 8px;
          white-space: normal;
        }
        .twist-board-launcher-featured {
          grid-auto-columns: calc((100% - 20px) / 3);
        }
        main[data-featured-activity-page] .quick-fact-grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        main[data-featured-activity-page] .quick-fact {
          flex: none;
          width: 100%;
          max-width: 100%;
          scroll-snap-align: initial;
        }
        main[data-featured-activity-page] .activity-fit-summary-grid {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        main[data-featured-activity-page] .activity-fit-summary-item {
          flex: none;
          width: 100%;
          max-width: 100%;
          scroll-snap-align: initial;
        }
        main[data-featured-activity-page] .activity-session-panel {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        main[data-featured-activity-page] .activity-session-status {
          grid-column: 1 / -1;
        }
        main[data-featured-activity-page] .mini-section-grid,
        main[data-featured-activity-page] .activity-scoring-options {
          display: grid;
          grid-template-columns: 1fr;
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
      }
      @media (max-width: 640px) {
        body.has-app-dock { padding-bottom: calc(158px + env(safe-area-inset-bottom, 0px)); }
        main[data-featured-activity-page] .activity-page-section--rules-share,
        main[data-featured-activity-page] .activity-page-section--scoring {
          display: grid;
          grid-template-columns: 1fr;
          gap: 10px;
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        main[data-featured-activity-page] .activity-page-section--rules-share > .activity-page-card,
        main[data-featured-activity-page] .activity-page-section--scoring > .activity-page-card,
        main[data-featured-activity-page] .activity-page-section--rules-share > #activity-rules,
        main[data-featured-activity-page] .activity-page-section--rules-share > #activity-share-tools,
        main[data-featured-activity-page] .activity-page-section--scoring > .activity-scoring-mode-card {
          width: 100%;
          max-width: 100%;
          flex: none;
        }
        main[data-featured-activity-page] #activity-rules .quick-fact-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
          gap: 7px;
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        main[data-featured-activity-page] #activity-rules .quick-fact {
          width: 100%;
          max-width: 100%;
          flex: none;
          padding: 9px;
          scroll-snap-align: initial;
        }
        [data-static-quick-browse-page].is-compact-scan .quick-browse-scan-rail [data-quick-scan-card]:first-child {
          display: none;
        }
        .activity-quick-start-card {
          display: grid;
          gap: 8px;
          margin: 10px 0;
          padding: 10px;
          border-radius: 16px;
        }
        .activity-quick-start-card::before {
          width: 100%;
          opacity: 0.18;
        }
        .activity-quick-start-card::after {
          background:
            linear-gradient(180deg, rgba(23, 34, 50, 0.94), rgba(23, 34, 50, 0.9)),
            radial-gradient(circle at 88% 10%, rgba(189, 232, 193, 0.14), transparent 34%);
        }
        .activity-fit-summary-card {
          gap: 12px;
          margin: 12px 0;
          padding: 12px;
          border-radius: 18px;
        }
        .activity-page-grid > .activity-page-card {
          justify-self: start;
          width: min(100%, calc(100vw - 24px));
          max-width: calc(100vw - 24px);
        }
        main[data-featured-activity-page] #activity-rules .soccer-setup-diagram,
        main[data-featured-activity-page] #activity-rules .activity-detail.activity-group-note,
        main[data-featured-activity-page] #activity-rules .mini-section-grid {
          display: none;
        }
        main[data-featured-activity-page] #activity-rules .quick-fact {
          min-height: 0;
        }
        main[data-featured-activity-page] #activity-rules .quick-fact strong {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        main[data-featured-activity-page] .activity-fit-summary-item p strong {
          display: inline;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        .activity-reference-drawer {
          margin: 10px 0;
        }
        .activity-reference-drawer summary {
          min-height: 58px;
          padding: 12px;
        }
        .activity-reference-drawer summary strong {
          font-size: 1.08rem;
        }
        .activity-reference-drawer summary::after {
          flex-basis: 34px;
          width: 34px;
          height: 34px;
        }
        .activity-reference-drawer-panel {
          gap: 10px;
          padding: 10px;
        }
        .activity-session-card > [data-session-command-bar],
        .activity-session-card > [data-session-host-handoff],
        .activity-session-card > [data-session-scoring-bridge],
        .activity-session-card > [data-session-live-flow],
        .activity-session-card > [data-session-tool-preview],
        .activity-session-card > [data-host-mode-v2] {
          justify-self: start;
          width: min(100%, calc(100vw - 54px));
          max-width: calc(100vw - 54px);
        }
        .activity-fit-summary-grid {
          grid-template-columns: 1fr;
        }
        .activity-quick-start-copy {
          gap: 4px;
        }
        .activity-quick-start-copy .eyebrow {
          font-size: 0.56rem;
          letter-spacing: 0.1em;
        }
        .activity-quick-start-copy h2 {
          font-size: 1.38rem;
          line-height: 1;
        }
        .activity-quick-start-copy p:not(.eyebrow),
        .activity-quick-start-path {
          display: none;
        }
        .activity-quick-start-panel {
          gap: 7px;
        }
        .activity-quick-start-command {
          gap: 8px;
          padding: 9px;
          border-radius: 15px;
        }
        .activity-quick-start-command-copy {
          gap: 3px;
        }
        .activity-quick-start-command-actions {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 6px;
        }
        .activity-quick-start-command-actions .landing-action-primary {
          grid-column: auto;
          min-height: 40px;
        }
        .activity-quick-start-command-actions a,
        .activity-quick-start-command-actions button {
          min-height: 40px;
          padding-inline: 5px;
          font-size: 0.58rem;
        }
        .activity-quick-start-command-copy strong {
          display: none;
        }
        .activity-quick-start-score-route span {
          display: none;
        }
        .activity-quick-start-command-copy p {
          display: block;
          font-size: 0.72rem;
          line-height: 1.28;
        }
        .activity-quick-start-score-route,
        .activity-quick-start-scoring-status,
        .activity-quick-start-facts,
        .activity-quick-start-steps {
          display: none;
        }
        .activity-quick-start-scoring {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 6px;
        }
        .activity-quick-start-score {
          min-height: 46px;
          padding: 6px;
          border-radius: 12px;
        }
        .activity-quick-start-score span {
          font-size: 0.5rem;
          letter-spacing: 0.06em;
        }
        .activity-quick-start-score strong {
          font-size: 0.66rem;
          line-height: 1.08;
        }
        .page-shell { padding: 6px 10px 0; }
        .site-header { padding: 0; }
        .site-header::before { inset: 0; border-radius: 30px; }
        .shell-wrap { gap: 10px; min-height: 62px; padding: 10px 12px; }
        .brandmark { flex: 1 1 auto; }
        .brandmark img { width: 36px; height: 36px; border-radius: 12px; }
        .brand-copy strong { font-size: 0.8rem; letter-spacing: 0.15em; }
        .brand-copy span { font-size: 0.76rem; line-height: 1.2; }
        .shell-menu-static {
          display: inline-flex;
          flex: 0 0 auto;
          width: 46px;
          height: 46px;
          border-radius: 16px;
        }
        .shell-nav,
        .shell-stud-verify {
          display: none;
        }
        .shell-mobile-nav-static {
          position: fixed;
          top: calc(env(safe-area-inset-top, 0px) + 92px);
          left: 12px;
          right: 12px;
          z-index: 100;
          display: none;
          grid-template-columns: 1fr;
          gap: 8px;
          width: auto;
          max-height: calc(100vh - 190px);
          overflow-y: auto;
          padding: 10px;
          border: 1px solid rgba(255, 255, 255, 0.6);
          border-radius: 30px;
          background: rgba(8, 14, 24, 0.96);
          box-shadow: 0 22px 54px rgba(0, 0, 0, 0.32);
          backdrop-filter: blur(20px);
          -webkit-overflow-scrolling: touch;
        }
        .shell-menu-toggle-static:checked ~ .shell-mobile-nav-static {
          display: grid;
        }
        .shell-mobile-nav-static a {
          display: inline-flex;
          align-items: center;
          justify-content: flex-start;
          width: 100%;
          min-height: 54px;
          padding: 0 18px;
          border: 1px solid rgba(255, 255, 255, 0.12);
          border-radius: 22px;
          background: rgba(255, 255, 255, 0.08);
          color: rgba(255, 255, 255, 0.9);
          font-size: 1rem;
          font-weight: 760;
          text-decoration: none;
        }
        .shell-mobile-nav-static a.active {
          background: rgba(255, 255, 255, 0.14);
          color: #fff;
          font-weight: 900;
        }
        .shell-mobile-nav-static a.shell-mobile-social {
          display: inline-flex;
        }
        main { padding: 14px 12px 22px; }
        footer { padding: 0 12px calc(96px + env(safe-area-inset-bottom, 0px)); }
        h1 { font-size: clamp(1.95rem, 8.2vw, 2.45rem); line-height: 1; }
        .static-hero { padding: 16px 14px; border-radius: 20px; }
        [data-seo-landing-page] .seo-landing-hero {
          gap: 10px;
        }
        [data-seo-landing-page] .seo-landing-hero .static-hero-copy {
          gap: 9px;
        }
        [data-seo-landing-page] .seo-landing-hero .lead {
          margin: 0;
          font-size: 1rem;
          line-height: 1.36;
        }
        [data-seo-landing-page] .seo-landing-hero .static-note {
          padding: 9px 11px;
          border: 1px solid rgba(22, 32, 43, 0.08);
          border-radius: 14px;
          background: rgba(255, 255, 255, 0.68);
          font-size: 0.82rem;
          font-weight: 850;
          line-height: 1.28;
        }
        [data-seo-landing-page] .seo-landing-hero .landing-actions {
          gap: 8px;
          margin-top: 5px;
        }
        [data-seo-landing-page] .seo-landing-hero .landing-actions a {
          min-height: 42px;
          padding-inline: 12px;
        }
        .activity-page-hero.static-hero {
          gap: 10px;
        }
        .activity-page-hero .static-hero-copy {
          gap: 8px;
        }
        .activity-page-hero h1 {
          font-size: clamp(1.8rem, 7.1vw, 2.15rem);
          line-height: 1;
        }
        .activity-page-hero .lead {
          margin: 0;
          font-size: 0.94rem;
          line-height: 1.3;
        }
        .activity-page-mobile-media {
          display: block;
          min-height: 136px;
          margin: 0;
          border-radius: 16px;
          aspect-ratio: 16 / 6.5;
        }
        .activity-page-hero > .activity-page-media {
          display: none;
        }
        .activity-page-mobile-media .activity-image-badge {
          top: 10px;
          left: 10px;
          padding: 5px 7px;
          font-size: 0.56rem;
        }
        .activity-page-mobile-media .activity-image-phrase {
          bottom: 12px;
          left: 10px;
          max-width: calc(100% - 20px);
          font-size: clamp(1.15rem, 7vw, 1.72rem);
          line-height: 0.94;
        }
        .activity-page-hero .activity-why-line {
          padding: 8px 10px;
          border-radius: 14px;
          font-size: 0.82rem;
          line-height: 1.25;
        }
        .activity-page-hero .activity-hero-facts {
          gap: 5px;
        }
        .activity-page-hero .activity-hero-facts span {
          min-height: 28px;
          padding-inline: 8px;
          font-size: 0.64rem;
        }
        .activity-page-hero .activity-hero-actions {
          grid-template-columns: 1fr;
          gap: 7px;
          margin-top: 2px;
        }
        .directory-launcher-hero {
          gap: 8px;
          margin-top: 12px;
          padding: 12px;
        }
        .directory-launcher-hero .static-hero-copy {
          display: contents;
        }
        .directory-launcher-hero .eyebrow {
          order: 1;
          margin: 0;
        }
        .directory-launcher-hero h1 {
          order: 2;
          max-width: 100%;
          font-size: clamp(1.82rem, 7.4vw, 2.24rem);
          line-height: 1;
        }
        .directory-launcher-hero .lead {
          order: 3;
          max-width: 100%;
          margin: 0;
          font-size: 0.88rem;
          line-height: 1.24;
        }
        .directory-launcher-hero .directory-hero-finder {
          order: 4;
        }
        .directory-launcher-hero .directory-hero-board-grid {
          order: 5;
        }
        .directory-launcher-hero .directory-known-board-rail {
          order: 6;
          display: none;
        }
        .directory-launcher-hero .quick-browse-stats {
          order: 7;
          display: none;
        }
        .directory-hero-finder {
          gap: 6px;
          padding: 8px;
          border-radius: 15px;
        }
        .directory-hero-finder label {
          font-size: 0.6rem;
        }
        .directory-hero-finder-row {
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 6px;
        }
        .directory-hero-finder input {
          min-height: 40px;
          padding: 0 10px;
          font-size: 0.86rem;
        }
        .directory-hero-finder button {
          min-height: 40px;
          min-width: 102px;
          width: auto;
          font-size: 0.78rem;
        }
        .directory-hero-finder small {
          display: none;
        }
        .directory-hero-board-grid {
          display: flex;
          gap: 8px;
          overflow-x: auto;
          padding: 0 30px 4px 0;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .directory-hero-board-grid::-webkit-scrollbar {
          display: none;
        }
        .directory-hero-board-grid-label {
          top: 8px;
          left: 8px;
          padding: 6px 8px;
          font-size: 0.58rem;
        }
        .directory-hero-board-card {
          flex: 0 0 clamp(246px, 74vw, 300px);
          max-width: clamp(246px, 74vw, 300px);
          min-height: 122px;
          border-radius: 18px;
          padding: 10px;
          scroll-snap-align: start;
        }
        .directory-hero-board-card:first-child {
          min-height: 122px;
        }
        .directory-hero-board-card-actions {
          grid-template-columns: minmax(0, 1fr);
          gap: 5px;
          margin-top: 7px;
        }
        .directory-hero-board-card-actions a,
        .directory-hero-board-card-actions summary {
          grid-column: auto;
          min-height: 40px;
          padding: 7px 6px;
          font-size: 0.58rem;
          line-height: 1.02;
        }
        .directory-hero-board-secondary {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 5px;
        }
        .directory-hero-board-card-actions img {
          width: 12px;
          height: 12px;
        }
        .directory-hero-board-card strong { font-size: 1rem; }
        .directory-hero-board-card:first-child strong { font-size: 1rem; }
        .directory-hero-board-card small {
          margin-top: 4px;
          font-size: 0.58rem;
        }
        .directory-hero-board-card span {
          padding: 6px 7px;
          font-size: 0.56rem;
        }
        .directory-known-board-rail {
          gap: 6px;
          padding: 8px;
          border-radius: 15px;
        }
        .directory-known-board-rail > span {
          font-size: 0.58rem;
        }
        .static-hero-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
        .static-hero-steps li { padding: 9px 7px; border-radius: 13px; }
        [data-seo-landing-page] .seo-landing-hero .static-hero-steps li {
          padding: 8px 6px;
        }
        [data-seo-landing-page] .seo-landing-hero .static-hero-steps strong {
          font-size: 0.7rem;
        }
        .quick-browse-page-hero {
          gap: 9px;
        }
        .quick-browse-page-hero h1 {
          font-size: clamp(1.82rem, 7.2vw, 2.2rem);
          line-height: 1;
        }
        .quick-browse-page-hero .lead {
          margin: 0;
          font-size: 0.92rem;
          line-height: 1.26;
        }
        .quick-browse-page-hero .quick-browse-stats {
          display: none;
        }
        .quick-browse-page-hero .quick-browse-live-path,
        .quick-browse-page-hero .static-note {
          display: none;
        }
        .quick-browse-page-hero .landing-actions {
          flex-wrap: nowrap;
          margin-top: 0;
          overflow-x: auto;
          padding-bottom: 4px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .quick-browse-page-hero .landing-actions::-webkit-scrollbar {
          display: none;
        }
        .quick-browse-page-hero .landing-actions a,
        .quick-browse-page-hero .landing-actions button {
          flex: 0 0 auto;
          white-space: nowrap;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 6px;
          overflow: visible;
          padding-bottom: 0;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions > a,
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions > button,
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions > details {
          width: 100%;
          min-width: 0;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions a,
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions button,
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions summary {
          min-height: 34px;
          padding-inline: 7px;
          font-size: 0.68rem;
          line-height: 1.05;
          white-space: normal;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .landing-actions summary {
          width: 100%;
        }
        .quick-browse-page-hero .board-page-media {
          min-height: 106px;
          max-height: 126px;
          aspect-ratio: 16 / 6;
        }
        [data-static-quick-browse-page] .quick-browse-page-hero .board-page-media {
          display: none;
        }
        .quick-browse-page-hero .board-page-media img {
          height: 100%;
          object-fit: cover;
        }
        .saved-session-page h1 {
          font-size: clamp(2rem, 9.2vw, 2.65rem);
          line-height: 0.96;
        }
        .saved-session-page .lead {
          margin-bottom: 8px;
          font-size: 1.05rem;
        }
        .saved-session-page .static-note {
          display: none;
        }
        .saved-session-page .static-hero-copy {
          gap: 10px;
        }
        .saved-session-page .saved-pack-hero-live-path {
          display: none;
        }
        .saved-session-page .saved-pack-hero-live-path::-webkit-scrollbar {
          display: none;
        }
        .saved-session-page .saved-pack-hero-live-path strong,
        .saved-session-page .saved-pack-hero-live-path span {
          flex: 0 0 auto;
          min-height: 30px;
        }
        .saved-session-page .landing-actions {
          flex-wrap: wrap;
          margin-top: 4px;
          overflow: visible;
        }
        .saved-session-page .landing-actions a,
        .saved-session-page .landing-actions button {
          flex: 1 1 132px;
          white-space: nowrap;
        }
        .quick-browse-page-hero .twist-hero-actions {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 8px;
          overflow: visible;
          padding-bottom: 0;
          scrollbar-width: auto;
          scroll-snap-type: none;
        }
        .quick-browse-page-hero .twist-hero-actions::-webkit-scrollbar {
          display: none;
        }
        .quick-browse-page-hero .twist-hero-actions a,
        .quick-browse-page-hero .twist-hero-actions button {
          flex: none;
          width: 100%;
          min-width: 0;
          min-height: 48px;
          padding: 8px;
          line-height: 1.05;
          text-align: center;
          white-space: normal;
          scroll-snap-align: initial;
        }
        .quick-browse-page-hero .twist-hero-actions > a {
          display: grid;
          align-items: center;
          align-content: center;
          gap: 7px;
        }
        .quick-browse-page-hero .twist-hero-actions > a small {
          display: none;
        }
        .quick-browse-page-hero .twist-hero-more {
          flex: 0 0 auto;
          min-width: 0;
        }
        .quick-browse-page-hero .twist-hero-more summary {
          width: 100%;
          min-height: 48px;
          padding: 0 13px;
          line-height: 1.05;
          text-align: center;
          white-space: nowrap;
        }
        .quick-browse-page-hero .twist-hero-more > div {
          min-width: min(260px, calc(100vw - 48px));
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) > .twist-board-launcher {
          margin-top: 84px;
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) .twist-hero-live-path {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          max-width: none;
          gap: 6px;
          border-radius: 16px;
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) .twist-hero-live-path strong,
        [data-challenge-twists-page]:not([data-twist-deck-page]) .twist-hero-live-path span {
          min-height: 30px;
          padding-inline: 5px;
          font-size: 0.62rem;
          line-height: 1.05;
          text-align: center;
          white-space: normal;
        }
        [data-twist-deck-page] {
          display: flex;
          flex-direction: column;
        }
        [data-twist-deck-page] > * { order: 20; }
        [data-twist-deck-page] > .quick-browse-page-hero { order: 1; }
        [data-twist-deck-page] > .side-directory-launcher-hero { order: 1; }
        [data-twist-deck-page] > #twist-deck { order: 2; }
        [data-twist-deck-page] > #starter-twists { order: 2; }
        [data-twist-deck-page] > .side-draw-drawer { order: 3; }
        [data-twist-deck-page] > .twist-board-launcher { order: 3; }
        [data-twist-deck-page] > .twist-mixer { order: 4; }
        [data-twist-deck-page] > .quick-browse-control-panel { order: 5; }
        [data-twist-deck-page] > .stud-ready-twist-path { order: 6; }
        [data-twist-deck-page] > #all-twist-decks { order: 7; }
        [data-twist-deck-page] .quick-browse-page-hero {
          gap: 9px;
          padding: 13px 12px 14px;
        }
        [data-twist-deck-page] .quick-browse-page-hero .static-hero-copy {
          gap: 8px;
        }
        [data-twist-deck-page] .quick-browse-page-hero h1 {
          font-size: clamp(1.85rem, 7.6vw, 2.25rem);
          line-height: 1;
        }
        [data-twist-deck-page] .quick-browse-page-hero .lead {
          margin: 0;
          font-size: 0.96rem;
          line-height: 1.28;
        }
        [data-twist-deck-page] .quick-browse-page-hero .quick-browse-stats,
        [data-twist-deck-page] .twist-hero-actions,
        [data-twist-deck-page] .twist-hero-live-path {
          display: none;
        }
        [data-twist-deck-page] .quick-browse-page-hero .static-note,
        [data-twist-deck-page] .static-hero-steps,
        [data-twist-deck-page] .twist-hero-command-card {
          display: none;
        }
        [data-twist-deck-page] .twist-hero-board-strip {
          gap: 6px;
          padding: 8px;
          border-radius: 15px;
        }
        [data-twist-deck-page] .twist-hero-board-strip p {
          font-size: 0.58rem;
        }
        [data-twist-deck-page] .twist-hero-board-row .twist-hero-board-card {
          flex-basis: calc((100% - 8px) / 2);
          min-height: 108px;
          border-radius: 16px;
        }
        [data-twist-deck-page] .twist-hero-board-card strong {
          font-size: 0.86rem;
        }
        [data-twist-deck-page] .twist-hero-board-card span {
          min-height: 22px;
          font-size: 0.56rem;
          line-height: 22px;
        }
        [data-twist-deck-page] .twist-hero-live-path {
          flex-wrap: nowrap;
          overflow-x: auto;
          padding-bottom: 4px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        [data-twist-deck-page] .twist-hero-live-path::-webkit-scrollbar {
          display: none;
        }
        [data-twist-deck-page] .twist-hero-live-path strong,
        [data-twist-deck-page] .twist-hero-live-path span {
          flex: 0 0 auto;
        }
        .saved-pack-hero-live-path,
        .twist-hero-live-path,
        .starter-pack-hero-live-path {
          border-radius: 16px;
        }
        .saved-pack-hero-live-path strong,
        .saved-pack-hero-live-path span,
        .twist-hero-live-path strong,
        .twist-hero-live-path span,
        .starter-pack-hero-live-path strong,
        .starter-pack-hero-live-path span {
          min-height: 30px;
        }
        [data-starter-packs-page] .static-hero-copy {
          gap: 10px;
        }
        [data-starter-packs-page] .static-hero h1 {
          font-size: clamp(1.95rem, 8.8vw, 2.55rem);
          line-height: 0.96;
        }
        [data-starter-packs-page] .lead {
          font-size: 1rem;
          line-height: 1.35;
        }
        [data-starter-packs-page] .static-note {
          display: none;
        }
        [data-starter-packs-page] .quick-browse-stats {
          display: none;
        }
        [data-starter-packs-page] .starter-pack-hero-actions {
          flex-wrap: wrap;
          margin-top: 4px;
          overflow: visible;
        }
        [data-starter-packs-page] .starter-pack-hero-actions a,
        [data-starter-packs-page] .starter-pack-hero-actions .starter-pack-more summary {
          flex: 1 1 142px;
          min-width: 0;
          line-height: 1.05;
          text-align: center;
          white-space: normal;
        }
        [data-starter-packs-page] .starter-pack-hero-command-grid {
          grid-auto-flow: row;
          grid-auto-columns: initial;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        [data-starter-packs-page] .starter-pack-hero-command-grid::-webkit-scrollbar {
          display: none;
        }
        [data-starter-packs-page] .starter-pack-hero-command-panel {
          gap: 8px;
        }
        [data-starter-packs-page] .starter-pack-hero-command-panel p {
          display: none;
        }
        [data-starter-packs-page] .starter-pack-hero-command-card {
          min-height: 106px;
          padding: 10px;
          scroll-snap-align: start;
        }
        [data-starter-packs-page] .starter-pack-hero-command-card:first-child {
          grid-column: 1 / -1;
          min-height: 112px;
        }
        [data-starter-packs-page] .starter-pack-hero-command-card b {
          margin-top: 20px;
          font-size: 0.82rem;
        }
        [data-starter-packs-page] .starter-pack-hero-command-card small {
          display: none;
        }
        [data-starter-packs-page] .starter-pack-hero-more-setups summary {
          width: 100%;
        }
        .saved-session-page .saved-play-queue {
          padding: 14px;
          border-radius: 20px;
        }
        .saved-session-page .saved-play-queue::before {
          border-radius: 20px 20px 0 0;
        }
        .saved-session-page .saved-play-queue .saved-games-section-head {
          gap: 8px;
          align-items: start;
        }
        .saved-session-page .saved-play-queue .saved-games-section-head h2 {
          font-size: clamp(1.6rem, 8.2vw, 2.15rem);
          line-height: 0.98;
        }
        .saved-session-page .saved-play-queue .activity-context {
          font-size: 0.86rem;
          line-height: 1.28;
        }
        .saved-session-page .saved-pack-roles {
          grid-auto-flow: column;
          grid-auto-columns: minmax(132px, 48vw);
          grid-template-columns: none;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding-bottom: 4px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .saved-session-page .saved-hero-playlist {
          grid-auto-flow: row;
          grid-auto-columns: initial;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        .saved-session-page .saved-pack-roles::-webkit-scrollbar,
        .saved-session-page .saved-hero-playlist::-webkit-scrollbar {
          display: none;
        }
        .saved-session-page .saved-pack-roles span,
        .saved-session-page .saved-hero-playlist span {
          min-height: 76px;
          scroll-snap-align: start;
        }
        .saved-session-page .saved-hero-command-grid,
        .saved-session-page .saved-hero-command-link {
          grid-auto-flow: column;
          grid-auto-columns: minmax(150px, 62vw);
          grid-template-columns: none;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding-bottom: 4px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .saved-session-page .saved-hero-command-grid::-webkit-scrollbar {
          display: none;
        }
        .saved-session-page .saved-hero-command-panel {
          gap: 8px;
          padding: 12px;
          border-radius: 18px;
        }
        .saved-session-page .saved-hero-command-panel p {
          display: none;
        }
        .saved-session-page .saved-hero-command-grid button,
        .saved-session-page .saved-hero-command-link {
          min-height: 104px;
          scroll-snap-align: start;
        }
        .saved-session-page .saved-hero-command-grid b,
        .saved-session-page .saved-hero-command-link b {
          margin-top: 20px;
        }
        .saved-session-page .saved-hero-command-grid small,
        .saved-session-page .saved-hero-command-link small {
          display: none;
        }
        .saved-session-page .saved-pack-command,
        .saved-session-page .saved-live-controller,
        .saved-session-page .saved-pack-finalize,
        .saved-session-page .saved-pack-trimmer {
          padding: 12px;
        }
        .saved-session-page .saved-live-controller {
          gap: 9px;
        }
        .saved-session-page [data-return-command] {
          order: -2;
        }
        .saved-session-page .saved-live-command-strip {
          order: -1;
          gap: 8px;
          padding: 10px;
        }
        .saved-session-page .saved-live-command-head small,
        .saved-session-page .saved-live-controller-head small,
        .saved-session-page .saved-live-command-actions small,
        .saved-session-page .saved-live-scoring-card small {
          display: none;
        }
        .saved-session-page .saved-live-command-actions {
          grid-auto-flow: column;
          grid-auto-columns: minmax(132px, 54vw);
          grid-template-columns: none;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding-bottom: 3px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .saved-session-page .saved-live-command-actions::-webkit-scrollbar {
          display: none;
        }
        .saved-session-page .saved-live-command-actions a,
        .saved-session-page .saved-live-command-actions button {
          min-height: 76px;
          padding: 8px;
          scroll-snap-align: start;
        }
        .saved-session-page .saved-live-command-actions b {
          font-size: 0.76rem;
        }
        .saved-session-page .saved-live-slots {
          grid-auto-flow: row;
          grid-auto-columns: initial;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          overflow: visible;
          padding: 1px 0 0;
          scroll-snap-type: none;
        }
        .saved-session-page .saved-live-slots::-webkit-scrollbar {
          display: none;
        }
        .saved-session-page .saved-live-ready-list {
          grid-template-columns: 1fr;
        }
        .saved-session-page .saved-live-slot {
          min-height: 104px;
          scroll-snap-align: start;
        }
        .saved-session-page .saved-live-slot.has-image {
          min-height: 136px;
        }
        .saved-session-page .saved-live-slot {
          padding: 9px;
          border-radius: 14px;
        }
        .saved-session-page .saved-live-slot span,
        .saved-session-page .saved-live-slot strong {
          font-size: 0.72rem;
          line-height: 1.05;
        }
        .saved-session-page .saved-live-slot small {
          font-size: 0.62rem;
          line-height: 1.12;
        }
        .saved-session-page .saved-live-scoring-options {
          grid-auto-flow: column;
          grid-auto-columns: minmax(138px, 55vw);
          grid-template-columns: none;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding-bottom: 4px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .saved-session-page .saved-live-scoring-options::-webkit-scrollbar {
          display: none;
        }
        .saved-session-page .saved-live-scoring-card {
          min-height: 108px;
          padding: 9px;
          scroll-snap-align: start;
        }
        .saved-session-page .saved-live-host-brief,
        .saved-session-page .saved-live-readout,
        .saved-session-page .saved-live-run-order,
        .saved-session-page .saved-live-scoring-mode,
        .saved-session-page .saved-live-group-setup,
        .saved-session-page .saved-live-ready-check,
        .saved-session-page .saved-live-stud-fit {
          gap: 8px;
          padding: 10px;
        }
        .saved-session-page .saved-games-dashboard {
          padding: 12px;
          border-radius: 18px;
        }
        .saved-session-page .saved-games-toolbar a,
        .saved-session-page .saved-games-toolbar button,
        .saved-session-page .saved-game-actions a,
        .saved-session-page .saved-game-actions button,
        .saved-session-page .saved-game-actions .saved-pack-more summary {
          min-height: 40px;
        }
        .saved-session-page .saved-game-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .saved-session-page .saved-game-actions a,
        .saved-session-page .saved-game-actions button {
          width: 100%;
          padding-inline: 8px;
          font-size: 0.72rem;
          line-height: 1.08;
          text-align: center;
          white-space: normal;
        }
        .saved-session-page .saved-game-actions .saved-pack-more {
          width: 100%;
        }
        .saved-session-page .saved-game-actions .saved-pack-more[open] {
          grid-column: 1 / -1;
        }
        .saved-session-page .saved-game-actions .saved-pack-more summary {
          width: 100%;
          padding-inline: 8px;
          font-size: 0.72rem;
          line-height: 1.08;
          text-align: center;
          white-space: normal;
        }
        .saved-session-page .saved-game-actions .saved-pack-more[open] > span {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
        }
        .saved-session-page .saved-live-run-order,
        .saved-session-page .saved-live-group-setup,
        .saved-session-page .saved-live-ready-check,
        .saved-session-page .saved-live-stud-fit,
        .saved-session-page .saved-live-after-round,
        .saved-session-page .saved-pack-command,
        .saved-session-page .saved-pack-finalize {
          display: none;
        }
        .saved-session-page .saved-first-run-wizard,
        .saved-session-page .saved-quick-builder,
        .saved-session-page .saved-pack-recipes {
          gap: 10px;
          padding: 12px;
          border-radius: 18px;
        }
        .saved-session-page .saved-first-run-wizard .saved-games-section-head,
        .saved-session-page .saved-quick-builder .saved-games-section-head,
        .saved-session-page .saved-pack-recipes .saved-games-section-head {
          gap: 8px;
        }
        .saved-session-page .saved-first-run-wizard .activity-context,
        .saved-session-page .saved-quick-builder .activity-context,
        .saved-session-page .saved-pack-recipes .activity-context {
          display: none;
        }
        .saved-session-page .saved-first-run-more {
          display: none;
        }
        .saved-session-page .saved-scenario-starts,
        .saved-session-page .saved-quick-builder-grid,
        .saved-session-page .saved-pack-recipe-grid {
          display: flex;
          gap: 9px;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding-bottom: 5px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .saved-session-page .saved-scenario-starts::-webkit-scrollbar,
        .saved-session-page .saved-quick-builder-grid::-webkit-scrollbar,
        .saved-session-page .saved-pack-recipe-grid::-webkit-scrollbar {
          display: none;
        }
        .saved-session-page .saved-scenario-start-card,
        .saved-session-page .saved-quick-builder-grid a,
        .saved-session-page .saved-quick-builder-grid button,
        .saved-session-page .saved-pack-recipe-card {
          flex: 0 0 min(286px, 84vw);
          scroll-snap-align: start;
        }
        .saved-session-page .saved-scenario-start-card {
          padding: 10px;
          border-radius: 15px;
        }
        .saved-session-page .saved-scenario-start-card p,
        .saved-session-page .saved-pack-recipe-card ol,
        .saved-session-page .saved-pack-recipe-card .activity-detail {
          display: block;
          overflow: visible;
        }
        .saved-session-page .saved-scenario-start-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .saved-session-page .saved-scenario-start-actions a,
        .saved-session-page .saved-scenario-start-actions button {
          width: 100%;
          min-height: 34px;
          padding-inline: 8px;
          font-size: 0.7rem;
          line-height: 1.06;
          text-align: center;
        }
        .saved-session-page .saved-pack-recipe-card {
          padding: 12px;
          border-radius: 16px;
        }
        .saved-session-page .saved-pack-recipe-card h3 {
          font-size: 1.05rem;
          line-height: 1.06;
        }
        .saved-session-page .saved-pack-recipe-card .share-actions,
        .saved-session-page .saved-pack-recipe-card .saved-pack-finalize-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        .saved-session-page .saved-pack-recipe-card .share-actions a,
        .saved-session-page .saved-pack-recipe-card .share-actions button,
        .saved-session-page .saved-pack-recipe-card .saved-pack-finalize-actions a,
        .saved-session-page .saved-pack-recipe-card .saved-pack-finalize-actions button {
          width: 100%;
          min-height: 36px;
          padding-inline: 8px;
          font-size: 0.72rem;
          line-height: 1.06;
        }
        .saved-session-page .static-hero {
          gap: 10px;
          padding: 16px;
          border-radius: 22px;
        }
        .saved-session-page .static-hero h1 {
          font-size: clamp(2rem, 10vw, 2.65rem);
          line-height: 0.94;
        }
        .saved-session-page .static-hero .lead,
        .saved-session-page .static-hero .static-note,
        .saved-session-page .saved-pack-hero-live-path,
        .saved-session-page .saved-hero-playlist,
        .saved-session-page .saved-hero-command-panel {
          display: none;
        }
        .saved-session-page .static-hero .landing-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
          margin-top: 8px;
        }
        .saved-session-page .static-hero .landing-actions a,
        .saved-session-page .static-hero .landing-actions button {
          min-height: 40px;
          padding-inline: 8px;
          font-size: 0.7rem;
          line-height: 1.05;
          text-align: center;
          white-space: normal;
        }
        .saved-session-page .static-hero .landing-actions a:nth-child(n+5) {
          display: none;
        }
        .saved-session-page .saved-play-queue .saved-games-section-head .share-actions,
        .saved-session-page .saved-play-queue .saved-pack-roles,
        .saved-session-page .saved-live-controller-head small,
        .saved-session-page .saved-live-host-brief,
        .saved-session-page [data-play-queue-status],
        .saved-session-page [data-play-queue-list],
        .saved-session-page .saved-first-run-wizard,
        .saved-session-page .saved-quick-builder,
        .saved-session-page .saved-games-dashboard,
        .saved-session-page .saved-result-recaps,
        .saved-session-page .saved-return-loop,
        .saved-session-page .saved-pack-recipes,
        .saved-session-page [data-saved-games-page] > section:not(.static-hero):not(.saved-play-queue) {
          display: none;
        }
        .saved-session-page .saved-play-queue {
          margin-top: 12px;
        }
        .saved-session-page .saved-live-controller-head {
          padding: 10px;
          border-radius: 16px;
          background: rgba(255, 255, 255, 0.72);
        }
        .saved-session-page .saved-live-controller-head strong {
          font-size: 1rem;
          line-height: 1.08;
        }
        .saved-session-page .saved-live-controller-head .saved-pack-finalize-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
          width: 100%;
        }
        .saved-session-page .saved-live-controller-head .saved-pack-finalize-actions a {
          width: 100%;
          min-height: 38px;
          padding-inline: 8px;
          font-size: 0.68rem;
          line-height: 1.05;
          text-align: center;
        }
        .saved-session-page .saved-live-command-strip {
          display: none;
        }
        .saved-session-page .saved-live-slots {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        .saved-session-page .saved-live-slots::-webkit-scrollbar {
          display: none;
        }
        .saved-session-page .saved-live-slot,
        .saved-session-page .saved-live-slot.has-image {
          min-width: 0;
          min-height: 116px;
        }
        .saved-session-page .saved-live-slot small {
          display: none;
        }
        .saved-session-page .saved-live-slot a {
          min-height: 34px;
          padding-inline: 8px;
          font-size: 0.68rem;
          line-height: 1.05;
        }
        .saved-session-page .saved-live-scoring-options {
          display: grid;
          grid-auto-flow: row;
          grid-auto-columns: initial;
          grid-template-columns: 1fr;
          gap: 8px;
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        .saved-session-page .saved-live-scoring-card {
          min-height: 0;
          scroll-snap-align: initial;
        }
        .activity-session-card {
          gap: 10px;
          padding: 14px;
          border-radius: 20px;
        }
        .activity-session-card h2 {
          font-size: clamp(1.35rem, 6.8vw, 1.72rem);
          line-height: 1;
        }
        .activity-session-card .tracker-note {
          display: none;
        }
        .activity-session-card > .activity-play-kit-proof--session,
        .activity-session-card > [data-session-host-handoff],
        .activity-session-card > [data-session-scoring-bridge],
        .activity-session-card > [data-session-launch-card],
        .activity-session-card > [data-session-live-flow],
        .activity-session-card > [data-session-tool-preview] {
          display: none;
        }
        .activity-session-command {
          border-radius: 16px;
          gap: 9px;
          padding: 10px;
        }
        .activity-session-command::before {
          width: 100%;
          opacity: 0.32;
        }
        .activity-session-command::after {
          background:
            linear-gradient(90deg, rgba(22, 32, 43, 0.96), rgba(22, 32, 43, 0.78)),
            linear-gradient(135deg, rgba(49, 178, 138, 0.16), rgba(239, 123, 82, 0.12));
        }
        .activity-session-handoff {
          gap: 9px;
          padding: 10px;
        }
        .activity-session-handoff-list {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 6px;
        }
        .activity-session-handoff-list li {
          padding: 8px 6px;
        }
        .activity-session-handoff-list b {
          font-size: 0.68rem;
        }
        .activity-session-handoff-list em {
          display: none;
        }
        .activity-session-handoff-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
          min-width: 0;
        }
        .activity-session-handoff-actions button,
        .activity-session-handoff-actions a {
          min-height: 40px;
          padding-inline: 8px;
          font-size: 0.68rem;
          line-height: 1.05;
          white-space: normal;
        }
        .activity-session-command-copy span,
        .activity-session-command-state span {
          font-size: 0.58rem;
        }
        .activity-session-command-copy strong {
          font-size: clamp(0.92rem, 4.5vw, 1.08rem);
        }
        .activity-session-command-copy small {
          display: none;
        }
        .activity-session-command-actions {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          min-width: 0;
        }
        .activity-session-command-actions button[data-session-start] {
          grid-column: auto;
          min-height: 36px;
          font-size: 0.66rem;
        }
        .activity-session-command-actions button,
        .activity-session-command-actions a {
          min-height: 36px;
          padding-inline: 5px;
          font-size: 0.62rem;
          line-height: 1.05;
        }
        .activity-session-command-state {
          justify-content: stretch;
          gap: 6px;
        }
        .activity-host-readout {
          display: none;
        }
        .activity-session-command-state span,
        .activity-session-command-state a {
          flex: 1 1 auto;
          min-height: 34px;
          font-size: 0.62rem;
        }
        .activity-host-tabs {
          display: none;
        }
        .activity-host-console-head small,
        .activity-host-live-copy small {
          display: none;
        }
        .activity-host-tabs a {
          flex: 0 0 auto;
        }
        .activity-host-panel-grid {
          grid-auto-flow: column;
          grid-auto-columns: minmax(224px, 82vw);
          grid-template-columns: none;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding-bottom: 5px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .activity-host-panel-grid::-webkit-scrollbar {
          display: none;
        }
        .activity-host-panel {
          min-height: 168px;
          padding: 10px;
          scroll-snap-align: start;
        }
        .activity-host-panel p,
        .activity-host-panel li {
          font-size: 0.74rem;
          line-height: 1.24;
        }
        .activity-host-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .activity-host-actions a,
        .activity-host-actions button {
          width: 100%;
          min-height: 38px;
          padding-inline: 6px;
          font-size: 0.66rem;
          line-height: 1.05;
          white-space: normal;
        }
        .activity-session-tool-preview,
        .activity-session-handoff,
        .activity-session-launch,
        .activity-session-panel,
        .activity-result-card {
          border-radius: 14px;
        }
        .activity-session-tool-preview,
        .activity-session-handoff,
        .activity-session-launch {
          padding: 10px;
        }
        .activity-session-tool-preview strong {
          font-size: 0.96rem;
        }
        .activity-session-tool-preview small,
        .activity-session-launch small {
          font-size: 0.76rem;
        }
        .activity-session-launch-actions {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        .activity-session-launch-actions button,
        .activity-session-launch-actions a {
          min-height: 40px;
          padding-inline: 8px;
          font-size: 0.72rem;
        }
        .activity-play-state-rail {
          grid-template-columns: repeat(5, minmax(0, 1fr));
          gap: 6px;
          overflow: visible;
          padding-bottom: 0;
        }
        .activity-play-state-rail span {
          min-height: 48px;
          padding: 7px 5px;
          border-radius: 11px;
        }
        .activity-play-state-rail b {
          font-size: 0.65rem;
          line-height: 1;
        }
        .activity-play-state-rail small {
          display: none;
        }
        .activity-session-flow {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 6px;
          overflow: visible;
          padding-bottom: 0;
        }
        .activity-session-flow li {
          min-width: 0;
          padding: 8px 6px;
          border-radius: 12px;
        }
        .activity-session-flow span {
          font-size: 0.54rem;
          letter-spacing: 0.08em;
        }
        .activity-session-flow strong {
          font-size: 0.72rem;
        }
        .activity-session-flow small {
          display: none;
        }
        .activity-result-preview {
          gap: 8px;
          padding: 10px;
        }
        .activity-result-preview-media {
          min-height: 88px;
          aspect-ratio: 3 / 1;
          border-radius: 11px;
        }
        .activity-result-preview-media span {
          padding: 5px 7px;
          font-size: 0.56rem;
          letter-spacing: 0.07em;
        }
        .activity-result-preview > strong {
          font-size: 0.98rem;
        }
        .activity-result-preview > small {
          font-size: 0.74rem;
        }
        .activity-result-preview-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 6px;
        }
        .activity-result-preview-grid div {
          gap: 3px;
          padding: 7px;
          border-radius: 10px;
        }
        .activity-result-preview-grid em {
          font-size: 0.56rem;
          letter-spacing: 0.06em;
        }
        .activity-result-preview-grid b {
          font-size: 0.73rem;
          line-height: 1.14;
        }
        .activity-result-next-move {
          gap: 7px;
          padding: 10px;
        }
        .activity-result-next-move > strong {
          font-size: 0.92rem;
        }
        .activity-result-next-move > small,
        .activity-result-command-copy small,
        .activity-result-bridge-grid small {
          display: none;
        }
        .activity-result-bridge-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 6px;
        }
        .activity-result-bridge-grid div {
          gap: 3px;
          padding-top: 6px;
        }
        .activity-result-bridge-grid span {
          font-size: 0.55rem;
          letter-spacing: 0.06em;
        }
        .activity-result-bridge-grid strong {
          font-size: 0.72rem;
          line-height: 1.1;
        }
        .activity-result-command-strip {
          order: -1;
          gap: 8px;
          padding: 8px;
        }
        .activity-result-command-copy {
          gap: 3px;
        }
        .activity-result-command-copy strong {
          font-size: 0.84rem;
          line-height: 1.08;
        }
        .activity-result-next-steps {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 6px;
        }
        .activity-result-next-steps li {
          padding: 7px 6px;
        }
        .activity-result-next-steps strong {
          font-size: 0.72rem;
        }
        .activity-result-next-steps small {
          display: none;
        }
        .activity-session-panel,
        .activity-result-card {
          gap: 8px;
          padding: 12px;
        }
        .activity-session-plan,
        .activity-session-twist,
        .activity-session-points,
        .activity-session-setup {
          padding: 10px;
        }
      .activity-session-plan ul,
      .activity-session-twist p,
      .activity-session-twist-readout b,
      .activity-session-points p {
        font-size: 0.78rem;
        line-height: 1.3;
      }
        .activity-session-points-board {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .activity-session-point-team {
          padding: 8px;
        }
        .activity-session-point-team output {
          font-size: 1.55rem;
        }
        .activity-session-actions--setup,
        .activity-session-actions--utility,
        .activity-result-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .activity-result-next-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 6px;
        }
        .activity-session-actions--setup button,
        .activity-session-actions--utility button,
        .activity-result-next-actions button,
        .activity-result-next-actions a,
        .activity-result-next-actions .activity-result-more summary,
        .activity-result-actions button,
        .activity-result-actions a,
        .activity-result-actions .activity-result-more summary {
          width: 100%;
          min-height: 38px;
          padding-inline: 8px;
          font-size: 0.74rem;
        }
        .activity-result-next-actions .activity-result-more,
        .activity-result-actions .activity-result-more {
          width: 100%;
        }
        .activity-result-next-actions .activity-result-more[open],
        .activity-result-actions .activity-result-more[open] {
          grid-column: 1 / -1;
        }
        .activity-result-actions {
          grid-template-columns: 1fr;
        }
        .activity-result-next-actions button[data-session-copy-result="recap"] {
          grid-column: 1 / -1;
        }
        .static-hero-steps strong { font-size: 0.68rem; }
        .board-list { grid-template-columns: 1fr; }
        .directory-section-head {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 6px 8px;
          align-items: end;
        }
        .directory-section-head > div {
          min-width: 0;
        }
        .directory-section-head h2 {
          font-size: clamp(1.36rem, 6vw, 1.76rem);
        }
        .directory-section-head p {
          font-size: 0.9rem;
          line-height: 1.3;
        }
        .directory-section-head > a {
          width: auto;
          min-height: 36px;
          padding-inline: 10px;
          font-size: 0.76rem;
          white-space: nowrap;
        }
        .directory-known-board-rail div {
          flex-wrap: nowrap;
          overflow-x: auto;
          padding-bottom: 2px;
        }
        .directory-known-board-rail a {
          flex: 0 0 auto;
        }
        .starter-pack-situation-grid {
          display: flex;
          gap: 9px;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding-bottom: 5px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .starter-pack-situation-grid::-webkit-scrollbar {
          display: none;
        }
        .starter-pack-situation-card {
          flex: 0 0 100%;
          max-width: 100%;
          min-height: 174px;
          padding: 0;
          border-radius: 15px;
          scroll-snap-align: start;
        }
        .starter-pack-hero-setups {
          grid-auto-flow: column;
          grid-auto-columns: minmax(154px, 74vw);
          grid-template-columns: none;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding: 1px 16px 8px 0;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
        }
        .starter-pack-hero-setups::-webkit-scrollbar {
          display: none;
        }
        .starter-pack-hero-setup-card {
          scroll-snap-align: start;
        }
        .starter-pack-situation-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 6px;
        }
        .directory-card-more summary,
        .starter-pack-situation-actions a,
        .starter-pack-situation-actions .starter-pack-more summary {
          min-width: 0;
          padding-inline: 8px;
          font-size: 0.72rem;
          line-height: 1.05;
          white-space: normal;
        }
        .starter-pack-use-stud-action {
          gap: 4px;
        }
        .starter-pack-use-stud-action img {
          width: 14px;
          height: 14px;
        }
        article { border-radius: 16px; padding: 16px; }
        .static-board-card { grid-template-columns: minmax(0, 1fr); padding: 8px; }
        .static-board-media { aspect-ratio: 16 / 9; border-radius: 13px; }
        .static-board-body { padding: 7px 6px 4px; }
        .board-start-header { display: grid; }
        .board-start-shell {
          grid-template-columns: 1fr;
        }
        .board-start-lead {
          grid-template-columns: minmax(108px, 36%) minmax(0, 1fr);
          gap: 9px;
          padding: 8px;
        }
        .board-start-media {
          min-height: 0;
          border-radius: 13px;
        }
        .board-start-media img {
          height: 100%;
          min-height: 0;
        }
        .board-start-media span {
          left: 8px;
          top: 8px;
          padding: 5px 6px;
          font-size: 0.54rem;
          letter-spacing: 0.06em;
        }
        .board-start-body {
          align-content: start;
          gap: 6px;
          padding: 0;
        }
        .board-start-body .landing-card-kicker {
          gap: 4px;
        }
        .board-start-body .tag-pill {
          padding: 4px 6px;
          font-size: 0.56rem;
          line-height: 1;
        }
        .board-start-body h3 {
          font-size: clamp(1.05rem, 5.5vw, 1.34rem);
          line-height: 1.04;
        }
        .board-start-body > p:not(.landing-card-kicker):not(.share-actions):not(.activity-detail) {
          font-size: 0.82rem;
          line-height: 1.25;
        }
        .board-start-body .share-actions {
          gap: 6px;
          margin-top: 0;
        }
        .board-start-body .share-actions > a,
        .board-start-body .share-actions > button {
          flex: 1 1 82px;
          min-height: 36px;
          padding-inline: 8px;
          font-size: 0.72rem;
          line-height: 1.05;
        }
        .board-start-body .board-start-more summary {
          min-height: 36px;
          padding-inline: 9px;
          font-size: 0.72rem;
        }
        .board-start-facts {
          display: flex;
          flex-wrap: wrap;
          gap: 5px;
        }
        .board-start-fact {
          display: inline-flex;
          width: fit-content;
          padding: 5px 7px;
          border-radius: 999px;
        }
        .board-start-fact span {
          display: none;
        }
        .board-start-fact strong {
          font-size: 0.62rem;
          line-height: 1;
        }
        .board-start-body .activity-detail {
          display: none;
        }
        .board-start-list li {
          grid-template-columns: 1fr;
          align-items: stretch;
        }
        .board-start-list .copy-share-button {
          width: 100%;
        }
        .board-quick-browse-strip a {
          flex: 1 1 auto;
        }
        .quick-browse-control-panel a {
          flex: 1 1 140px;
          justify-content: center;
        }
        .quick-browse-control-panel {
          grid-template-columns: 1fr;
        }
        .quick-browse-mode-strip > details {
          padding: 10px;
          border-radius: 16px;
        }
        [data-static-quick-browse-page] .quick-browse-mode-strip {
          margin-top: 10px;
        }
        [data-static-quick-browse-page] .quick-browse-mode-strip > details > summary {
          min-height: 44px;
        }
        [data-static-quick-browse-page] .quick-browse-mode-strip > details > summary strong {
          font-size: 0.92rem;
        }
        .quick-browse-mode-panel {
          grid-template-columns: 1fr;
          gap: 8px;
          margin-top: 8px;
          padding-top: 10px;
        }
        [data-static-quick-browse-page] .quick-browse-mode-strip h2 {
          font-size: clamp(1.25rem, 6vw, 1.58rem);
          line-height: 1;
        }
        [data-static-quick-browse-page] .quick-browse-mode-copy {
          display: none;
        }
        .quick-browse-mode-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          justify-content: stretch;
        }
        [data-static-quick-browse-page] .quick-browse-mode-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
          overflow: visible;
          padding-bottom: 0;
        }
        [data-static-quick-browse-page] .quick-browse-mode-actions::-webkit-scrollbar {
          display: none;
        }
        [data-static-quick-browse-page] .quick-browse-mode-actions > a,
        [data-static-quick-browse-page] .quick-browse-mode-actions > details {
          width: 100%;
          min-width: 0;
        }
        [data-static-quick-browse-page] .quick-browse-mode-actions > a strong {
          font-size: 0.78rem;
          line-height: 1.04;
        }
        [data-static-quick-browse-page] .quick-browse-mode-actions > a span {
          display: none;
        }
        [data-static-quick-browse-page] .quick-browse-mode-more summary {
          width: 100%;
          min-height: 42px;
          padding-inline: 8px;
          font-size: 0.72rem;
        }
        .quick-browse-mode-actions a {
          min-width: 0;
          padding-inline: 8px;
          line-height: 1.05;
          white-space: normal;
        }
        .quick-browse-control-group {
          flex: 1 1 100%;
        }
        .quick-browse-scan {
          margin-top: 12px;
          padding: 10px;
          border-radius: 18px;
        }
        .quick-browse-scan-head {
          display: grid;
          gap: 4px;
        }
        .quick-browse-scan-head h2 {
          font-size: clamp(1.3rem, 5.7vw, 1.58rem);
          line-height: 1;
        }
        .quick-browse-scan-head p:last-child {
          display: none;
        }
        .quick-browse-fresh-stack {
          grid-template-columns: 1fr;
          padding: 7px;
          gap: 7px;
          border-radius: 18px;
          background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 251, 246, 0.82)),
            rgba(255, 255, 255, 0.86);
        }
        .quick-browse-fresh-media {
          order: 1;
          min-height: 156px;
          border-radius: 15px;
        }
        .quick-browse-fresh-media strong {
          max-width: min(100%, 11ch);
          font-size: clamp(1.55rem, 8.8vw, 2.35rem);
        }
        .quick-browse-fresh-stack-copy {
          order: 2;
          display: grid;
          grid-template-columns: auto minmax(0, 1fr);
          align-items: center;
          gap: 6px;
        }
        .quick-browse-fresh-stack-copy p {
          display: none;
        }
        .quick-browse-fresh-route {
          display: none;
        }
        .quick-browse-fresh-progress {
          grid-column: 1 / -1;
        }
        .quick-browse-fresh-stack-copy strong {
          justify-self: end;
        }
        .quick-browse-fresh-actions {
          order: 3;
          grid-template-columns: 1fr;
          gap: 6px;
        }
        .quick-browse-fresh-card {
          display: none;
        }
        .quick-browse-fresh-actions-main,
        .quick-browse-fresh-more .quick-browse-more-actions-menu {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        [data-static-quick-browse-page] .quick-browse-fresh-actions-main {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 5px;
        }
        .quick-browse-fresh-actions a,
        .quick-browse-fresh-actions button {
          min-height: 38px;
          padding-inline: 8px;
          font-size: 0.72rem;
          line-height: 1.05;
          white-space: normal;
        }
        [data-static-quick-browse-page] .quick-browse-fresh-actions a,
        [data-static-quick-browse-page] .quick-browse-fresh-actions button {
          min-height: 44px;
          padding-inline: 4px;
          font-size: 0.62rem;
        }
        [data-static-quick-browse-page] .quick-browse-fresh-actions [data-fresh-stack-stud] {
          gap: 3px;
        }
        [data-static-quick-browse-page] .quick-browse-fresh-actions [data-fresh-stack-stud] img {
          width: 14px;
          height: 14px;
        }
        .quick-browse-fresh-actions-main .landing-action-primary,
        .quick-browse-fresh-actions [data-fresh-stack-add],
        .quick-browse-fresh-actions [data-fresh-stack-skip] {
          min-height: 42px;
        }
        .quick-browse-fresh-plan {
          display: none;
        }
        .quick-browse-fresh-plan ol {
          grid-template-columns: 1fr;
          gap: 6px;
        }
        .quick-browse-fresh-plan li {
          grid-template-columns: minmax(70px, 0.35fr) minmax(0, 1fr);
          align-items: center;
        }
        .quick-browse-fresh-plan li small {
          display: none;
        }
        .quick-browse-scan-rail {
          grid-auto-columns: minmax(206px, 78vw);
        }
        .quick-browse-neighbor-deck-list {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .quick-browse-neighbor-deck-list a {
          min-width: 0;
          padding-inline: 8px;
          text-align: center;
        }
        .quick-browse-search {
          flex: 1 1 100%;
          grid-template-columns: 1fr;
          gap: 0;
          justify-self: stretch;
          max-width: none;
          padding: 8px 10px;
          border-radius: 16px;
        }
        .quick-browse-search input {
          border-left: 0;
          border-top: 1px solid rgba(22, 32, 43, 0.08);
          border-radius: 0;
          margin-top: 6px;
          padding-inline: 0;
        }
        .quick-browse-control-panel button {
          flex: 1 1 140px;
        }
        .quick-browse-shortlist-panel {
          grid-template-columns: 1fr;
          border-radius: 16px;
        }
        .quick-browse-shortlist-actions {
          justify-content: stretch;
        }
        .quick-browse-shortlist-actions a,
        .quick-browse-shortlist-actions button {
          flex: 1 1 150px;
        }
        [data-static-quick-browse-page] #play-ideas,
        [data-static-quick-browse-page] #challenge-twists,
        [data-static-quick-browse-page] #starter-packs,
        [data-static-quick-browse-page] .quick-browse-neighbor-decks,
        [data-static-quick-browse-page] .quick-browse-scoring-mode {
          display: grid;
          gap: 9px;
          margin-top: 12px;
          padding: 12px;
          border: 1px solid rgba(22, 32, 43, 0.08);
          border-radius: 18px;
          background:
            linear-gradient(135deg, rgba(255, 253, 248, 0.94), rgba(241, 250, 246, 0.82)),
            rgba(255, 255, 255, 0.82);
          box-shadow: 0 12px 28px rgba(23, 34, 50, 0.06);
        }
        [data-static-quick-browse-page] .quick-browse-anchor,
        [data-static-quick-browse-page] #play-ideas.quick-browse-anchor,
        [data-static-quick-browse-page] #challenge-twists.quick-browse-anchor {
          display: block;
          width: 0;
          height: 0;
          margin: 0;
          padding: 0;
          border: 0;
          border-radius: 0;
          font-size: 0;
          line-height: 0;
          overflow: hidden;
          background: transparent;
          box-shadow: none;
          opacity: 0;
        }
        [data-static-quick-browse-page] .quick-browse-section-head {
          display: grid;
          gap: 7px;
        }
        [data-static-quick-browse-page] .quick-browse-section-head h2,
        [data-static-quick-browse-page] .quick-browse-scoring-head h2,
        [data-static-quick-browse-page] #starter-packs h2,
        [data-static-quick-browse-page] .quick-browse-neighbor-decks h2 {
          font-size: clamp(1.24rem, 6vw, 1.62rem);
          line-height: 1;
        }
        [data-static-quick-browse-page] .quick-browse-section-head p,
        [data-static-quick-browse-page] .quick-browse-scoring-head p,
        [data-static-quick-browse-page] #starter-packs .quick-browse-section-head > p,
        [data-static-quick-browse-page] .quick-browse-neighbor-decks > p,
        [data-static-quick-browse-page] .quick-browse-scoring-note,
        [data-static-quick-browse-page] .quick-browse-handoff {
          display: none;
        }
        [data-static-quick-browse-page] .quick-browse-grid,
        [data-static-quick-browse-page] #starter-packs .saved-pack-recipe-grid {
          display: flex;
          align-items: flex-start;
          gap: 9px;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding: 1px 0 6px;
          scroll-padding-inline: 2px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        [data-static-quick-browse-page] .quick-browse-grid::-webkit-scrollbar,
        [data-static-quick-browse-page] #starter-packs .saved-pack-recipe-grid::-webkit-scrollbar {
          display: none;
        }
        [data-static-quick-browse-page] .quick-browse-static-card {
          flex: 0 0 100%;
          min-width: 0;
          max-width: 100%;
          scroll-snap-align: start;
        }
        [data-static-quick-browse-page] #starter-packs .saved-pack-recipe-card {
          flex: 0 0 100%;
          min-width: 0;
          max-width: 100%;
          padding: 12px;
          border-radius: 15px;
          scroll-snap-align: start;
        }
        [data-static-quick-browse-page] #starter-packs .saved-pack-recipe-card ol,
        [data-static-quick-browse-page] #starter-packs .saved-pack-recipe-card small,
        [data-static-quick-browse-page] #starter-packs .saved-pack-recipe-card p,
        [data-static-quick-browse-page] .quick-browse-static-card .quick-browse-card-summary {
          display: block;
          overflow: visible;
        }
        [data-static-quick-browse-page] .quick-browse-static-card .quick-browse-card-summary {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        [data-static-quick-browse-page] #starter-packs .saved-game-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        [data-static-quick-browse-page] #starter-packs .saved-game-actions > * {
          width: 100%;
          min-height: 36px;
          padding-inline: 8px;
          font-size: 0.7rem;
          line-height: 1.06;
          white-space: normal;
        }
        [data-static-quick-browse-page] #starter-packs .saved-game-actions .landing-action-primary {
          grid-column: 1 / -1;
        }
        [data-static-quick-browse-page] .quick-browse-scoring-grid {
          display: grid;
          grid-template-columns: 1fr;
          gap: 9px;
          overflow: visible;
          padding: 0;
          scroll-snap-type: none;
        }
        [data-static-quick-browse-page] .quick-browse-scoring-card {
          min-width: 0;
          padding: 10px;
          border-radius: 14px;
        }
        [data-static-quick-browse-page] .quick-browse-scoring-card p {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        [data-static-quick-browse-page] .quick-browse-scoring-card button {
          width: 100%;
          min-height: 36px;
          padding-inline: 8px;
          font-size: 0.7rem;
        }
        [data-static-quick-browse-page] .quick-browse-neighbor-deck-list a {
          width: 100%;
          min-width: 0;
        }
        .quick-browse-grid {
          gap: 10px;
        }
        .quick-browse-static-card {
          gap: 7px;
          padding: 12px;
        }
        .directory-result-card.quick-browse-static-card {
          gap: 0;
          padding: 0;
        }
        [data-static-quick-browse-page] .quick-browse-control-panel--simple {
          gap: 8px;
          margin-top: 10px;
          padding: 10px;
          border-radius: 16px;
        }
        [data-static-quick-browse-page] .quick-browse-control-panel--simple .quick-browse-search {
          grid-template-columns: minmax(0, 1fr);
          gap: 5px;
          width: 100%;
          padding: 8px;
          border-radius: 14px;
        }
        [data-static-quick-browse-page] .quick-browse-control-panel--simple .quick-browse-search input {
          min-height: 38px;
          border: 1px solid rgba(22, 32, 43, 0.08);
          border-radius: 999px;
          padding-inline: 10px;
          background: rgba(255, 255, 255, 0.86);
        }
        [data-static-quick-browse-page] .quick-browse-filter-row {
          flex-wrap: nowrap;
          gap: 5px;
          margin-inline: -1px;
        }
        [data-static-quick-browse-page] .quick-browse-filter-row button {
          min-height: 38px;
          padding-inline: 0.72rem;
          font-size: 0.76rem;
          white-space: nowrap;
        }
        [data-static-quick-browse-page] .quick-browse-results-section {
          margin-top: 10px;
          padding: 10px;
          border-radius: 18px;
        }
        .quick-browse-static-card .landing-card-kicker {
          margin-bottom: 2px;
        }
        .quick-browse-static-card h3 {
          font-size: 1rem;
        }
        .quick-browse-static-card .quick-browse-facts {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .quick-browse-static-card .quick-browse-facts div {
          padding: 6px;
        }
        .quick-browse-static-card .quick-browse-facts dt {
          font-size: 0.56rem;
        }
        .quick-browse-static-card .quick-browse-facts dd {
          font-size: 0.68rem;
        }
        .twist-mixer {
          gap: 10px;
          padding: 14px;
          border-radius: 20px;
        }
        .twist-mixer-head {
          display: grid;
          gap: 6px;
        }
	        .twist-mixer-head h2 {
	          font-size: clamp(1.45rem, 8vw, 2.05rem);
	          line-height: 0.98;
	        }
	        .twist-mixer-head p {
	          display: none;
	        }
	        .twist-mixer-controls {
	          grid-template-columns: 1fr;
	          gap: 8px;
	        }
	        .twist-mixer-controls label span {
	          display: none;
	        }
	        .twist-mixer-controls button {
	          width: 100%;
	        }
	        .twist-mixer-card {
	          grid-template-columns: 1fr;
	          padding: 12px;
	          border-radius: 16px;
	        }
	        .twist-mixer-card-media {
	          display: none;
	        }
	        .twist-mixer-card-image {
	          min-height: 180px;
	          max-height: 220px;
	        }
	        .twist-mixer-pair {
	          grid-template-columns: repeat(2, minmax(0, 1fr));
	          gap: 7px;
	        }
	        .twist-mixer-pair div {
	          padding: 9px;
	        }
	        .twist-mixer-pair dd,
	        .twist-mixer-card-body > p:not(.landing-card-kicker):not(.share-actions):not(.twist-deck-status) {
	          display: block;
	          overflow: visible;
	        }
	        .twist-mixer-card .share-actions {
	          display: grid;
	          grid-template-columns: repeat(2, minmax(0, 1fr));
	          gap: 7px;
	        }
	        .twist-mixer-card .share-actions .landing-action-primary {
	          grid-column: 1 / -1;
	        }
	        .twist-mixer-card .share-actions a,
	        .twist-mixer-card .share-actions button {
	          width: 100%;
	          min-height: 36px;
	          padding-inline: 8px;
	          font-size: 0.72rem;
	          line-height: 1.08;
	        }
	        .twist-deck {
	          padding: 14px;
	          border-radius: 20px;
        }
        .twist-deck-head {
          display: grid;
          gap: 6px;
        }
        .twist-deck-head p {
          display: none;
        }
        .twist-deck-card {
          order: 3;
        }
        .twist-deck-controls {
          order: 2;
          grid-template-columns: minmax(0, 1fr) minmax(112px, 0.42fr);
          gap: 8px;
        }
        .twist-deck-flow {
          order: 5;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 6px;
        }
        .twist-deck-flow li {
          padding: 8px 6px;
          border-radius: 12px;
        }
        .twist-deck-flow span {
          font-size: 0.54rem;
          letter-spacing: 0.08em;
        }
        .twist-deck-flow strong {
          font-size: 0.72rem;
        }
        .twist-deck-flow small {
          display: none;
        }
	        .twist-deck-command {
	          display: none;
	        }
        .twist-deck-command-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          justify-content: stretch;
        }
        .twist-deck-command-actions a,
        .twist-deck-command-actions button {
          min-height: 40px;
          padding-inline: 8px;
          font-size: 0.72rem;
        }
        .twist-deck-tags {
          display: none;
        }
        .twist-deck-controls .copy-share-button {
          width: 100%;
          min-height: 48px;
          padding-inline: 8px;
          border-color: rgba(255, 255, 255, 0.2);
          background: #67c6aa;
          color: #101927;
          font-size: 0.68rem;
          line-height: 1.05;
          white-space: normal;
        }
        .twist-deck-card {
          grid-template-columns: 1fr;
          padding: 12px;
          border-radius: 16px;
        }
	        .twist-deck-card-media {
	          order: 3;
	          min-height: 148px;
	          max-height: 168px;
	        }
        .twist-deck-card-body {
          order: 4;
          padding: 0;
        }
        .twist-deck-card .twist-deck-card-draw {
          order: 1;
        }
	        .twist-deck-card .landing-card-kicker {
	          display: none;
	        }
        .twist-deck-card h3 {
          order: 3;
        }
        .twist-deck-card .share-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          order: 4;
          gap: 8px;
          margin-top: 0;
        }
        .twist-deck-card .share-actions a,
        .twist-deck-card .share-actions button {
          justify-content: center;
          min-width: 0;
          width: 100%;
          min-height: 40px;
          padding-inline: 9px;
          line-height: 1.05;
          text-align: center;
          white-space: normal;
        }
	        .twist-deck-card [data-twist-deck-summary] {
	          display: block;
	          order: 5;
	          overflow: visible;
	          -webkit-box-orient: vertical;
	          -webkit-line-clamp: unset;
	        }
	        .twist-deck-card .activity-detail {
	          display: none;
	        }
        .twist-deck-card .twist-deck-status {
          order: 7;
        }
        .twist-deck {
          gap: 10px;
          padding: 12px;
          border-radius: 20px;
        }
        .twist-deck-head {
          gap: 8px;
        }
        .twist-deck-head h2 {
          font-size: clamp(1.32rem, 7vw, 1.72rem);
          line-height: 0.98;
        }
        .twist-deck-head p,
        .twist-deck-flow,
        .twist-deck-command {
          display: none;
        }
        .twist-deck-controls {
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 8px;
        }
        .twist-deck-controls label {
          min-width: 0;
        }
        .twist-deck-controls select {
          min-height: 42px;
        }
        .twist-deck-tags {
          grid-column: 1 / -1;
          flex-wrap: nowrap;
          overflow-x: auto;
          padding-bottom: 3px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .twist-deck-tags::-webkit-scrollbar {
          display: none;
        }
        .twist-deck-tags button {
          flex: 0 0 auto;
          min-height: 34px;
          white-space: nowrap;
        }
        .twist-deck-card {
          grid-template-columns: minmax(0, 1fr);
          gap: 8px;
          min-height: 0;
          padding: 9px;
          border-radius: 18px;
        }
        .twist-deck-card-media {
          min-height: 128px;
          aspect-ratio: 16 / 7;
          border-radius: 14px;
        }
        .twist-deck-card .landing-card-kicker {
          display: flex;
          gap: 6px;
          overflow-x: auto;
          padding-bottom: 2px;
          scrollbar-width: none;
        }
        .twist-deck-card .landing-card-kicker::-webkit-scrollbar {
          display: none;
        }
        .twist-deck-card h3 {
          font-size: clamp(1.18rem, 6.2vw, 1.46rem);
          line-height: 1.03;
        }
        .twist-deck-card .share-actions {
          display: grid;
          grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) minmax(72px, 0.72fr);
          gap: 7px;
        }
        .twist-deck-card-more {
          min-width: 0;
        }
        .twist-deck-card-more summary {
          width: 100%;
          min-height: 40px;
          padding-inline: 9px;
          line-height: 1;
        }
        .twist-deck-card-more[open] {
          grid-column: 1 / -1;
        }
        .twist-deck-card-more span {
          position: static;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          min-width: 0;
          margin-top: 7px;
          box-shadow: none;
        }
        .twist-deck-card-draw {
          display: grid;
          gap: 6px;
          padding: 10px;
        }
        .stud-ready-twist-path {
          grid-template-columns: 1fr;
          padding: 14px;
          border-radius: 20px;
        }
        [data-twist-deck-page] > .quick-browse-control-panel {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
          margin-top: 10px;
          padding: 8px;
          overflow: visible;
          border-radius: 16px;
        }
        [data-twist-deck-page] > .quick-browse-control-panel::-webkit-scrollbar {
          display: none;
        }
        [data-twist-deck-page] > .quick-browse-control-panel strong {
          display: none;
        }
        [data-twist-deck-page] > .quick-browse-control-panel a {
          justify-content: center;
          width: 100%;
          min-width: 0;
          min-height: 34px;
          padding-inline: 10px;
          font-size: 0.68rem;
          line-height: 1;
          text-align: center;
          white-space: normal;
        }
        [data-twist-deck-page] .stud-ready-twist-path {
          gap: 8px;
          margin-top: 10px;
          padding: 12px;
        }
        [data-twist-deck-page] .stud-ready-twist-path h2 {
          font-size: clamp(1.05rem, 5.4vw, 1.28rem);
          line-height: 1.02;
        }
        [data-twist-deck-page] .stud-ready-twist-path p {
          display: block;
          overflow: visible;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: unset;
          font-size: 0.8rem;
          line-height: 1.28;
        }
        .stud-ready-twist-actions {
          display: flex;
          flex-wrap: nowrap;
          gap: 7px;
          justify-content: stretch;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding-bottom: 3px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .stud-ready-twist-actions::-webkit-scrollbar {
          display: none;
        }
	        .stud-ready-twist-actions a {
	          flex: 0 0 auto;
	          min-height: 40px;
	          min-width: min(168px, 48vw);
	          width: auto;
	          padding-inline: 10px;
	          font-size: 0.72rem;
	          line-height: 1.05;
	        }
	        .twist-compact-section {
	          border-radius: 18px;
	        }
	        .twist-compact-section summary {
	          gap: 9px;
	          min-height: 70px;
	          padding: 12px;
	        }
	        .twist-compact-section summary b {
	          font-size: 1rem;
	        }
	        .twist-compact-section summary small {
	          display: none;
	        }
	        .twist-compact-section summary em {
	          min-height: 27px;
	          padding-inline: 8px;
	          font-size: 0.64rem;
	        }
	        .twist-compact-section summary::after {
	          width: 30px;
	          height: 30px;
	        }
	        .twist-compact-section > .grid,
	        .twist-compact-section > .landing-activity-grid {
	          padding: 0 10px 10px;
	        }
        .side-draw-drawer > .twist-deck {
          margin: 0 10px 10px;
        }
	        .twist-board-launcher {
	          gap: 10px;
	          padding: 14px;
          border-radius: 20px;
        }
        .twist-board-launcher-head {
          order: 1;
        }
        .twist-board-launcher-controls {
          order: 2;
        }
        .twist-board-popular-label {
          order: 3;
        }
        .twist-board-launcher > .twist-board-popular-row {
          order: 4;
        }
        .twist-board-launcher-featured {
          order: 5;
        }
        .twist-board-start-choice {
          display: none;
        }
        .twist-board-launcher-head {
          display: grid;
          gap: 6px;
        }
        .twist-board-launcher-head h2 {
          font-size: clamp(1.45rem, 8vw, 2.05rem);
          line-height: 0.98;
        }
        .twist-board-launcher-head p {
          display: none;
        }
        .twist-board-start-choice {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
        }
        .twist-board-start-choice a {
          min-height: 42px;
          padding: 10px 12px;
          text-align: center;
        }
        .twist-board-start-choice a span {
          display: none;
        }
        .twist-board-popular-row {
          display: grid;
          grid-auto-flow: column;
          grid-auto-columns: calc((100% - 21px) / 4);
          grid-template-columns: none;
          gap: 7px;
          overflow-x: auto;
          padding-bottom: 3px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .twist-board-popular-row::-webkit-scrollbar {
          display: none;
        }
        .twist-board-popular-row a {
          min-width: 0;
          min-height: 34px;
          padding: 6px 9px;
          font-size: 0.66rem;
          justify-content: center;
          line-height: 1.08;
          overflow: visible;
          text-align: center;
          text-overflow: clip;
          white-space: normal;
        }
        .twist-hero-board-row {
          display: flex;
          gap: 8px;
          padding-right: 30px;
        }
        [data-twist-deck-page] .twist-hero-board-row .twist-hero-board-card,
        .twist-hero-board-row .twist-hero-board-card {
          flex: 0 0 auto;
          min-height: 36px;
          padding: 0 10px;
          border-radius: 999px;
        }
        [data-twist-deck-page] .twist-hero-board-card strong,
        .twist-hero-board-card strong {
          font-size: 0.76rem;
        }
        [data-twist-deck-page] .twist-hero-board-card span,
        .twist-hero-board-card span {
          min-width: 20px;
          min-height: 20px;
          padding-inline: 6px;
          font-size: 0.56rem;
        }
        .twist-board-launcher-controls {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
        }
        .twist-board-launcher-controls label span {
          display: none;
        }
        .twist-board-launcher-controls input {
          min-height: 42px;
        }
        .twist-board-launcher-controls a {
          grid-column: 1 / -1;
          width: 100%;
        }
        .twist-board-launcher-groups {
          display: flex;
          gap: 10px;
          overflow-x: auto;
          padding-bottom: 4px;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
          scroll-snap-type: x proximity;
        }
        .twist-board-launcher-groups::-webkit-scrollbar {
          display: none;
        }
        .twist-board-group {
          flex: 0 0 min(84vw, 320px);
          gap: 6px;
          scroll-snap-align: start;
        }
        .twist-board-group h3 {
          font-size: 0.9rem;
        }
	        .twist-board-launcher-grid,
	        .twist-board-launcher-featured {
	          display: flex;
	          gap: 8px;
	          overflow-x: auto;
	          overscroll-behavior-x: contain;
          padding-bottom: 4px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .twist-board-launcher-grid::-webkit-scrollbar,
        .twist-board-launcher-featured::-webkit-scrollbar {
          display: none;
        }
        .twist-board-launcher-card {
          flex: 0 0 100%;
          width: 100%;
          scroll-snap-align: start;
          min-height: 146px;
        }
        .twist-board-launcher-card small {
          display: none;
        }
        .twist-board-launcher-card-copy > div {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .twist-board-launcher-card a {
          min-height: 36px;
          padding-inline: 8px;
          font-size: 0.7rem;
          line-height: 1.08;
        }
        .twist-mixer,
        .twist-hero-actions a[href="#base-game-twist-mixer"],
        .quick-browse-control-panel a[href="#base-game-twist-mixer"],
        .stud-ready-twist-actions a[href="#base-game-twist-mixer"] {
          display: none;
        }
        .quick-browse-facts {
          grid-template-columns: 1fr;
        }
        .board-filter-panel { padding: 16px; border-radius: 18px; }
        .board-filter-chips {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 7px;
        }
        .board-filter-chips button {
          min-height: 42px;
          padding: 0 10px;
          font-size: 0.74rem;
        }
        .landing-activity-grid { grid-template-columns: 1fr; }
        .lane-board-index-section,
        .lane-featured-ideas-section {
          display: grid;
          gap: 10px;
          margin-top: 16px;
          padding: 12px;
          border: 1px solid rgba(22, 32, 43, 0.08);
          border-radius: 18px;
          background:
            linear-gradient(135deg, rgba(255, 253, 248, 0.94), rgba(241, 250, 246, 0.82)),
            rgba(255, 255, 255, 0.82);
          box-shadow: 0 12px 28px rgba(23, 34, 50, 0.06);
        }
        .lane-board-index-section .board-list,
        .lane-featured-ideas-section .landing-activity-grid {
          display: flex;
          gap: 9px;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          padding: 1px 2px 7px;
          scroll-padding-inline: 2px;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch;
        }
        .lane-board-index-section .board-list::-webkit-scrollbar,
        .lane-featured-ideas-section .landing-activity-grid::-webkit-scrollbar {
          display: none;
        }
        .lane-board-index-section .static-board-card,
        .lane-featured-ideas-section .landing-idea-card {
          flex: 0 0 100%;
          width: 100%;
          max-width: 100%;
          scroll-snap-align: start;
        }
        .lane-board-index-section .static-board-card {
          grid-template-columns: minmax(0, 1fr);
          padding: 8px;
        }
        .lane-board-index-section .static-board-body h3 {
          font-size: 1rem;
          line-height: 1.05;
        }
        .lane-board-index-section .static-board-body p:not(.meta):not(.landing-open-link) {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        .lane-featured-ideas-section .landing-idea-card {
          display: grid;
          gap: 8px;
          padding: 12px;
        }
        .lane-featured-ideas-section .landing-idea-card h3 {
          font-size: 1.04rem;
          line-height: 1.05;
        }
        .lane-featured-ideas-section .landing-idea-card > p:not(.landing-card-kicker):not(.activity-detail):not(.landing-open-link) {
          display: block;
          overflow: visible;
          -webkit-line-clamp: unset;
        }
        .lane-featured-ideas-section .landing-idea-card .activity-detail {
          display: none;
        }
        .quick-browse-scan-rail {
          grid-auto-columns: 100%;
        }
        .lane-featured-ideas-section .landing-card-kicker .tag-pill:not(:first-child) {
          display: none;
        }
        .directory-result-filter-rail {
          gap: 7px;
          margin-inline: -2px;
          padding: 0 30px 6px 2px;
        }
        .directory-result-filter-rail :is(a, button) {
          min-height: 42px;
          gap: 8px;
          padding: 0 13px;
          font-size: 0.78rem;
        }
        .directory-result-filter-rail strong {
          min-width: 24px;
          min-height: 24px;
          padding: 0 7px;
          font-size: 0.64rem;
        }
        .directory-result-panel {
          border-radius: 16px;
        }
        .directory-result-panel-head {
          padding: 12px 13px;
        }
        .directory-result-panel-head h3 {
          font-size: 1.08rem;
        }
        .directory-result-panel-head p {
          font-size: 0.78rem;
        }
        .directory-result-list {
          gap: 8px;
          padding: 8px;
        }
        .directory-result-list--extra {
          padding: 8px 0 0;
        }
        .directory-result-load-row {
          padding: 0 8px 10px;
        }
        .directory-result-load-row button {
          min-height: 44px;
          min-width: 100%;
          font-size: 0.8rem;
        }
        .board-result-more-list {
          margin: 0 8px 8px;
        }
        .board-result-more-list > summary {
          min-height: 44px;
          padding: 9px 10px;
          border-radius: 13px;
        }
        .board-result-more-list > summary b {
          font-size: 0.84rem;
        }
        .board-result-more-list > summary small {
          font-size: 0.7rem;
        }
        .board-result-more-list > summary em {
          min-width: 32px;
          min-height: 32px;
        }
        .directory-result-card {
          grid-template-columns: 118px minmax(0, 1fr);
          min-height: 178px;
          border-radius: 14px;
        }
        .directory-result-card-body {
          gap: 5px;
          padding: 9px;
        }
        .directory-result-badge {
          min-height: 24px;
          padding: 0 8px;
          font-size: 0.58rem;
        }
        .directory-result-card h3 {
          font-size: 1rem;
        }
        .directory-result-card-description {
          font-size: 0.75rem;
          line-height: 1.22;
        }
        .directory-result-facts {
          gap: 4px;
        }
        .directory-result-facts span {
          min-height: 22px;
          padding: 0 6px;
          font-size: 0.58rem;
        }
        .directory-result-actions {
          gap: 5px;
        }
        .directory-result-actions a,
        .directory-result-actions button {
          min-height: 40px;
          padding: 0 7px;
          font-size: 0.64rem;
          white-space: normal;
        }
        main[data-featured-activity-page] .activity-page-section--rules-share,
        main[data-featured-activity-page] .activity-page-section--scoring,
        main[data-featured-activity-page] .activity-page-section--options,
        main[data-featured-activity-page] .activity-page-section--feedback-next,
        main[data-featured-activity-page] .mini-section-grid,
        main[data-featured-activity-page] .activity-fit-summary-grid,
        main[data-featured-activity-page] .activity-scoring-options,
        main[data-featured-activity-page] .activity-session-panel {
          display: grid;
          grid-template-columns: 1fr;
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        main[data-featured-activity-page] .quick-fact-grid {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        main[data-featured-activity-page] .activity-page-section--rules-share > .activity-page-card,
        main[data-featured-activity-page] .activity-page-section--scoring > .activity-page-card,
        main[data-featured-activity-page] .activity-page-section--options > .activity-page-card,
        main[data-featured-activity-page] .activity-page-section--feedback-next > .activity-page-card,
        main[data-featured-activity-page] .quick-fact,
        main[data-featured-activity-page] .mini-section,
        main[data-featured-activity-page] .activity-fit-summary-item,
        main[data-featured-activity-page] .activity-scoring-option,
        main[data-featured-activity-page] .activity-session-panel > * {
          flex: none;
          width: 100%;
          max-width: 100%;
          scroll-snap-align: initial;
        }
        .activity-tool-card {
          gap: 12px;
          padding: 14px;
        }
        .activity-session-drawer > summary {
          min-height: 48px;
          padding: 10px;
        }
        .activity-session-drawer > summary strong {
          font-size: 0.9rem;
        }
        .activity-session-drawer > .activity-host-console,
        .activity-session-drawer > .activity-session-layout {
          margin: 8px;
        }
        .activity-tool-head .tracker-note {
          margin-top: 4px;
          font-size: 0.86rem;
          line-height: 1.34;
        }
        main[data-featured-activity-page] .play-tools-grid,
        .play-tools-grid {
          display: grid;
          grid-template-columns: 1fr;
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        main[data-featured-activity-page] .play-tools-grid > .play-tool-panel,
        .play-tool-panel {
          flex: none;
          width: 100%;
          max-width: 100%;
          gap: 8px;
          padding: 12px;
          border-radius: 14px;
          scroll-snap-align: initial;
        }
        .play-timer-display {
          min-height: 62px;
          border-radius: 15px;
        }
        .play-tool-actions,
        .score-row,
        .tracker-row {
          gap: 7px;
        }
        .play-tool-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .play-tool-actions button {
          width: 100%;
          padding-inline: 8px;
        }
        .tracker-row {
          grid-template-columns: minmax(0, 1fr) minmax(58px, auto) auto auto;
        }
        .tracker-row button,
        .score-row button {
          min-width: 42px;
          min-height: 42px;
          padding-inline: 9px;
        }
        .score-row { grid-template-columns: minmax(0, 1fr) repeat(3, minmax(40px, auto)); }
        .play-tool-panel[data-horse-tracker] .score-row {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .play-tool-panel[data-horse-tracker] .score-label {
          grid-column: 1 / -1;
        }
        .play-tool-panel[data-horse-tracker] .score-row button { width: 100%; }
        .horse-letter {
          width: 30px;
          height: 30px;
          font-size: 0.78rem;
        }
        .score-row button[data-score-reset] { grid-column: 1 / -1; }
        main[data-featured-activity-page] #activity-share-tools {
          display: grid;
          gap: 8px;
          padding: 10px;
        }
        main[data-featured-activity-page] #activity-share-tools h2 {
          font-size: clamp(1.08rem, 5.2vw, 1.36rem);
        }
        main[data-featured-activity-page] #activity-share-tools .share-copy,
        main[data-featured-activity-page] #activity-share-tools .activity-share-status {
          display: none;
        }
        main[data-featured-activity-page] #activity-share-tools .activity-share-card-preview {
          grid-template-columns: 78px minmax(0, 1fr);
          gap: 8px;
          margin-top: 0;
          padding: 8px;
          align-items: center;
        }
        main[data-featured-activity-page] #activity-share-tools .activity-share-card-preview img {
          width: 78px;
          height: 78px;
          min-height: 78px;
          aspect-ratio: 1;
          border-radius: 12px;
        }
        main[data-featured-activity-page] #activity-share-tools .activity-share-card-preview span {
          font-size: 0.52rem;
          letter-spacing: 0.06em;
        }
        main[data-featured-activity-page] #activity-share-tools .activity-share-card-preview strong {
          font-size: 0.88rem;
          line-height: 1.08;
        }
        main[data-featured-activity-page] #activity-share-tools .activity-share-card-preview p {
          display: none;
        }
        main[data-featured-activity-page] #activity-share-tools .share-actions {
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 6px;
          margin-top: 0;
        }
        main[data-featured-activity-page] #activity-share-tools .share-actions > * {
          min-height: 38px;
          padding-inline: 5px;
          font-size: 0.58rem;
          line-height: 1.04;
          white-space: normal;
        }
        main[data-featured-activity-page] #activity-share-tools .share-actions .landing-action-primary {
          grid-column: span 2;
        }
        main[data-featured-activity-page] .activity-page-scoring-grid {
          margin-top: 10px;
        }
        main[data-featured-activity-page] .activity-scoring-mode-card {
          gap: 8px;
          padding: 10px;
        }
        main[data-featured-activity-page] .activity-scoring-head {
          gap: 3px;
        }
        main[data-featured-activity-page] .activity-scoring-head h2 {
          font-size: clamp(1.05rem, 5.2vw, 1.34rem);
        }
        main[data-featured-activity-page] .activity-scoring-options {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 6px;
          overflow: visible;
          padding-bottom: 0;
          scroll-snap-type: none;
        }
        main[data-featured-activity-page] .activity-scoring-option {
          display: grid;
          align-content: space-between;
          gap: 6px;
          width: 100%;
          max-width: 100%;
          min-height: 92px;
          padding: 8px;
          border-radius: 13px;
          text-align: center;
        }
        main[data-featured-activity-page] .activity-scoring-option span,
        main[data-featured-activity-page] .activity-scoring-option p,
        main[data-featured-activity-page] .activity-scoring-option .stud-ready-badge {
          display: none;
        }
        main[data-featured-activity-page] .activity-scoring-option h3 {
          font-size: 0.76rem;
          line-height: 1.04;
        }
        main[data-featured-activity-page] .activity-scoring-option button {
          min-height: 36px;
          padding-inline: 4px;
          font-size: 0.58rem;
        }
        main[data-featured-activity-page] .activity-scoring-status {
          padding: 7px 9px;
          font-size: 0.6rem;
          letter-spacing: 0.06em;
        }
        main[data-featured-activity-page] .activity-stud-use-card {
          gap: 8px;
        }
        main[data-featured-activity-page] .activity-stud-use-copy p {
          display: none;
        }
        main[data-featured-activity-page] .activity-stud-use-facts div {
          padding: 7px;
        }
        main[data-featured-activity-page] .activity-stud-use-facts strong {
          font-size: 0.74rem;
        }
        main[data-featured-activity-page] .activity-stud-use-facts small {
          font-size: 0.5rem;
          letter-spacing: 0.06em;
        }
        .qr-panel { grid-template-columns: 1fr; }
        .activity-page-media { min-height: 220px; }
        .site-footer-shell { gap: 10px; }
        .site-footer-utilities { gap: 7px; }
        .site-footer-utilities a {
          min-height: 34px;
          padding: 0 12px;
          font-size: 0.78rem;
        }
        .site-disclaimer { border-radius: 18px; }
        .site-disclaimer p { padding: 14px 14px 16px; font-size: 0.82rem; }
        .site-tabbar {
          position: fixed;
          z-index: 100;
          left: 18px;
          right: 18px;
          bottom: max(8px, env(safe-area-inset-bottom));
          display: grid;
          grid-template-columns: repeat(5, minmax(0, 1fr));
          gap: 3px;
          max-width: 390px;
          margin: 0 auto;
          padding: 4px;
          border: 1px solid rgba(255, 255, 255, 0.18);
          border-radius: 18px;
          background: rgba(6, 10, 18, 0.94);
          box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
          backdrop-filter: blur(18px);
        }
        .site-tab {
          position: relative;
          display: grid;
          place-items: center;
          min-height: 40px;
          border-radius: 14px;
          color: rgba(255, 255, 255, 0.76);
          font-size: 0.52rem;
          font-weight: 850;
          text-align: center;
          text-decoration: none;
        }
        .site-tab.active {
          background: linear-gradient(135deg, #26d7ff, #8b5cf6);
          color: #fff;
          box-shadow:
            0 10px 24px rgba(0, 0, 0, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.12);
        }
        .site-tab-dot {
          position: absolute;
          top: 4px;
          width: 5px;
          height: 5px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.28);
        }
        .site-tab.active .site-tab-dot { background: #fff; }
      }
      [data-twist-deck-page] > .quick-browse-page-hero {
        grid-template-columns: minmax(0, 1fr);
        max-width: 1080px;
        margin-inline: auto;
      }
      [data-twist-deck-page] .twist-hero-command-card,
      [data-twist-deck-page] .twist-board-start-choice {
        display: none;
      }
      @media (max-width: 640px) {
        .lane-board-index-section .static-board-card {
          flex: 0 0 min(72vw, 270px);
          width: min(72vw, 270px);
          max-width: min(72vw, 270px);
          gap: 7px;
        }
        .lane-board-index-section .static-board-media {
          aspect-ratio: 16 / 4.8;
        }
        .lane-board-index-section .static-board-body {
          gap: 6px;
          padding: 6px 4px 3px;
        }
        .lane-board-index-section .static-board-body p:not(.meta):not(.landing-open-link) {
          display: none;
        }
        .lane-board-index-section .static-board-meta {
          display: none;
        }
        .lane-board-index-section .landing-open-link {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 6px;
          margin-top: 2px;
        }
        .lane-board-index-section .landing-open-link > a,
        .lane-board-index-section .landing-open-link > .directory-card-more,
        .lane-board-index-section .landing-open-link .directory-card-more summary {
          width: 100%;
        }
        .lane-board-index-section .landing-open-link a,
        .lane-board-index-section .landing-open-link .directory-card-more summary {
          min-height: 34px;
          padding-inline: 7px;
          font-size: 0.66rem;
          line-height: 1.05;
          white-space: normal;
        }
        [data-twist-deck-page] > #twist-deck {
          order: 2;
        }
        [data-twist-deck-page] > .twist-board-launcher {
          order: 3;
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) > .twist-board-launcher {
          margin-top: 10px;
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) .quick-browse-page-hero {
          gap: 10px;
          padding: 14px 12px;
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) .quick-browse-page-hero h1 {
          font-size: clamp(1.8rem, 8.4vw, 2.3rem);
          line-height: 1;
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) .quick-browse-page-hero .lead {
          font-size: 0.95rem;
          line-height: 1.28;
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) .quick-browse-page-hero .quick-browse-stats,
        [data-challenge-twists-page]:not([data-twist-deck-page]) .quick-browse-page-hero .static-note,
        [data-challenge-twists-page]:not([data-twist-deck-page]) .twist-hero-actions,
        [data-challenge-twists-page]:not([data-twist-deck-page]) .static-hero-steps {
          display: none;
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) .twist-hero-live-path {
          display: flex;
          gap: 7px;
          overflow-x: auto;
          padding-bottom: 3px;
          scrollbar-width: none;
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) .twist-hero-live-path::-webkit-scrollbar {
          display: none;
        }
        [data-challenge-twists-page]:not([data-twist-deck-page]) .twist-hero-live-path span {
          flex: 0 0 auto;
          min-height: 30px;
          white-space: nowrap;
        }
      }