:root {
    --paper: var(--ub-paper, #e4e5e8);
    --bone: var(--ub-bone, #eeeff1);
    --panel: #ffffff;
    --edge: #d2d4d8;
    --hair: #e1e3e6;
    --ink: #121212;
    --soft: #5f636a;
    --red: #e8291f;
    --red-on: #ffffff;
    --chip: rgba(255, 255, 255, .92);
    --chip-ink: #121212;
    --drop: 5px 5px 0 rgba(18, 18, 18, .15);
    --lift: 0 24px 70px rgba(18, 18, 18, .4);
    --sans: 'Archivo', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
    --num: 'Space Grotesk', 'Archivo', system-ui, sans-serif;
    --lede: 'Manrope', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
    --bar: 276px;
    --pad: 18px;
    color-scheme: light;
  }

  :root[data-theme="dark"] {
    --paper: var(--ud-paper, #0f1113);
    --bone: var(--ud-bone, #16181b);
    --panel: var(--ud-panel, #0c0d0f);
    --edge: var(--ud-edge, #2b2e33);
    --hair: var(--ud-hair, #1f2226);
    --ink: #ffffff;
    --soft: #9a9a9a;
    --chip: rgba(0, 0, 0, .86);
    --chip-ink: #ffffff;
    --drop: 5px 5px 0 rgba(0, 0, 0, .5);
    --lift: 0 24px 70px rgba(0, 0, 0, .65);
    color-scheme: dark;
  }

  html, body { height: 100%; }
  html { -webkit-text-size-adjust: 100%; }
  body {
    background: var(--paper); color: var(--ink); font-family: var(--sans);
    font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased;
  }
  * { box-sizing: border-box; }
  button, input, textarea { font: inherit; color: inherit; }
  html, body { scrollbar-width: none; -ms-overflow-style: none; }
  html::-webkit-scrollbar, body::-webkit-scrollbar { width: 0; height: 0; display: none; }
  .stage, .reel-track, .talk-list, .viewer-side { scrollbar-width: none; -ms-overflow-style: none; }
  .stage::-webkit-scrollbar, .viewer-side::-webkit-scrollbar { width: 0; height: 0; display: none; }

  .rise { opacity: 1; }
  @media (prefers-reduced-motion: no-preference) {
    .rise.rise {
      opacity: 0; transform: translate3d(0, 34px, 0);
      transition: opacity 1.35s cubic-bezier(.33, 0, .12, 1), transform 1.75s cubic-bezier(.33, 0, .12, 1), background-color .38s ease;
    }
    .rise.rise.shown { opacity: 1; transform: translate3d(0, 0, 0); }
    .rise.rise.held { opacity: 1; transform: none; transition: none; }
    .empty:not(.rise), .foundgrid > li, .foundsplit > *, .runform, .picksolo { animation: lateRise 1.6s cubic-bezier(.33, 0, .12, 1) .1s both; }
    @keyframes lateRise { from { opacity: 0; transform: translate3d(0, 34px, 0); } to { opacity: 1; transform: none; } }
    .fadein { animation: fadein 1.6s cubic-bezier(.22, .61, .36, 1) both; }
    @keyframes fadein {
      from { opacity: 0; transform: translate3d(0, 14px, 0); }
      to { opacity: 1; transform: translate3d(0, 0, 0); }
    }
  }

  :focus, :focus-visible { outline: none; }
  html.theme-snap *:not(#themeBtn):not(#themeBtn *), html.theme-snap *::before, html.theme-snap *::after { transition: none !important; }
  ::view-transition-old(root), ::view-transition-new(root) { animation-duration: .38s; animation-timing-function: ease; }
  ::-moz-focus-inner { border: 0; }
  .sheet input:focus-visible, .sheet textarea:focus-visible, .find input:focus-visible {
    outline: none; box-shadow: none;
  }

  .micro { font-size: 10px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }

  .shell { display: block; min-height: 100%; }

  .topbar {
    position: sticky; top: 0; z-index: 60; background: var(--paper);
    display: flex; align-items: center; gap: 22px;
    padding: 10px 24px; min-height: 58px;
  }
  .topbar .toptabs { flex: 1 1 auto; }
  .mastbrand { display: grid; gap: 3px; min-width: 0; margin-bottom: 4px; }
  .mastbrand .brand { display: grid; gap: 2px; }
  .mastbrand .brand p:last-child { display: none; }
  .mastbrand .brand h1 {
    font-size: clamp(36px, calc((100vw - 480px) / 7.7), 124px); white-space: nowrap; letter-spacing: -.05em; line-height: .92;
  }
  .mastbrand .kicker { font-size: 9px; letter-spacing: .2em; }

  .toptabs { display: flex; align-items: center; gap: 4px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .toptabs::-webkit-scrollbar { height: 0; }
  .toptabs .nav {
    width: auto; flex: none; gap: 8px; padding: 8px 12px; border-radius: 999px;
    font-size: 13px; white-space: nowrap; color: var(--soft);
  }
  .toptabs .nav { align-items: center; }
  .toptabs .nav svg { width: 18px; height: 18px; align-self: center; display: block; }
  .toptabs .nav span { display: block; line-height: 18px; }
  .toptabs .nav:hover { color: var(--ink); background: transparent; }
  @media (min-width: 901px) { .toptabs > .nav:first-child { padding-left: 0; } }
  .toptabs .nav[aria-pressed="true"] { background: transparent; color: var(--ink); font-weight: 700; }
  .toptabs .nav[aria-pressed="true"]::after {
    content: ""; position: absolute; left: 12px; right: 12px; bottom: -11px; height: 2px; background: var(--red);
  }
  .toptabs .nav { position: relative; }

  .topacts { flex: none; display: flex; align-items: center; gap: 17px; }
  .topacts .btn.block { width: auto; }
  .topacts #openSubmit { padding: 9px 15px; font-size: 11px; }
  .topacts .themerow { width: auto; padding: 4px 2px; }
  .topacts .themerow span { display: none; }

  .starbank {
    display: inline-flex; align-items: center; gap: 7px; flex: none; line-height: 1;
    border: 1px solid var(--hair); background: var(--bone); border-radius: 999px;
    padding: 7px 14px 7px 11px;
  }
  .starbank .bank-star { width: 15px; height: 15px; color: var(--red); display: block; flex: none; }

  .bank-num { font-variant-numeric: tabular-nums; }
  .bank-num b { font-family: var(--num); font-size: 14px; font-weight: 700; }
  .bank-num i { font-family: var(--num); font-style: normal; font-size: 14px; font-weight: 700; color: var(--soft); }
  .bank-word {
    font-size: 14px; font-weight: 700; color: var(--soft);
  }

  .modepick { position: relative; flex: none; }
  .modebtn {
    display: inline-flex; align-items: center; gap: 4px; cursor: pointer;
    border: 0; background: transparent; color: var(--soft);
    padding: 4px 2px; font: inherit;
    font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
    transition: color .15s ease;
  }
  .modebtn:hover { color: var(--ink); }
  .modebtn svg { width: 11px; height: 11px; flex: none; }
  .modemenu {
    position: absolute; top: calc(100% + 5px); right: 0; z-index: 70; min-width: 84px;
    border: 0; background: var(--panel); border-radius: 7px;
    box-shadow: var(--lift); padding: 3px; display: grid; gap: 0;
  }
  .modemenu button {
    border: 0; background: transparent; cursor: pointer; color: var(--soft); text-align: left;
    padding: 5px 10px; border-radius: 4px; font: inherit;
    font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  }
  .modemenu button:hover { color: var(--ink); background: transparent; }
  .modemenu button[aria-pressed="true"] { color: var(--red); background: transparent; }
  .modemenu button:focus { outline: none; }
  .modebtn:focus { outline: none; }


  .account { position: relative; flex: none; }
  .account-btn {
    display: flex; align-items: center; gap: 9px; cursor: pointer; padding: 0;
    border: 0; background: transparent; border-radius: 0;
  }
  .account-btn:hover .account-who em { color: var(--ink); }
  .avatar-chip {
    width: 30px; height: 30px; border-radius: 50%; background: var(--ink); color: var(--paper);
    display: grid; place-items: center; font-size: 10px; font-weight: 800; letter-spacing: .04em; flex: none;
  }
  .account-who { display: grid; gap: 0; line-height: 1.2; text-align: left; }
  .account-who b { font-size: 12px; font-weight: 700; }
  .account-who em { font-style: normal; font-size: 9.5px; color: var(--soft); }
  .account-menu {
    position: absolute; top: calc(100% + 9px); right: 0; z-index: 70; min-width: 236px;
    border: 0; background: var(--panel); border-radius: 13px;
    box-shadow: var(--lift); padding: 14px; display: grid; gap: 12px;
  }
  .menu-stars { display: grid; gap: 7px; }
  .menu-left { margin: 0; font-size: 12px; color: var(--soft); }
  .menu-left b { font-size: 17px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
  .piprow { display: flex; gap: 4px; flex-wrap: wrap; }
  .pipstar { width: 17px; height: 17px; display: block; color: var(--edge); line-height: 0; }
  .pipstar.on { color: var(--red); }
  .pipstar svg { width: 100%; height: 100%; display: block; }
  .menu-note { margin: 2px 0 0; font-size: 10.5px; line-height: 1.45; color: var(--soft); }
  @media (max-width: 860px) {
    .starbank { gap: 5px; }
    .account-who { display: none; }
    .account-btn { padding: 4px; }
    .topacts { gap: 10px; }
  }
  @media (max-width: 420px) {
    .bank-word { font-size: 12px; }
    body:not(.locked) .bank-word { display: none; }
  }

  .masthead {
    display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap;
    padding: 22px 24px 20px;
  }
  .mast-left { min-width: 0; display: grid; gap: 10px; max-width: none; }
  .mast-title {
    margin: 0; font-weight: 800; font-style: italic; letter-spacing: -.045em; line-height: .94;
    font-size: clamp(34px, 6vw, 62px);
  }
  .mast-sub { margin: 0; font-size: 13px; color: var(--soft); line-height: 1.5; max-width: none; }
  .mast-stats { display: flex; gap: 10px; flex-wrap: wrap; }
  .ballot {
    display: inline-flex; flex-direction: column; align-items: flex-start; gap: 3px;
    cursor: pointer; background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 14px -4px rgba(92, 188, 255, .55);; border: 0; color: var(--red-on);
    border-radius: 10px; padding: 11px 18px; font: inherit; min-width: 130px;
    transition: filter .15s ease;
  }
  .ballot:hover { filter: brightness(.92); }
  .ballot-word {
    font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .85;
  }
  .ballot-num {
    font-size: 16px; font-weight: 800; letter-spacing: .02em; font-variant-numeric: tabular-nums;
  }

  .judgelede { margin: 0 0 24px; font-size: 14px; line-height: 1.55; color: var(--soft); max-width: none; }
  .judgelist {
    list-style: none; margin: 0; padding: 0;
    display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  }
  .jdeck { --deckbg: var(--ub-paper, #e4e5e8); position: relative; height: 540px; margin: 22px 0 6px; touch-action: pan-y; user-select: none; -webkit-user-select: none; outline: none; overflow: hidden; perspective: 760px; perspective-origin: 50% 26%; background: var(--deckbg); border-radius: 12px; }
  :root[data-theme="dark"] .jdeck { --deckbg: var(--ud-paper, #0b0b0c); }
  .jdeck::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 140px; z-index: 60; pointer-events: none;
    background: linear-gradient(to bottom, transparent, var(--deckbg) 92%);
  }
  .jdeck:focus-visible { box-shadow: 0 0 0 2px var(--ink); border-radius: 18px; }
  .jcard {
    position: absolute; left: 50%; top: 60px; width: 232px; height: 336px; margin-left: -116px;
    border-radius: 22px; border: 1px solid var(--hair); color: var(--ink);
    background: radial-gradient(130% 88% at 50% 82%, #ffffff 38%, rgba(255, 255, 255, 0) 82%), linear-gradient(180deg, #d3cdc1 0%, #e9e5dd 45%, #ffffff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 18px 40px rgba(18, 18, 18, .14); display: flex; flex-direction: column; align-items: center;
    gap: 8px; padding: 34px 18px 26px; text-align: center; cursor: pointer; font: inherit;
    transform-origin: 50% 100%; transform-style: preserve-3d; transition: transform .75s cubic-bezier(.22, .8, .2, 1), opacity .55s ease, box-shadow .55s ease, background .55s ease, color .55s ease;
    will-change: transform;
  }
  .jcard::after {
    content: ""; position: absolute; inset: 0; border-radius: inherit; background: #121212; pointer-events: none;
    opacity: var(--shade, 0); transition: opacity .55s ease;
  }
  .jcard .jface { width: 96px; height: 96px; font-size: 28px; margin-bottom: auto; box-shadow: 0 6px 18px rgba(18, 18, 18, .18); }
  .jcard b { margin-top: auto; font-size: 19px; font-weight: 800; letter-spacing: -.01em; line-height: 1.15; overflow-wrap: anywhere; }
  .jcard em { font-style: normal; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); line-height: 1.4; }
  :root[data-theme="dark"] .jcard {
    border-color: rgba(255, 255, 255, .07);
    background: radial-gradient(130% 88% at 50% 82%, #050505 38%, rgba(5, 5, 5, 0) 82%), linear-gradient(180deg, #3a3a3a 0%, #1b1b1b 45%, #0a0a0a 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
  }
  :root[data-theme="dark"] .jcard::after { background: #000000; }
  .jcard.on {
    background: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--red) 66%, #fff) 85%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--red) 66%, #fff) 30%, transparent) 26%, color-mix(in srgb, color-mix(in srgb, var(--red) 66%, #fff) 0%, transparent) 50%), linear-gradient(180deg, #e4dfd6 0%, #ece8e1 50%, #f3f1ec 100%);
  }
  :root[data-theme="dark"] .jcard.on {
    color: #fff; border-color: color-mix(in srgb, color-mix(in srgb, var(--red) 57%, #fff) 50%, transparent);
    background: radial-gradient(130% 88% at 50% 82%, #0b0b0b 34%, rgba(11, 11, 11, 0) 80%), linear-gradient(180deg, color-mix(in srgb, var(--red) 66%, #fff) 0%, var(--red) 38%, color-mix(in srgb, var(--red) 62%, #000) 100%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, color-mix(in srgb, var(--red) 30%, #fff) 75%, transparent);
  }
  .jcard.on[data-tint] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--jc) 85%, transparent) 0%, color-mix(in srgb, var(--jc) 30%, transparent) 26%, transparent 50%), linear-gradient(180deg, #e4dfd6 0%, #ece8e1 50%, #f3f1ec 100%);
  }
  :root[data-theme="dark"] .jcard.on[data-tint] {
    border-color: color-mix(in srgb, var(--jc) 50%, transparent);
    background: radial-gradient(130% 88% at 50% 82%, #0b0b0b 34%, rgba(11, 11, 11, 0) 80%), linear-gradient(180deg, color-mix(in srgb, var(--jc) 70%, white) 0%, var(--jc) 38%, color-mix(in srgb, var(--jc) 55%, black) 100%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--jc) 40%, white);
  }
  .jedit { margin: 14px 0 0; display: grid; justify-items: center; gap: 8px; }
  .jpill {
    display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px; border-radius: 999px; cursor: pointer;
    border: 1px solid var(--hair); background: color-mix(in srgb, var(--paper) 70%, transparent); color: var(--ink);
    font: 700 12.5px/1 var(--sans); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  }
  .jpill svg { width: 15px; height: 15px; }
  .jpill:hover { border-color: var(--edge); }
  .jbar {
    display: inline-flex; align-items: center; gap: 4px; padding: 6px; border-radius: 999px; max-width: 100%; flex-wrap: wrap; justify-content: center;
    border: 1px solid var(--hair); background: color-mix(in srgb, var(--paper) 72%, transparent);
    -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
  }
  .jswatches { display: inline-flex; align-items: center; gap: 6px; padding: 0 6px; }
  .jdot {
    position: relative; width: 22px; height: 22px; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
    background: var(--dot); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); transition: transform .15s ease, box-shadow .15s ease;
  }
  .jdot:hover { transform: scale(1.1); }
  .jdot.on { box-shadow: 0 0 0 2px var(--paper), 0 0 0 4px var(--dot); }
  .jdot-custom { background: conic-gradient(#e8291f, #f5b700, #14b8a6, #2f80ed, #8b5cf6, #ff4d8d, #e8291f); overflow: hidden; }
  .jdot-custom.on { background: var(--dot); }
  .jdot-custom input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: 0; padding: 0; }
  .jsep { width: 1px; height: 22px; background: var(--hair); margin: 0 4px; }
  .jicon {
    width: 34px; height: 34px; border-radius: 50%; border: 0; background: transparent; color: var(--soft);
    display: grid; place-items: center; cursor: pointer; transition: background-color .15s ease, color .15s ease;
  }
  .jicon:hover { background: var(--hair); color: var(--ink); }
  .jicon svg { width: 16px; height: 16px; }
  .jword { height: 34px; padding: 0 14px; border-radius: 999px; border: 0; background: transparent; color: var(--soft); font: 700 12.5px/1 var(--sans); cursor: pointer; }
  .jword:hover { color: var(--ink); }
  .jword.jsave { background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 14px -4px rgba(92, 188, 255, .55); }
  .jword.jsave:hover { filter: brightness(1.08); }
  .jsay { margin: 0; font-size: 12px; color: var(--soft); }
  .jcard.editing { cursor: default; }
  .jcard.editing input {
    display: block; width: 100%; border: 0; background: transparent; color: inherit; text-align: center; padding: 2px 4px;
    border-radius: 6px; outline: none; min-width: 0;
  }
  .jcard.editing .jname { margin-top: auto; font: 800 19px/1.15 var(--sans); letter-spacing: -.01em; }
  .jcard.editing .jcap { font: 600 10px/1.4 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
  :root[data-theme="dark"] .jcard.editing.on .jcap { color: rgba(255, 255, 255, .9); }
  .jcard.editing input:hover { background: color-mix(in srgb, currentColor 8%, transparent); }
  .jcard.editing.on input { background: color-mix(in srgb, currentColor 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 30%, transparent); cursor: text; }
  .jcard.editing.on .jcap { margin-top: 4px; }
  .jcard.editing input:focus { background: color-mix(in srgb, currentColor 12%, transparent); }
  .jcard.editing input::placeholder { color: inherit; opacity: .45; }
  .jledebtn {
    display: inline-grid; place-items: center; width: 26px; height: 26px; margin-left: 6px; vertical-align: -6px;
    border: 0; border-radius: 50%; background: transparent; color: var(--soft); cursor: pointer;
  }
  .jledebtn:hover { color: var(--ink); background: var(--hair); }
  .jledebtn svg { width: 14px; height: 14px; }
  .jlede-box { display: grid; gap: 8px; margin: 0 0 24px; }
  .jlede-box .judgelede { margin: 0; }
  .jlede-acts { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
  .jlede-acts .jsay { margin-right: auto; }
  textarea.jlede-edit {
    display: block; width: 100%; resize: none; border: 0; border-radius: 10px; padding: 8px 10px; margin-left: -10px;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent); cursor: text;
    font: inherit; color: var(--soft); background: color-mix(in srgb, var(--ink) 5%, transparent); outline: none;
  }
  textarea.jlede-edit:focus { color: var(--ink); background: color-mix(in srgb, var(--ink) 8%, transparent); }
  .jcard.on em { color: var(--soft); }
  :root[data-theme="dark"] .jcard.on em { color: rgba(255, 255, 255, .9); }
  .jcard.on .jface { box-shadow: 0 0 0 4px rgba(255, 255, 255, .92), 0 8px 22px rgba(0, 0, 0, .25); }
  @media (max-width: 900px) {
    .jdeck { --jw: min(66vw, 290px); height: calc(var(--jw) * 1.4 + 120px); border-radius: 16px; perspective: 900px; }
    .jdeck::after { height: 86px; }
    .jcard { top: 30px; width: var(--jw); height: calc(var(--jw) * 1.4); margin-left: calc(var(--jw) / -2); padding: 30px 16px 26px; border-radius: 24px; }
    .jcard .jface { width: 44%; height: auto; aspect-ratio: 1; font-size: 26px; }
    .jcard b { font-size: 21px; }
    .jcard em { font-size: 10.5px; }
  }
  .jdeck.entering .jcard { transition: transform 1.6s cubic-bezier(.16, 1, .3, 1), opacity .9s ease; transition-delay: calc(var(--k, 0) * 90ms); }
  .jdeck.dragging .jcard { transition: none !important; }
  .jdeck.dragging { cursor: grabbing; }
  @property --spot { syntax: '<color>'; inherits: true; initial-value: #e8291f; }
  .jdeck { transition: --spot .7s ease; }
  .jspot {
    position: absolute; left: 50%; top: 8px; width: min(720px, 100%); height: 340px; transform: translateX(-50%);
    pointer-events: none; z-index: 0; opacity: .75; filter: blur(16px);
    background: radial-gradient(closest-side, color-mix(in srgb, var(--spot) 70%, transparent) 0%, color-mix(in srgb, var(--spot) 26%, transparent) 55%, transparent 100%);
  }
  :root:not([data-theme="dark"]) .jspot { opacity: .4; }
  .jcard { filter: blur(var(--lens, 0px)); }
  .jdeck .jcard { transition: transform .75s cubic-bezier(.22, .8, .2, 1), opacity .55s ease var(--odelay, 0s), box-shadow .55s ease, background .55s ease, color .55s ease, filter .6s ease; }
  .jdeck.entering .jcard { transition: transform 1.6s cubic-bezier(.16, 1, .3, 1), filter 1.2s ease; transition-delay: calc(var(--k, 0) * 90ms); }
  @media (prefers-reduced-motion: reduce) { .jdeck .jcard, .jdeck.entering .jcard { transition: none; } }
  .jcard .jbg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; z-index: 0; pointer-events: none; }
  .jcard .jytslot { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; z-index: 0; pointer-events: none; }
  .jcard .jytframe {
    position: absolute; top: 50%; left: 50%; height: 100%; width: 300%; max-width: none; border: 0; pointer-events: none;
    transform: translate(-50%, -50%) scale(1.35); opacity: 0; transition: opacity .8s ease;
  }
  .jcard .jytslot.tall .jytframe { width: 100%; transform: translate(-50%, -50%) scale(1.25); }
  .jcard .jytslot.live .jytframe { opacity: 1; }
  .jupload { position: relative; overflow: hidden; display: inline-flex; align-items: center; }
  .jcard[data-bg] { overflow: hidden; }
  .jcard.editing.on[data-bg] { cursor: grab; touch-action: none; }
  .jcard.editing.on[data-bg].panning { cursor: grabbing; }
  .jposrow { display: flex; align-items: center; gap: 10px; width: min(560px, 100%); }
  .jposword { font: 700 11px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); }
  .jposrow input[type="range"] { flex: 1 1 auto; accent-color: var(--red); }
  .jupload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
  .jcard .jbgshade { position: absolute; inset: 0; border-radius: inherit; z-index: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .7) 100%); }
  .jcard > b, .jcard > em, .jcard > .jface, .jcard > input { position: relative; z-index: 1; }
  .jcard[data-bg], :root[data-theme="dark"] .jcard[data-bg] { color: #fff; }
  .jcard[data-bg] em, .jcard[data-bg] .jcap { color: rgba(255, 255, 255, .88) !important; }
  .jbgrow { display: flex; gap: 6px; width: min(560px, 100%); }
  .jbgrow input {
    flex: 1 1 auto; min-width: 0; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--hair);
    background: color-mix(in srgb, var(--paper) 72%, transparent); color: var(--ink); font: 500 13px/1 var(--sans); outline: none;
  }
  .jbgrow input:focus { border-color: var(--edge); }
  .jbgrow input.bad { border-color: var(--red); }
  .jdeck.entering:not(.ready) .jcard { transform: translateY(24px) scale(.96); }
  @media (prefers-reduced-motion: reduce) { .jcard, .jdeck.entering .jcard { transition: none; } }
  .savedgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 18px 14px; align-items: start; }
  .savedcell { position: relative; min-width: 0; }
  .savedgrid .tile-art { position: relative; }
  .bmbtn.bm-tile {
    position: absolute; top: 8px; right: 8px; z-index: 4; width: 34px; height: 34px; padding: 0;
    display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--chip); color: var(--chip-ink); cursor: pointer;
  }
  .bmbtn.bm-tile svg { width: 16px; height: 16px; }
  .bmbtn.bm-tile span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .judgecard {
    display: flex; align-items: center; gap: 13px; min-width: 0;
    border: 0; background: var(--bone); border-radius: 12px; padding: 13px 15px;
  }
  .jface {
    width: 44px; height: 44px; border-radius: 50%; flex: none; display: grid; place-items: center;
    font-size: 14px; font-weight: 800; color: #fff; overflow: hidden;
  }
  .jface img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .jwho { display: grid; gap: 2px; min-width: 0; }
  .jwho b { font-size: 14px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .jwho em {
    font-style: normal; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--soft);
    overflow-wrap: anywhere; white-space: normal;
  }

  .mast-left .countdown {
    background: transparent; border: 0; padding: 0; min-width: 0; margin: 2px 0 0;
    display: flex; align-items: baseline; gap: 11px; flex-wrap: wrap;
  }
  .mast-left .countdown .cd-label { color: var(--red); }
  .mast-left .countdown .cd-clock {
    color: var(--red); font-size: 19px; font-variant-numeric: tabular-nums;
  }

  .mast-stats .countdown, .mast-stats .stat {
    border: 0; background: var(--bone); border-radius: 10px;
    padding: 10px 14px; display: grid; gap: 2px; min-width: 110px;
  }

  .recent {
    padding: 0; flex: 0 1 380px; min-width: 300px; max-width: 420px; align-self: stretch;
  }
  .recent-outer { position: relative; }
  .recent-outer::before, .recent-outer::after {
    content: ""; position: absolute; left: 0; right: 0; height: 42px; z-index: 2; pointer-events: none;
  }
  .recent-outer::before { top: 0; background: linear-gradient(180deg, var(--paper), transparent); }
  .recent-outer::after { bottom: 0; background: linear-gradient(0deg, var(--paper), transparent); }
  .recent-wrap {
    overflow-y: hidden; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none;
    overscroll-behavior-y: auto; cursor: grab;
    max-height: min(340px, 42vh);
  }
  .recent-wrap::-webkit-scrollbar { display: none; height: 0; width: 0; }
  .recent-wrap:active { cursor: grabbing; }
  @media (hover: none) { .recent-wrap { overflow-y: hidden; } }
  .recent-track { display: grid; gap: 10px; padding: 2px; }
  .said {
    width: auto; scroll-snap-align: start; cursor: pointer; text-align: left;
    border: 0; background: var(--bone); border-radius: 11px;
    padding: 11px 13px; display: grid; gap: 7px; font: inherit; color: inherit;
    transition: border-color .15s ease, background .15s ease;
  }
  .said-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
  .said-face {
    width: 22px; height: 22px; border-radius: 50%; flex: none; display: grid; place-items: center;
    font-size: 9px; font-weight: 800; color: #fff;
  }
  .said-who { font-size: 11.5px; font-weight: 700; color: var(--red); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .said-when { font-size: 10px; color: var(--soft); margin-left: auto; flex: none; }
  .said-text {
    margin: 0; font-size: 12.5px; line-height: 1.45;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .said-on {
    font-size: 10.5px; color: var(--red); font-weight: 600;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  @media (max-width: 760px) {
    .recent { padding: 12px 14px 13px; }
    .said { width: 232px; }
  }

  .judges { padding: 14px 24px 16px; }
  .judges-top { display: flex; align-items: baseline; gap: 12px; margin-bottom: 11px; }
  .judges-note { margin: 0; font-size: 11px; color: var(--soft); }
  .judges-track {
    display: flex; gap: 9px; overflow-x: auto; scroll-snap-type: x proximity;
    scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 2px;
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent 100%);
    mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent 100%);
  }
  .judges-track::-webkit-scrollbar { height: 0; }
  .judge {
    flex: none; scroll-snap-align: start; display: flex; align-items: center; gap: 9px;
    border: 0; background: var(--bone); border-radius: 999px;
    padding: 6px 15px 6px 6px; min-width: 0; cursor: default;
    transition: border-color .15s ease, background .15s ease;
  }
  .judge:hover { border-color: var(--edge); background: var(--paper); }
  .judge-face {
    width: 32px; height: 32px; border-radius: 50%; flex: none; display: grid; place-items: center;
    font-size: 11px; font-weight: 800; letter-spacing: .02em; color: #fff; overflow: hidden;
  }
  .judge-face img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .avface { overflow: hidden; background: transparent; padding: 0; }
  .avface img { width: 100%; height: 100%; display: block; object-fit: cover; }
  .avinner { display: block; width: 100%; height: 100%; }
  .judge-who { display: grid; gap: 0; line-height: 1.25; min-width: 0; }
  .judge-who b { font-size: 12px; font-weight: 700; white-space: nowrap; }
  .judge-who em {
    font-style: normal; font-size: 9.5px; letter-spacing: .06em; color: var(--soft); white-space: nowrap;
  }
  @media (max-width: 760px) {
    .judges { padding: 12px 14px 13px; }
    .judge { padding: 5px 13px 5px 5px; }
    .judge-face { width: 28px; height: 28px; font-size: 10px; }
  }

  .toolbar {
    display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap;
    padding: 12px 24px;
    position: sticky; top: 58px; z-index: 55; background: var(--paper);
  }
  .tb-left {
    display: flex; align-items: center; gap: 12px; flex-wrap: nowrap; min-width: 0;
    flex: 1 1 auto; overflow-x: auto; scrollbar-width: none;
  }
  .tb-left::-webkit-scrollbar { height: 0; }
  .tb-side { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-width: 0; flex: none; }
  .tb-sorts { display: flex; align-items: center; gap: 2px; flex: none; }
  .tb-sorts .nav {
    width: auto; flex: none; gap: 7px; padding: 7px 11px; border-radius: 999px;
    font-size: 12px; white-space: nowrap; color: var(--soft);
  }
  .tb-sorts .nav svg { width: 14px; height: 14px; }
  .tb-sorts .nav:hover { color: var(--ink); background: transparent; }
  .tb-sorts .nav[aria-pressed="true"] { background: transparent; border-color: transparent; color: var(--red); }
  .toolbar .find { width: 192px; flex: 0 0 192px; display: flex; align-items: center; }
  .toolbar .find input {
    background: var(--bone); border: 0; border-radius: 10px;
    padding: 6px 11px 6px 30px; font-size: 12px; line-height: 1.4;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
  }
  .toolbar .find input::placeholder { color: var(--soft); font-weight: 600; }
  .toolbar .find input:focus,
  .toolbar .find input:focus-visible {
    outline: none; background: var(--hair); box-shadow: none;
  }
  .toolbar .find input:focus::placeholder { color: transparent; }
  .toolbar .find svg { top: 50%; margin-top: -7px; left: 11px; transition: color .16s ease; }
  .toolbar .find:focus-within svg { color: var(--red); }
  .tb-filters { display: flex; align-items: center; gap: 12px; flex: none; }
  .toolbar .wheelbox { width: 186px; }
  .tb-admin { display: flex; align-items: center; gap: 2px; }
  .tb-admin .nav {
    width: auto; flex: none; gap: 7px; padding: 7px 11px; border-radius: 999px; font-size: 12px;
    white-space: nowrap; color: var(--soft);
  }
  .tb-admin .nav svg { width: 14px; height: 14px; }
  .tb-admin .nav:hover { color: var(--ink); background: transparent; }
  .tb-admin .nav[aria-pressed="true"] { background: transparent; border-color: transparent; color: var(--red); }
  .toolbar .themerow { width: auto; padding: 7px 11px; font-size: 12px; }
  .tb-links { display: flex; align-items: center; gap: 12px; }
  .toolbar .socials { display: flex; align-items: center; gap: 8px; }
  .toolbar .socials .navlabel { display: none; }
  .toolbar .sociallinks a { width: 28px; height: 28px; }
  .toolbar .sociallinks svg { width: 14px; height: 14px; }
  @media (max-width: 1100px) {
    .tb-left { flex-wrap: wrap; overflow-x: visible; row-gap: 8px; }
  }
  @media (max-width: 900px) {
    .tb-sorts { flex: 1 1 100%; min-width: 0; overflow-x: auto; scrollbar-width: none; }
    .tb-sorts::-webkit-scrollbar { height: 0; }
    .toolbar .find { flex: 1 1 128px; width: auto; min-width: 0; }
    .toolbar .wheelbox { width: 124px; }
  }
  @media (max-width: 560px) {
    .tb-filters { display: contents; }
    .toolbar .find { order: 1; flex: 1 1 150px; }
    .toolbar .platrow { order: 2; flex: none; }
    .toolbar .wheelbox { order: 3; flex: none; }
    .tb-sorts { order: 4; flex: 1 1 180px; }
  }
  .side > * { transition: opacity .18s ease; }
  .shell.tight .side > *:not(.sidetop) { opacity: .999; }
  .collapse svg, .nav svg { transition: transform .26s cubic-bezier(.4, 0, .2, 1); }
  .shell.tight #collapseBtn svg { transform: rotate(180deg); }
  .shell.tight { --bar: 64px; }

  .side {
    display: none;
  }
  .side::-webkit-scrollbar { width: 0; height: 0; display: none; }

  .sidetop { display: flex; align-items: flex-start; gap: 8px; }
  .brand { display: grid; gap: 5px; min-width: 0; flex: 1 1 auto; }
  .brand .kicker { color: var(--red); margin: 0; }
  .brand h1 {
    font-weight: 800; font-style: normal; font-size: 23px; line-height: 1; white-space: nowrap;
    letter-spacing: -.045em; color: var(--red); margin: 0;
  }
  .brand h1 span { color: var(--ink); }
  .brand p { margin: 0; font-size: 12px; color: var(--soft); line-height: 1.4; }
  .collapse {
    border: 0; background: transparent; border-radius: 6px;
    width: 30px; height: 30px; flex: none; cursor: pointer; display: grid; place-items: center;
  }
  .collapse svg { width: 15px; height: 15px; }
  .themerow {
    display: flex; align-items: center; gap: 11px; width: 100%;
    border: 0; background: transparent; cursor: pointer;
    padding: 8px 10px; border-radius: 0; font-size: 13px; font-weight: 600; color: var(--ink);
  }
  .themerow:hover { background: transparent; opacity: 1; color: var(--ink); }
  .themerow svg { width: 18px; height: 18px; flex: none; }
  #themeBtn { display: grid; place-items: center; width: 38px; height: 36px; padding: 0; }
  #themeBtn .light-label, #themeBtn .dark-label { display: none; }
  #themeBtn .sun, #themeBtn .moon {
    grid-area: 1 / 1; display: block;
    transition: opacity .2s ease, transform .34s cubic-bezier(.4, 0, .2, 1);
  }
  #themeBtn .sun { opacity: 1; transform: rotate(0deg) scale(1); }
  #themeBtn .moon { opacity: 0; transform: rotate(-70deg) scale(.55); }
  :root[data-theme="dark"] #themeBtn .sun { opacity: 0; transform: rotate(70deg) scale(.55); }
  :root[data-theme="dark"] #themeBtn .moon { opacity: 1; transform: rotate(0deg) scale(1); }
  @media (prefers-reduced-motion: reduce) {
    #themeBtn .sun, #themeBtn .moon { transition: none; }
  }
  .collapse:hover { background: var(--bone); }

  .find { position: relative; display: block; }
  .find svg { position: absolute; left: 10px; top: 50%; margin-top: -7px; width: 14px; height: 14px; color: var(--soft); pointer-events: none; }
  .find input {
    width: 100%; border: 0; background: var(--bone); border-radius: 6px;
    padding: 9px 10px 9px 31px; font-size: 13px;
  }
  .find input::placeholder { color: var(--soft); }

  .countdown {
    border: 0; background: var(--bone); border-radius: 10px;
    padding: 11px 13px; display: grid; gap: 3px;
  }
  .cd-label { color: var(--red); margin: 0; }
  .cd-ms {
    font-size: .58em; opacity: .62; margin-left: 4px; letter-spacing: .02em;
    font-variant-numeric: tabular-nums;
  }
  .cd-clock {
    margin: 0; font-family: var(--num); font-size: 21px; font-weight: 700; font-style: normal;
    letter-spacing: -.01em; font-variant-numeric: tabular-nums;
  }
  body.shut #openSubmit, body.shut #emptySubmit { cursor: pointer; }
  .shell.tight .countdown { display: none; }

  .filterbar { display: contents; }
  .navgroup { display: grid; gap: 3px; }
  .navlabel { color: var(--soft); margin: 0 0 3px; }
  .nav {
    display: flex; align-items: center; gap: 11px; width: 100%;
    border: 0; background: transparent; cursor: pointer;
    padding: 9px 10px; border-radius: 6px; text-align: left; font-size: 13px; font-weight: 600;
    line-height: 1;
  }
  .nav svg { width: 18px; height: 18px; flex: none; display: block; align-self: center; color: var(--red); transition: color .15s ease; }
  .nav:hover svg { color: var(--ink); }
  .nav span { display: block; line-height: 1; padding-top: 1px; }
  .nav:hover { background: transparent; color: var(--ink); }
  .nav[aria-pressed="true"] { background: transparent; color: var(--red); }

  .platrow { display: flex; gap: 6px; flex-wrap: wrap; }
  .platbtn {
    display: grid; place-items: center; width: 32px; height: 30px; cursor: pointer;
    border: 0; background: transparent; color: var(--soft); padding: 0;
  }
  .platbtn svg { width: 19px; height: 19px; }
  .platbtn:hover { color: var(--ink); }
  .platbtn[aria-pressed="true"] { color: var(--red); }
  .platbtn .tally { position: absolute; }

  .side { gap: 6px; grid-template-columns: minmax(0, 1fr); }
  .side .navgroup, .side .navgroup > * { min-width: 0; max-width: 100%; }
  .side .wheelbox { min-width: 0; max-width: 100%; overflow: hidden; }
  .side .wheel { min-width: 0; max-width: 100%; }
  .side .wheel-pad { max-width: calc(100% - 62px); }
  .side > * { min-width: 0; }
  .sidetop { min-width: 0; }
  .sidetop > * { min-width: 0; }
  .brand { min-width: 0; }
  .brand h1 { white-space: normal; overflow-wrap: anywhere; }
  .collapse { flex: none; }
  .side .navlabel { margin: 0 0 2px; }
  .side .nav { padding: 7px 10px; }
  .side .countdown { padding: 8px 11px; }
  .side .find input { padding-block: 6px; }
  .side .sociallinks a { width: 26px; height: 26px; }
  .side .sociallinks svg { width: 14px; height: 14px; }
  .side .themerow { padding: 6px 10px; }
  .side .wheel, .side .wheel button { height: 30px; }
  .side .wheelmark { height: 30px; }
  .side .wheelmark::before, .side .wheelmark::after { height: 14px; }

  #autoplayBtn .apoff, #autoplayBtn .ap-off { display: none; }
  #autoplayBtn[aria-pressed="false"] .apon, #autoplayBtn[aria-pressed="false"] .ap-on { display: none; }
  #autoplayBtn[aria-pressed="false"] .apoff, #autoplayBtn[aria-pressed="false"] .ap-off { display: inline; }
  #autoplayBtn[aria-pressed="false"] { color: var(--soft); }

  .wordmark { display: inline-flex; align-items: center; white-space: nowrap; }
  .wm-set { display: inline-block; }
  .wm-spark {
    width: .76em; height: .76em; color: var(--red); flex: none;
    margin-right: .08em; margin-bottom: .1em; align-self: center;
  }
  .wm-loop {
    width: 1.04em; height: .52em; color: var(--red); flex: none;
    margin: 0 .04em; transform: translateY(.03em);
  }

  .wheelbox { position: relative; }
  .wheel {
    display: flex; height: 36px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 26%, #000 74%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 26%, #000 74%, transparent 100%);
  }
  .wheel::-webkit-scrollbar { width: 0; height: 0; }
  .wheel { cursor: grab; }
  .wheel button { cursor: inherit; }
  .wheel.is-drag { cursor: grabbing; -webkit-user-select: none; user-select: none; }

  .wheel-pad { flex: 0 0 calc(50% - 31px); }
  .wheel-pad.lead { display: block; }
  .wheel button {
    display: flex; align-items: center; justify-content: center; flex: 0 0 62px; height: 36px;
    border: 0; background: transparent; cursor: inherit; padding: 0; scroll-snap-align: center;
    font: inherit; font-size: 13px; font-weight: 700; letter-spacing: .02em; text-transform: none;
    color: var(--soft); opacity: .4; transform: scale(.88);
    transition: color .2s ease, opacity .2s ease, transform .2s ease;
  }
  .wheel button:hover { opacity: .75; }
  .wheel button[aria-selected="true"] { color: var(--red); opacity: 1; transform: scale(1); }
  .wheelmark {
    position: absolute; left: calc(50% - 31px); top: 0; width: 62px; height: 36px;
    pointer-events: none;
  }
  .wheelmark::before, .wheelmark::after {
    content: ""; position: absolute; top: 50%; height: 17px; width: 1px; border-radius: 1px;
    transform: translateY(-50%);
    background: linear-gradient(to bottom, transparent 0, var(--red) 42%, var(--red) 58%, transparent 100%);
  }
  .wheelmark::before { left: 0; }
  .wheelmark::after { right: 0; }

  .btn {
    border: 0; background: transparent; color: var(--ink);
    border-radius: 0; padding: 9px 4px; cursor: pointer;
    font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase;
    transition: color .15s ease, opacity .15s ease;
  }
  .btn:hover { opacity: 1; color: var(--ink); }
  .btn.red { background: transparent; border-color: transparent; color: var(--red); }
  .btn.ghost { background: transparent; color: var(--soft); }
  .btn.red:hover, .btn.ghost:hover { color: var(--ink); }
  .btn.block { width: 100%; }
  #openSubmit { display: flex; align-items: center; justify-content: center; gap: 8px; }
  #openSubmit .plus { display: none; }
  .btn.small { padding: 6px 10px; font-size: 10px; letter-spacing: .1em; border-radius: 5px; }
  .btn.link { border: 0; background: transparent; color: var(--soft); padding: 0; letter-spacing: .12em; text-align: left; }
  .avatarbtn {
    width: 32px; height: 32px; flex: none; border-radius: 9px; cursor: pointer;
    border: 0; background: transparent; color: var(--red);
    display: grid; place-items: center; padding: 0;
  }
  .avatarbtn svg, .avatarbtn img { width: 22px; height: 22px; display: block; }
  .avatarbtn .dlogo { width: 22px; height: 22px; }
  .avatarbtn img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
  .signin[data-ready="no"] { opacity: .72; }
  #signInNote {
    width: min(500px, calc(100vw - 32px)); border: 0; border-radius: 22px; padding: 0; overflow: hidden; color: var(--ink);
    background: color-mix(in srgb, var(--panel) 78%, transparent);
    -webkit-backdrop-filter: blur(26px) saturate(170%); backdrop-filter: blur(26px) saturate(170%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--ink) 9%, transparent), 0 30px 70px -20px rgba(0, 0, 0, .55);
  }
  :root[data-theme="dark"] #signInNote { background: rgba(22, 22, 24, .74); }
  #signInNote::backdrop { background: rgba(0, 0, 0, .5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
  .signin-card {
    position: relative; background: transparent; border-radius: 22px;
    padding: 34px 34px 26px; text-align: center; display: grid; gap: 0; justify-items: center;
  }
  #signInNote .signin-copy { text-wrap: balance; }
  #signInNote .signin-go {
    position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    width: auto; height: 46px; padding: 0 20px 0 16px; margin: 0; border: 0; border-radius: 14px; color: #fff; cursor: pointer;
    font: 700 13px/1 var(--sans); letter-spacing: .01em;
    background: radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, color-mix(in srgb, var(--red) 88%, #fff), color-mix(in srgb, var(--red) 84%, #000));
    box-shadow: inset 0 0 12px color-mix(in srgb, color-mix(in srgb, var(--red) 79%, #fff) 35%, transparent), 0 0 9px -4px color-mix(in srgb, var(--red) 65%, transparent), 0 2px 6px rgba(0, 0, 0, .25);
    transition: filter .15s ease, transform .1s ease;
  }
  #signInNote .signin-go::before {
    content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1px; pointer-events: none;
    background: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--red) 12%, #fff) 100%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 64%, #fff) 60%, transparent) 40%, color-mix(in srgb, color-mix(in srgb, var(--red) 82%, #fff) 25%, transparent) 75%, color-mix(in srgb, color-mix(in srgb, var(--red) 61%, #fff) 50%, transparent));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  }
  #signInNote .signin-go .dlogo,
  #signInNote .signin-go:hover .dlogo,
  #signInNote .signin-go:focus-visible .dlogo { width: 22px; height: 22px; color: #fff; filter: none; transform: none; }
  #signInNote .signin-go:hover { filter: brightness(1.06); }
  #signInNote .signin-go:active { transform: scale(.98); }
  #signInNote .signin-go:focus-visible { outline: 2px solid color-mix(in srgb, var(--red) 55%, transparent); outline-offset: 3px; }
  .signin-x {
    position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; padding: 0;
    border: 0; background: transparent; color: var(--soft); cursor: pointer;
    display: grid; place-items: center; border-radius: 8px;
  }
  .signin-x { transition: color .2s ease; }
  .signin-x:hover, .signin-x:focus-visible { background: transparent; color: var(--red); }
  .signin-x svg { width: 15px; height: 15px; }
  .signin-mark {
    width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center;
    background: var(--bone); color: var(--red); margin-bottom: 15px;
  }
  .signin-mark svg { width: 22px; height: 22px; }
  .signin-title {
    margin: 0 0 7px; font-size: 19px; font-weight: 800; letter-spacing: -.02em;
  }
  .signin-copy {
    margin: 0 0 20px; font-size: 13px; line-height: 1.5; color: var(--soft); max-width: none;
  }
  .signin-word {
    margin: 0 0 14px; font-size: 30px; font-weight: 800; letter-spacing: -.03em;
    justify-content: center; color: var(--ink);
  }
  .signin-word .wm-spark {
    width: 22px; height: 22px; margin-right: 5px; color: var(--red);
  }
  .signin-word .wm-loop {
    width: 34px; height: 17px; color: var(--red);
  }
  .signin-fine { margin: 13px 0 0; font-size: 10.5px; color: var(--soft); }
  .signin-fine.signin-legal { font-size: 12px; text-wrap: balance; }
  .sheetlegal { margin: 0; max-width: 300px; line-height: 1.45; }
  .hint.sheetlegal { font-size: 12px; }
  .signin-legal a, .sheetlegal a { color: var(--ink); font-weight: 700; text-decoration: none; transition: color .15s ease; }
  .sfoot { margin: 34px 0 20px; padding: 34px 36px 22px; border-radius: 22px; color: var(--ink);
    background: color-mix(in srgb, var(--ink) 4%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent); }
  .sfoot-top { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, .7fr)); gap: 32px 40px; }
  .sf-logo { display: inline-flex; align-items: center; gap: 10px; font: 800 19px/1 var(--sans); letter-spacing: -.035em; color: var(--ink); }
  .sf-logo svg { width: 36px; height: 18px; color: var(--red); display: block; }
  .sfoot .sf-cap { margin: 12px 0 0; max-width: 30em; text-wrap: balance; color: var(--soft); font: 400 14px/1.6 var(--sans); }
  .sf-soc { display: flex; flex-wrap: wrap; gap: 16px; margin: 18px 0 0; padding: 0; list-style: none; }
  .sfoot .sf-soc a { width: 22px; height: 22px; display: grid; place-items: center; color: var(--soft); transition: color .15s ease; }
  .sfoot .sf-soc a:hover, .sfoot .sf-soc a:focus-visible { color: var(--red); }
  .sfoot .sf-mail { display: inline-block; margin: 14px 0 0; color: var(--soft); font: 600 13.5px/1.4 var(--sans); text-decoration: none; transition: color .15s ease; }
  .sfoot .sf-mail:hover, .sfoot .sf-mail:focus-visible { color: var(--red); }
  .sf-legal { display: flex; flex-wrap: wrap; gap: 6px 22px; }
  .sfoot .sf-legal a { color: var(--soft); font: 600 12.5px/1.5 var(--sans); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
  .sfoot .sf-legal a:hover, .sfoot .sf-legal a:focus-visible { color: var(--red); }
  .sf-soc svg { width: 17px; height: 17px; display: block; }
  .sf-col h3 { margin: 0 0 14px; font: 700 11.5px/1.2 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--ink); }
  .sf-col ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
  .sf-col li { padding: 0; }
  .sf-col li::before { content: none; }
  .sfoot .sf-col a, .sfoot .sf-link { color: var(--soft); font: 600 13.5px/1.4 var(--sans); text-decoration: none; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; text-align: left; transition: color .15s ease; }
  .sfoot .sf-col a:hover, .sfoot .sf-col a:focus-visible, .sfoot .sf-link:hover, .sfoot .sf-link:focus-visible, .sfoot .sf-bot a:hover { color: var(--red); }
  .sf-bot { margin: 30px 0 0; padding: 18px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px;
    border-top: 1px solid color-mix(in srgb, var(--ink) 10%, transparent); color: var(--soft); font: 600 12.5px/1.5 var(--sans); }
  .sfoot .sf-bot a { color: var(--soft); font-weight: 600; text-decoration: none; }
  :root[data-theme="light"] .sfoot { background: #ffffff; box-shadow: 0 1px 2px rgba(18, 18, 18, .05), 0 22px 44px -26px rgba(18, 18, 18, .28), inset 0 0 0 1px rgba(18, 18, 18, .07); }
  .stylelab-btn { position: fixed; left: 16px; bottom: 16px; z-index: 130; width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 50%; cursor: pointer;
    color: var(--ink); background: color-mix(in srgb, var(--panel) 86%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 16%, transparent), 0 10px 24px -10px rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); transition: color .15s ease; }
  .stylelab-btn:hover, .stylelab-btn[aria-expanded="true"] { color: var(--red); }
  .stylelab-btn svg { width: 20px; height: 20px; display: block; }
  .stylelab { position: fixed; left: 16px; bottom: 68px; z-index: 131; width: min(320px, calc(100vw - 32px)); max-height: calc(100svh - 100px); overflow-y: auto; padding: 16px 16px 14px; border-radius: 18px; color: var(--ink);
    background: color-mix(in srgb, var(--panel) 92%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent), 0 24px 60px -18px rgba(0, 0, 0, .7);
    -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%); font: 500 13px/1.4 var(--sans); }
  .stylelab[hidden], .stylelab-btn[hidden] { display: none !important; }
  .stylelab h3 { margin: 0 0 4px; font: 800 16px/1.2 var(--sans); letter-spacing: -.02em; color: var(--red); }
  .stylelab p { margin: 0 0 12px; color: var(--soft); font-size: 12px; }
  .stylelab h4 { margin: 14px 0 8px; font: 700 10.5px/1.2 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); }
  .sl-dots { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
  .sl-dot { width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; background: var(--dot); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ink) 18%, transparent); }
  .sl-dot[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--panel), 0 0 0 4px var(--dot); }
  .sl-custom { position: relative; width: 26px; height: 26px; border-radius: 50%; overflow: hidden; cursor: pointer; background: conic-gradient(#e8291f, #f5b700, #14b8a6, #2f80ed, #8b5cf6, #ff4d8d, #e8291f); }
  .sl-custom input { position: absolute; inset: -6px; width: 40px; height: 40px; opacity: 0; cursor: pointer; }
  .sl-add, .sl-del { width: 26px; height: 26px; padding: 0; border-radius: 50%; cursor: pointer; display: grid; place-items: center; background: transparent; color: var(--soft); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 35%, transparent); border: 0; }
  .sl-add:hover, .sl-del:hover { color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }
  .sl-add svg, .sl-del svg { width: 12px; height: 12px; display: block; }
  .sl-row { display: flex; gap: 8px; flex-wrap: wrap; }
  .sl-pill { height: 30px; padding: 0 12px; border: 0; border-radius: 999px; cursor: pointer; font: 700 12px/1 var(--sans); color: var(--soft); background: color-mix(in srgb, var(--ink) 9%, transparent); }
  .sl-pill[aria-pressed="true"] { color: #fff; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 14px -4px rgba(92, 188, 255, .55); }
  .stylelab select { width: 100%; height: 34px; margin-top: 8px; padding: 0 10px; border: 0; border-radius: 10px; color: var(--ink); background: color-mix(in srgb, var(--ink) 9%, transparent); font: 600 13px/1 var(--sans); }
  .sl-publish { margin-top: 16px; width: 100%; height: 38px; border: 0; border-radius: 10px; cursor: pointer; font: 800 13px/1 var(--sans); color: #fff; background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 14px -4px rgba(92, 188, 255, .55); }
  .sl-msg { margin: 10px 0 0; color: var(--soft); font-size: 12px; }
  .sl-reset { margin-top: 8px; width: 100%; height: 34px; border: 0; border-radius: 10px; cursor: pointer; font: 700 12px/1 var(--sans); color: var(--ink); background: color-mix(in srgb, var(--ink) 9%, transparent); }
  html[data-heads="one"] .pt { font-family: var(--head-one, var(--sans)) !important; font-size: 1em !important; transform: none !important; line-height: 1.1; }
  .sl-done { display: none; }
  @media (max-width: 900px) {
    .stylelab-btn { display: none !important; }
    .stylelab { left: 10px; right: 10px; width: auto; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); max-height: 72svh; border-radius: 24px; padding: 18px 16px calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 140; overscroll-behavior: contain; }
    .stylelab:not([hidden]) { animation: slRise .28s cubic-bezier(.2, .8, .2, 1) both; }
    .sl-done { display: block; margin-top: 12px; width: 100%; height: 44px; border: 0; border-radius: 12px; cursor: pointer; font: 800 14px/1 var(--sans); color: var(--ink); background: color-mix(in srgb, var(--ink) 9%, transparent); }
    .sl-publish { height: 44px; }
    .sl-reset { height: 40px; }
    .sl-pill { height: 36px; }
    .sl-dot, .sl-custom, .sl-add, .sl-del { width: 32px; height: 32px; }
  }
  @keyframes slRise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
  @media (prefers-reduced-motion: reduce) { .stylelab:not([hidden]) { animation: none !important; } }
  html { touch-action: manipulation; }
  .sl-select { position: relative; margin-top: 8px; }
  .sl-select.off { opacity: .5; }
  .sl-selbtn { width: 100%; height: 36px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 0; border-radius: 10px; cursor: pointer;
    color: var(--ink); background: color-mix(in srgb, var(--ink) 9%, transparent); font: 600 14px/1 var(--sans); text-align: left; }
  .sl-selbtn svg { width: 10px; height: 6px; flex: none; }
  .sl-menu { position: absolute; left: 0; right: 0; bottom: calc(100% + 6px); z-index: 4; margin: 0; padding: 6px; list-style: none; max-height: 240px; overflow-y: auto; border-radius: 12px;
    background: var(--panel); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent), 0 18px 40px -12px rgba(0, 0, 0, .7); }
  .sl-menu button { width: 100%; padding: 8px 10px; border: 0; border-radius: 8px; cursor: pointer; text-align: left; color: var(--ink); background: transparent; font-size: 16px; line-height: 1.2; }
  .sl-menu button:hover, .sl-menu button[aria-selected="true"] { background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); color: #fff; }
  .ui-modal { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 16px; background: rgba(0, 0, 0, .55);
    -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
  .ui-card { width: min(400px, 100%); padding: 24px 24px 20px; border-radius: 20px; color: var(--ink); background: var(--panel);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent), 0 30px 70px -20px rgba(0, 0, 0, .75); font-family: var(--sans); }
  .ui-card h3 { margin: 0 0 8px; font: 800 19px/1.2 var(--sans); letter-spacing: -.02em; }
  .ui-card p { margin: 0 0 20px; color: var(--soft); font: 400 14px/1.5 var(--sans); }
  .ui-acts { display: flex; justify-content: flex-end; gap: 10px; }
  .ui-btn { height: 38px; padding: 0 16px; border: 0; border-radius: 11px; cursor: pointer; font: 700 13px/1 var(--sans); color: var(--ink); background: color-mix(in srgb, var(--ink) 10%, transparent); }
  .ui-btn.go { color: #fff; background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 14px -4px rgba(92, 188, 255, .55); }
  .ui-btn:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
  .ui-pop { position: fixed; z-index: 310; width: 240px; padding: 14px; border-radius: 16px; color: var(--ink); background: var(--panel); font-family: var(--sans);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent), 0 24px 60px -16px rgba(0, 0, 0, .75); touch-action: none; }
  .ui-sv { position: relative; height: 140px; border-radius: 10px; cursor: crosshair; background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }
  .ui-knob { position: absolute; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0, 0, 0, .5); pointer-events: none; }
  .ui-hue { position: relative; height: 14px; margin-top: 12px; border-radius: 7px; cursor: pointer; background: linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00); }
  .ui-hue .ui-knob { top: 50%; }
  .ui-hex { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
  .ui-hex i { width: 30px; height: 30px; flex: none; border-radius: 8px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 20%, transparent); }
  .ui-hex input { flex: 1; min-width: 0; height: 30px; padding: 0 10px; border: 0; border-radius: 8px; color: var(--ink); background: color-mix(in srgb, var(--ink) 9%, transparent); font: 600 13px/1 var(--sans); text-transform: uppercase; }
  .abx-switch { display: inline-flex; gap: 2px; padding: 3px; margin: 0 0 14px; border-radius: 13px; background: color-mix(in srgb, var(--ink) 10%, transparent); }
  .abx-switch button { height: 34px; padding: 0 16px; border: 0; border-radius: 10px; cursor: pointer; color: var(--soft); background: transparent; font: 700 13px/1 var(--sans); transition: color .15s ease, background-color .15s ease; }
  .abx-switch button:hover { color: var(--ink); }
  .abx-switch button[aria-pressed="true"] { color: #121212; background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); }
  .abx-dual { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
  .lore .abx-panel { padding: 32px 34px; gap: 0; }
  .abx-panel > .abx-card { background: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0; overflow: visible; }
  .abx-panel > .abx-card::before { display: none !important; }
  .abx-panel > .abx-card + .abx-card { margin-top: 30px; padding-top: 30px !important; border-top: 1px solid color-mix(in srgb, var(--ink) 11%, transparent); }
  .abx-quick { display: grid; gap: 14px; }
  .abxq-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .abxq-step { display: grid; gap: 10px; align-content: start; min-height: 260px; padding: 28px 24px 26px; border-radius: 22px;
    background: color-mix(in srgb, var(--ink) 5%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent); }
  .abxq-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
  .abxq-num { font: 800 68px/.85 var(--sans); letter-spacing: -.05em; color: var(--red); }
  .abxq-ico svg { width: 46px; height: 46px; display: block; fill: none; stroke: var(--ink); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; opacity: .85; }
  .abxq-step h3 { margin: 14px 0 0; font: 800 24px/1.05 var(--sans); letter-spacing: -.035em; color: var(--ink); }
  .abxq-step p { margin: 0; color: var(--soft); font: 500 15px/1.5 var(--sans); }
  .abxq-dates { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 18px 22px; border-radius: 22px;
    background: color-mix(in srgb, var(--ink) 5%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent); }
  .abxq-dates b { margin-right: 6px; font: 700 11px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); }
  .abxq-date { display: inline-flex; flex-direction: column; gap: 3px; padding: 10px 14px; border-radius: 14px; background: color-mix(in srgb, var(--ink) 7%, transparent); }
  .abxq-date span { font: 800 15px/1.1 var(--sans); color: var(--ink); }
  .abxq-date small { font: 500 12px/1.2 var(--sans); color: var(--soft); }
  .abxq-acts { display: flex; flex-wrap: wrap; gap: 10px; }
  #about[data-abx-mode="quick"] .abx-dual, #about[data-abx-mode="quick"] .abx-qhead, #about[data-abx-mode="quick"] details.faq { display: none !important; }
  #about[data-abx-mode="full"] .abx-quick { display: none; }
  @media (max-width: 1100px) { .abxq-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 900px) {
    .abx-dual { grid-template-columns: minmax(0, 1fr); }
    .lore .abx-panel { padding: 22px 18px; }
    .abxq-step { min-height: 0; padding: 22px 18px; }
    .abxq-num { font-size: 52px; }
  }
  @media (max-width: 520px) { .abxq-steps { grid-template-columns: minmax(0, 1fr); } }
  :root { --wm-mid: color-mix(in srgb, var(--red) 28%, #000); --wm-low: color-mix(in srgb, var(--red) 12%, #000); }
  
  .abx-quick .abxq-step { padding: 34px 30px 30px !important; }
  .abx-quick .abxq-num { line-height: 1; padding-top: 2px; }
  .abx-quick .abxq-ico { padding-top: 6px; }
  .stylelab .sl-msg { margin: 14px 0 0; padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, var(--ink) 8%, transparent); color: var(--ink); font-size: 12.5px; line-height: 1.4; }
  .stylelab > button + button, .stylelab > .sl-publish + .sl-reset { margin-top: 8px; }
  .st-clips { margin-top: 0; }
  .st-clips table { width: 100%; }
  .st-clips td.stc, .st-clips th:nth-child(2) { text-align: left; }
  .stc-who { display: inline-flex; align-items: center; gap: 10px; border: 0; padding: 0; background: none; color: inherit; font: inherit; cursor: pointer; text-align: left; }
  .stc-who:hover b { color: var(--red); }
  .stc-art { width: 30px; height: 40px; flex: none; border-radius: 6px; overflow: hidden; background: color-mix(in srgb, var(--ink) 10%, transparent); display: block; }
  .stc-art img, .stc-art video { width: 100%; height: 100%; object-fit: cover; display: block; }
  .stc-bar { display: inline-block; width: 70px; height: 6px; margin-right: 8px; vertical-align: middle; border-radius: 4px; background: color-mix(in srgb, var(--ink) 10%, transparent); overflow: hidden; }
  .stc-pct { display: inline-block; width: 4.2ch; text-align: right; }
  .stc-bar i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); }
  * { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--ink) 30%, transparent) transparent; }
  *:hover { scrollbar-color: color-mix(in srgb, var(--ink) 46%, transparent) transparent; }
  ::-webkit-scrollbar { width: 8px; height: 8px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { border-radius: 8px; background: color-mix(in srgb, var(--ink) 30%, transparent); border: 2px solid transparent; background-clip: padding-box; }
  ::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--ink) 50%, transparent); background-clip: padding-box; }
  ::-webkit-scrollbar-button, ::-webkit-scrollbar-corner { display: none; width: 0; height: 0; }
  #about > .homehead { display: none !important; }
  .abx-switch { display: flex; width: fit-content; margin: 6px auto 26px; gap: 2px; padding: 4px; border-radius: 999px;
    background: color-mix(in srgb, var(--ink) 7%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent), 0 14px 30px -18px rgba(0, 0, 0, .55);
    -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); }
  .abx-switch button { height: 36px; padding: 0 20px; border-radius: 999px; font: 700 13px/1 var(--sans); color: var(--soft); background: transparent; }
  .abx-switch button[aria-pressed="true"] { color: var(--ink); background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 20%, transparent), color-mix(in srgb, var(--ink) 9%, transparent));
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent), 0 6px 14px -8px rgba(0, 0, 0, .6); }
  :root:not([data-theme="dark"]) .abx-switch button[aria-pressed="true"] { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .18), inset 0 0 0 1px rgba(0, 0, 0, .05); }
  .qc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .qc-card { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; min-height: 440px; padding: 26px 24px 28px; border-radius: 26px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 7%, transparent), color-mix(in srgb, var(--ink) 2%, transparent) 60%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 16%, transparent);
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
  .qc-card::before { content: ""; position: absolute; left: -10%; right: -10%; bottom: -34%; height: 78%; z-index: -1; pointer-events: none;
    background: radial-gradient(60% 60% at 50% 70%, color-mix(in srgb, var(--hue) 78%, transparent), color-mix(in srgb, var(--hue) 22%, transparent) 55%, transparent 75%); filter: blur(10px); opacity: .85; transition: opacity .35s ease; }
  .qc-card::after { content: ""; position: absolute; left: 14%; right: 14%; bottom: 0; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--hue) 70%, #fff), transparent); opacity: .9; pointer-events: none; }
  .qc-card:hover { transform: translateY(-4px); }
  .qc-card:hover::before { opacity: 1; }
  :root:not([data-theme="dark"]) .qc-card { background: linear-gradient(180deg, #ffffff, color-mix(in srgb, #fff 55%, transparent) 70%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07), 0 20px 36px -26px rgba(0, 0, 0, .35); }
  :root:not([data-theme="dark"]) .qc-card::before { opacity: .8; background: radial-gradient(60% 60% at 50% 70%, color-mix(in srgb, var(--hue) 62%, transparent), color-mix(in srgb, var(--hue) 20%, transparent) 55%, transparent 75%); }
  :root:not([data-theme="dark"]) .qc-card:hover::before { opacity: 1; }
  :root:not([data-theme="dark"]) .qc-ico { background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--hue) 14%, #fff)); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08), 0 8px 16px -10px rgba(0, 0, 0, .35); }
  .qc-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .qc-ico { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; color: var(--ink);
    background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 16%, transparent), color-mix(in srgb, var(--ink) 5%, transparent));
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 26%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent), 0 8px 16px -8px rgba(0, 0, 0, .6); }
  .qc-ico svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
  .qc-no { padding: 6px 12px; border-radius: 999px; font: 700 11px/1 var(--sans); letter-spacing: .06em; color: var(--ink);
    background: color-mix(in srgb, var(--hue) 20%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hue) 55%, transparent); }
  .qc-card h3 { margin: 26px 0 8px; font: 700 clamp(26px, 2.2vw, 34px)/1.05 var(--sans); letter-spacing: -.03em; color: var(--ink); }
  .qc-card p { margin: 0 0 20px; color: var(--soft); font: 500 15px/1.45 var(--sans); }
  .qc-card ul { margin: auto 0 0; padding: 18px 0 0; list-style: none; display: grid; gap: 0; border-top: 1px solid color-mix(in srgb, var(--ink) 12%, transparent); }
  .qc-card li { display: flex; align-items: center; gap: 10px; padding: 11px 0; font: 600 13.5px/1.3 var(--sans); color: var(--ink); }
  .qc-card li + li { border-top: 1px solid color-mix(in srgb, var(--ink) 9%, transparent); }
  .qc-tick { width: 16px; height: 16px; flex: none; fill: none; stroke: color-mix(in srgb, var(--hue) 60%, var(--ink)); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
  .qc-dates { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; width: fit-content; max-width: 100%; margin: 22px auto 0; padding: 10px 12px 10px 20px; border-radius: 999px;
    background: color-mix(in srgb, var(--ink) 6%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 13%, transparent); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
  .qc-dl { font: 700 11px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); margin-right: 4px; }
  .qc-date { display: inline-flex; flex-direction: column; gap: 3px; padding: 9px 16px; border-radius: 999px; background: color-mix(in srgb, var(--ink) 7%, transparent); }
  .qc-date b { font: 800 14px/1.1 var(--sans); color: var(--ink); }
  .qc-date small { font: 600 11px/1.1 var(--sans); color: var(--soft); }
  .qc-acts { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
  .qc-btn { height: 48px; padding: 0 26px; border: 0; border-radius: 999px; cursor: pointer; font: 700 14px/1 var(--sans); color: var(--ink);
    background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 12%, transparent), color-mix(in srgb, var(--ink) 4%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 20%, transparent);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); transition: transform .15s ease, filter .15s ease; }
  .qc-btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
  .qc-btn.solid { color: #0a0a0b; background: #ffffff; box-shadow: 0 10px 24px -12px rgba(255, 255, 255, .55); }
  :root:not([data-theme="dark"]) .qc-btn.solid { color: #fff; background: #111; box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .6); }
  @media (max-width: 1100px) { .qc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .qc-card { min-height: 0; } }
  @media (max-width: 560px) { .qc-grid { grid-template-columns: minmax(0, 1fr); } .qc-dates { border-radius: 24px; padding: 14px; } }
  :root[data-theme="dark"] .vx-go, :root[data-theme="dark"] #comments .vx-go { background-color: color-mix(in srgb, var(--red) 24%, #0a0a0b); -webkit-backdrop-filter: none; backdrop-filter: none; }
  :root[data-theme="dark"] .vx-go:hover, :root[data-theme="dark"] .vx-go:focus-visible { background-color: color-mix(in srgb, var(--red) 34%, #0a0a0b); }
  .lore .qc-card h3 { color: var(--ink); }
  .lore .qc-card p { max-width: none; }
  .qc-card { min-height: 380px; }
  .qc-card ul { margin-top: auto; }
  .qc-ico { width: 52px; height: 52px; }
  body[data-mview="viewAbout"] .stage > .stagehead { display: none !important; }
  .lore .qc-card { padding: 30px 28px 32px !important; min-height: 520px; border-radius: 30px; gap: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 9%, transparent), color-mix(in srgb, var(--ink) 1%, transparent) 55%); }
  .qc-card::before { left: -30%; right: -30%; bottom: -42%; height: 92%; filter: blur(22px); opacity: 1;
    background: radial-gradient(55% 62% at 50% 62%, color-mix(in srgb, var(--hue) 95%, #fff 5%), color-mix(in srgb, var(--hue) 55%, transparent) 45%, transparent 78%); }
  .qc-card::after { left: 6%; right: 6%; height: 3px; bottom: 0; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--hue) 40%, #fff), transparent); box-shadow: 0 0 22px 4px color-mix(in srgb, var(--hue) 70%, transparent); }
  .qc-ico { order: 2; width: 58px; height: 58px; }
  .qc-ico svg { width: 26px; height: 26px; }
  .qc-no { display: none; }
  .qc-head { align-items: flex-start; justify-content: flex-end; }
  .qc-num { margin: -62px 0 14px; font: 300 clamp(84px, 7.4vw, 120px)/.9 var(--sans); letter-spacing: -.06em; color: transparent; -webkit-text-stroke: 1.5px color-mix(in srgb, var(--ink) 80%, transparent); }
  .lore .qc-card h3 { margin: 6px 0 10px; font-size: clamp(30px, 2.6vw, 40px); font-weight: 600; }
  .lore .qc-card p { margin: 0 0 28px; font-size: 16px; }
  .qc-card ul { border-top-color: color-mix(in srgb, var(--ink) 20%, transparent); padding-top: 12px; }
  .qc-card li { padding: 13px 0; font-size: 14.5px; color: var(--ink); text-shadow: 0 1px 8px rgba(0, 0, 0, .35); }
  .qc-card li + li { border-top-color: color-mix(in srgb, var(--ink) 16%, transparent); }
  .qc-tick { stroke: #fff; stroke-width: 2.4; }
  :root:not([data-theme="dark"]) .lore .qc-card { background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--hue) 10%, #fff) 100%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06), 0 24px 40px -26px color-mix(in srgb, var(--hue) 60%, #000); }
  :root:not([data-theme="dark"]) .qc-card::before { opacity: .9; background: radial-gradient(55% 62% at 50% 62%, color-mix(in srgb, var(--hue) 80%, #fff), color-mix(in srgb, var(--hue) 40%, transparent) 45%, transparent 78%); }
  :root:not([data-theme="dark"]) .qc-card li { text-shadow: none; }
  :root:not([data-theme="dark"]) .qc-tick { stroke: color-mix(in srgb, var(--hue) 80%, #000); }
  :root:not([data-theme="dark"]) .qc-num { -webkit-text-stroke-color: color-mix(in srgb, var(--ink) 70%, transparent); }
  .qc-two { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: 14px; margin: 0 0 18px; }
  .qc-part { position: relative; isolation: isolate; overflow: hidden; padding: 24px 28px 26px; border-radius: 26px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 8%, transparent), color-mix(in srgb, var(--ink) 2%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 13%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 14%, transparent); }
  .qc-part::before { content: ""; position: absolute; left: -20%; right: -20%; bottom: -70%; height: 110%; z-index: -1; pointer-events: none; filter: blur(22px);
    background: radial-gradient(55% 60% at 50% 60%, color-mix(in srgb, var(--hue) 80%, transparent), transparent 75%); opacity: .75; }
  .qc-tag { display: inline-block; padding: 6px 12px; border-radius: 999px; font: 700 11px/1 var(--sans); letter-spacing: .06em; color: var(--ink);
    background: color-mix(in srgb, var(--hue) 20%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hue) 55%, transparent); }
  .lore .qc-part h3 { margin: 14px 0 8px; font: 600 clamp(28px, 2.4vw, 36px)/1.05 var(--sans); letter-spacing: -.03em; color: var(--ink); }
  .lore .qc-part p { margin: 0; max-width: 46ch; color: var(--soft); font: 500 15px/1.5 var(--sans); }
  .qc-plus { align-self: center; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; font: 300 28px/1 var(--sans); color: var(--ink);
    background: color-mix(in srgb, var(--ink) 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 16%, transparent); }
  :root:not([data-theme="dark"]) .qc-part { background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--hue) 9%, #fff)); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06), 0 20px 34px -26px rgba(0, 0, 0, .35); }
  @media (max-width: 900px) { .qc-two { grid-template-columns: minmax(0, 1fr); } .qc-plus { justify-self: center; } }
  .qc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: auto; gap: 16px; }
  .qc-grid > .qc-card:nth-child(1) { grid-column: 1; grid-row: 1 / span 2; }
  .qc-grid > .qc-card:nth-child(2) { grid-column: 2; grid-row: 1; }
  .qc-grid > .qc-card:nth-child(3) { grid-column: 2; grid-row: 2; }
  .qc-grid > .qc-card:nth-child(4) { grid-column: 3; grid-row: 1 / span 2; }
  .qc-card { --hue: var(--red) !important; }
  .lore .qc-card { min-height: 0; padding: 28px 28px 30px !important; border-radius: 28px; }
  .lore .qc-card::before { left: -25%; right: -25%; bottom: -46%; height: 86%; filter: blur(20px); opacity: 1;
    background: radial-gradient(50% 55% at 50% 66%, color-mix(in srgb, var(--red) 40%, #bff), color-mix(in srgb, var(--red) 72%, #5b21ff) 38%, color-mix(in srgb, var(--red) 55%, #2a1bff) 58%, transparent 80%); }
  .lore .qc-card::after { left: 3%; right: 3%; height: 2px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--red) 35%, #fff) 30%, color-mix(in srgb, var(--red) 25%, #fff) 70%, transparent); box-shadow: 0 0 18px 3px color-mix(in srgb, var(--red) 70%, transparent), 0 -1px 0 color-mix(in srgb, var(--red) 50%, transparent); }
  .lore .qc-card { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"), linear-gradient(180deg, color-mix(in srgb, var(--ink) 10%, transparent), color-mix(in srgb, var(--ink) 1%, transparent) 60%); background-size: 200px 200px, auto; background-blend-mode: overlay, normal; }
  .qc-head { order: 0; justify-content: space-between; align-items: center; }
  .qc-ico { order: 0; width: 46px; height: 46px; }
  .qc-ico svg { width: 20px; height: 20px; stroke-width: 2; }
  .qc-no { display: inline-block; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 50%, transparent); }
  .qc-num { display: none; }
  .lore .qc-card h3 { margin: 38px 0 10px; font-size: clamp(26px, 2.2vw, 34px); }
  .qc-grid > .qc-card:nth-child(2) h3, .qc-grid > .qc-card:nth-child(3) h3 { margin-top: 22px; font-size: clamp(24px, 2vw, 30px); }
  .lore .qc-card p { margin: 0 0 22px; font-size: 15px; }
  .qc-card ul { margin-top: auto; }
  .qc-tick { stroke: #fff; }
  .qc-part { --hue: var(--red) !important; }
  .qc-part::before { background: radial-gradient(55% 60% at 50% 60%, color-mix(in srgb, var(--red) 70%, transparent), transparent 75%); }
  .qc-tag { background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 50%, transparent); }
  :root:not([data-theme="dark"]) .lore .qc-card { background-image: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--red) 9%, #fff)); }
  :root:not([data-theme="dark"]) .qc-card::before { opacity: .85; background: radial-gradient(50% 55% at 50% 66%, color-mix(in srgb, var(--red) 55%, #fff), color-mix(in srgb, var(--red) 55%, #fff) 38%, color-mix(in srgb, var(--red) 30%, transparent) 60%, transparent 80%); }
  @media (max-width: 1000px) { .qc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qc-grid > .qc-card:nth-child(n) { grid-column: auto; grid-row: auto; } }
  @media (max-width: 600px) { .qc-grid { grid-template-columns: minmax(0, 1fr); } }
  #about .abx-switch { position: relative; z-index: 0; gap: 2px; height: 48px; padding: 5px; border: 1px solid transparent; border-radius: 16px; background: transparent; box-shadow: var(--js-gshadow); -webkit-backdrop-filter: none; backdrop-filter: none; }
  #about .abx-switch::after { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; pointer-events: none; border: 1px solid var(--js-line); background: var(--js-glass);
    -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); box-shadow: inset 0 1px 0 var(--js-gtop); }
  #about .abx-switch::before { content: ""; position: absolute; inset: -1px; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none; background: var(--js-grim);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
  #about .abx-switch button { position: relative; z-index: 1; height: 36px; padding: 0 22px; border-radius: 13px; background: transparent; box-shadow: none; color: var(--js-ico); font: 600 13px/1 var(--sans); transition: color .22s ease; }
  #about .abx-switch button:hover, #about .abx-switch button:focus-visible { color: var(--js-ico-on); }
  #about .abx-switch button[aria-pressed="true"] { color: var(--js-ico-on); background: var(--js-on-fill); box-shadow: var(--js-on-halo); }
  #about .abx-switch button[aria-pressed="true"]::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none; background: var(--js-on-rim);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
  :root:not([data-theme="dark"]) #about .abx-switch button[aria-pressed="true"] { background: var(--js-on-fill); }
  .lore .qc-card::before { bottom: -30%; height: 80%; left: -12%; right: -12%; }
  .lore .qc-card { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent), inset 0 -26px 40px -26px color-mix(in srgb, var(--red) 70%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 16%, transparent); }
  .lore .qc-part { padding: 28px 32px 30px !important; border-radius: 28px; }
  .lore .qc-dates { padding: 12px 14px 12px 22px !important; }
  .lore .abx-switch { padding: 5px !important; }
  .lore .qc-card, .lore .qc-part { box-sizing: border-box; }
  .lore .qc-card { background-image: linear-gradient(180deg, color-mix(in srgb, var(--ink) 9%, transparent), color-mix(in srgb, var(--ink) 1%, transparent) 60%); background-size: auto; background-blend-mode: normal; }
  :root:not([data-theme="dark"]) .lore .qc-card { background-image: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--red) 9%, #fff)); }
  .lore .qc-card::before { filter: blur(26px); opacity: .8; }
  .lore .qc-card::before, .lore .qc-part::before { left: 0; right: 0; top: 0; bottom: 0; height: auto; z-index: -1; filter: blur(16px); opacity: 1; transform: translateY(14%); border-radius: inherit;
    background:
      radial-gradient(46% 20% at 50% 102%, color-mix(in srgb, var(--red) 28%, #d9faff) 0%, color-mix(in srgb, var(--red) 50%, #8be9ff) 40%, transparent 100%),
      radial-gradient(34% 36% at 16% 104%, color-mix(in srgb, var(--red) 55%, #7c3aed) 0%, transparent 100%),
      radial-gradient(34% 36% at 84% 104%, color-mix(in srgb, var(--red) 62%, #06b6d4) 0%, transparent 100%),
      radial-gradient(90% 40% at 50% 104%, var(--red) 0%, color-mix(in srgb, var(--red) 55%, transparent) 55%, transparent 100%),
      linear-gradient(0deg, color-mix(in srgb, var(--red) 36%, transparent) 0%, color-mix(in srgb, var(--red) 10%, transparent) 38%, transparent 62%); }
  .lore .qc-card::after, .lore .qc-part::after { left: 0; right: 0; bottom: 0; top: 0; height: auto; border-radius: inherit; padding: 1.5px; z-index: 3; box-shadow: none; opacity: 1; pointer-events: none;
    background: linear-gradient(0deg, color-mix(in srgb, var(--red) 30%, #fff) 0%, color-mix(in srgb, var(--red) 65%, #fff) 14%, color-mix(in srgb, var(--red) 40%, transparent) 38%, color-mix(in srgb, var(--ink) 14%, transparent) 62%, color-mix(in srgb, var(--ink) 20%, transparent) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
  .lore .qc-part::after { content: ""; position: absolute; }
  :root:not([data-theme="dark"]) .lore .qc-card::before, :root:not([data-theme="dark"]) .lore .qc-part::before { opacity: .85; }
  .lore .qc-part p { max-width: none; }
  .qc-art { position: absolute; left: 50%; top: 40%; width: 170px; height: 170px; transform: translate(-50%, -50%); display: none; pointer-events: none; color: var(--ink); opacity: .2; }
  .qc-art svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: .9; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 18px color-mix(in srgb, var(--red) 60%, transparent)); }
  .qc-grid > .qc-card:nth-child(1) .qc-art, .qc-grid > .qc-card:nth-child(4) .qc-art { display: block; }
  .lore .qc-card::before, .lore .qc-part::before { transform: translateY(4%);
    background:
      radial-gradient(52% 30% at 50% 102%, color-mix(in srgb, var(--red) 24%, #e6fbff) 0%, color-mix(in srgb, var(--red) 55%, #8be9ff) 45%, transparent 100%),
      radial-gradient(46% 54% at 12% 106%, color-mix(in srgb, var(--red) 52%, #8b2cf5) 0%, transparent 100%),
      radial-gradient(46% 54% at 90% 106%, color-mix(in srgb, var(--red) 60%, #06b6d4) 0%, transparent 100%),
      radial-gradient(100% 58% at 50% 106%, var(--red) 0%, color-mix(in srgb, var(--red) 60%, transparent) 55%, transparent 100%),
      linear-gradient(0deg, color-mix(in srgb, var(--red) 46%, transparent) 0%, color-mix(in srgb, var(--red) 16%, transparent) 45%, transparent 78%); }
  .lore .qc-card { background-image: radial-gradient(70% 38% at 18% 0%, color-mix(in srgb, #fff 12%, transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--ink) 9%, transparent), color-mix(in srgb, var(--ink) 1%, transparent) 60%); }
  :root:not([data-theme="dark"]) .lore .qc-card { background-image: radial-gradient(70% 38% at 18% 0%, #fff, transparent 100%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--red) 9%, #fff)); }
  .lore .qc-card::before, .lore .qc-part::before { left: 0; right: 0; top: 0; bottom: 0; height: auto; transform: none; filter: none; opacity: 1; border-radius: inherit; z-index: -1;
    background: radial-gradient(135% 74% at 50% 116%,
      color-mix(in srgb, var(--red) 14%, #fff) 0%,
      color-mix(in srgb, var(--red) 48%, #a8dcff) 20%,
      color-mix(in srgb, var(--red) 82%, #5fb4ff) 38%,
      color-mix(in srgb, var(--red) 70%, #000) 60%,
      color-mix(in srgb, var(--red) 26%, #04060d) 82%,
      transparent 100%); }
  .lore .qc-part::before { background: radial-gradient(150% 120% at 50% 150%,
      color-mix(in srgb, var(--red) 14%, #fff) 0%,
      color-mix(in srgb, var(--red) 48%, #a8dcff) 24%,
      color-mix(in srgb, var(--red) 80%, #5fb4ff) 44%,
      color-mix(in srgb, var(--red) 55%, #000) 66%,
      transparent 100%); }
  .lore .qc-card, .lore .qc-part { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 14%, transparent); }
  .lore .qc-card ul { padding-bottom: 6px; }
  .lore .qc-card li, .lore .qc-part p { text-shadow: 0 1px 10px rgba(0, 0, 0, .35); }
  :root:not([data-theme="dark"]) .lore .qc-card::before, :root:not([data-theme="dark"]) .lore .qc-part::before { opacity: .95; }
  :root:not([data-theme="dark"]) .lore .qc-card li { color: #0b1020; text-shadow: none; }
  @media (min-width: 901px) { .asc { padding-bottom: 84px; } .asc-row { position: relative; z-index: 3; } }
  #about .abx-switch .abx-glow { position: absolute; left: 0; top: 5px; z-index: 0; width: 0; height: 36px; border-radius: 13px; pointer-events: none; opacity: 0;
    background: var(--js-on-fill); box-shadow: var(--js-on-halo);
    transition: opacity .22s ease,
      transform .6s linear(0, 0.076, 0.246, 0.444, 0.63, 0.784, 0.898, 0.975, 1.02, 1.043, 1.049, 1.046, 1.037, 1.028, 1.019, 1.011, 1.005, 1.001, 0.999, 0.998, 0.998, 0.998, 0.998, 0.999, 1),
      width .6s linear(0, 0.076, 0.246, 0.444, 0.63, 0.784, 0.898, 0.975, 1.02, 1.043, 1.049, 1.046, 1.037, 1.028, 1.019, 1.011, 1.005, 1.001, 0.999, 0.998, 0.998, 0.998, 0.998, 0.999, 1),
      box-shadow .3s ease, background .3s ease; }
  #about .abx-switch .abx-glow.is-on { opacity: 1; }
  #about .abx-switch .abx-glow::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none; background: var(--js-on-rim);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
  #about .abx-switch .abx-glow.is-hover { background: var(--js-hv-fill); box-shadow: var(--js-hv-halo); }
  #about .abx-switch .abx-glow.is-hover::before { background: var(--js-hv-rim); }
  #about .abx-switch button[aria-pressed="true"] { background: transparent !important; box-shadow: none !important; }
  #about .abx-switch button[aria-pressed="true"]::before { display: none !important; }
  #about .abx-switch button:active { transform: scale(.97); }
  @media (prefers-reduced-motion: reduce) { #about .abx-switch .abx-glow { transition: opacity .01s; } }
  .abx-quick > .qs { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 4fr); gap: 0 44px; align-items: start; padding: 34px 34px 40px !important; border-radius: 30px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 9%, transparent), color-mix(in srgb, var(--ink) 1%, transparent) 70%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 14%, transparent); }
  .qs::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background: radial-gradient(130% 52% at 50% 122%, color-mix(in srgb, var(--red) 14%, #fff) 0%, color-mix(in srgb, var(--red) 48%, #a8dcff) 16%, color-mix(in srgb, var(--red) 82%, #5fb4ff) 32%, color-mix(in srgb, var(--red) 62%, #000) 52%, color-mix(in srgb, var(--red) 24%, #04060d) 76%, transparent 100%); }
  .qs::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; z-index: 3; pointer-events: none;
    background: linear-gradient(0deg, color-mix(in srgb, var(--red) 30%, #fff) 0%, color-mix(in srgb, var(--red) 60%, #fff) 12%, color-mix(in srgb, var(--red) 36%, transparent) 36%, color-mix(in srgb, var(--ink) 14%, transparent) 60%, color-mix(in srgb, var(--ink) 20%, transparent) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
  .qs-group header { margin: 0 0 26px; }
  .qs-tag { display: inline-block; padding: 6px 12px; border-radius: 999px; font: 700 11px/1 var(--sans); letter-spacing: .06em; color: var(--ink);
    background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 50%, transparent); }
  .lore .qs-group h3 { margin: 14px 0 6px; font: 600 clamp(28px, 2.4vw, 38px)/1.05 var(--sans); letter-spacing: -.03em; color: var(--ink); }
  .lore .qs-group header p { margin: 0; max-width: 44ch; color: var(--soft); font: 500 15px/1.45 var(--sans); }
  .qs-steps { margin: 0; padding: 0; list-style: none; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 22px; position: relative; }
  .qs-steps::before { content: ""; position: absolute; left: 22px; right: 22px; top: 22px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, color-mix(in srgb, var(--ink) 30%, transparent), color-mix(in srgb, var(--ink) 12%, transparent)); }
  .qs-step { position: relative; display: grid; align-content: start; gap: 0; }
  .qs-node { position: relative; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; color: var(--ink);
    background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 18%, #0b0b0d), color-mix(in srgb, var(--ink) 6%, #0b0b0d));
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 24%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ink) 16%, transparent), 0 0 0 6px color-mix(in srgb, var(--red) 10%, transparent); }
  .qs-node svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
  .qs-no { margin: 18px 0 4px; font: 700 11px/1 var(--sans); letter-spacing: .14em; color: color-mix(in srgb, var(--ink) 58%, transparent); }
  .lore .qs-step h4 { margin: 0 0 6px; font: 700 19px/1.15 var(--sans); letter-spacing: -.02em; color: var(--ink); }
  .lore .qs-step p { margin: 0 0 14px; max-width: none; color: var(--soft); font: 500 14px/1.45 var(--sans); }
  .qs-date { justify-self: start; margin-top: auto; padding: 7px 12px; border-radius: 999px; font: 700 12px/1 var(--sans); color: var(--ink);
    background: color-mix(in srgb, var(--ink) 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent); }
  .qs-plus { align-self: center; justify-self: center; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; font: 300 26px/1 var(--sans); color: var(--ink);
    background: color-mix(in srgb, var(--ink) 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 16%, transparent); }
  :root:not([data-theme="dark"]) .abx-quick > .qs { background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--red) 8%, #fff)); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06), 0 24px 40px -28px rgba(0, 0, 0, .35); }
  :root:not([data-theme="dark"]) .qs-node { background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--red) 12%, #fff)); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08), 0 0 0 6px color-mix(in srgb, var(--red) 10%, transparent); }
  :root:not([data-theme="dark"]) .qs-date { color: #0b1020; background: rgba(255, 255, 255, .75); }
  @media (max-width: 1100px) { .abx-quick > .qs { grid-template-columns: minmax(0, 1fr); gap: 28px; } .qs-plus { display: none; } }
  @media (max-width: 760px) { .qs-steps { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); gap: 26px; } .qs-steps::before { left: 22px; right: auto; top: 22px; bottom: 22px; width: 2px; height: auto; }
    .qs-step { padding-left: 64px; } .qs-node { position: absolute; left: 0; top: 0; } .qs-no { margin-top: 2px; } }
  .qs-steps { align-items: stretch; }
  .qs-step { grid-template-rows: auto auto auto 1fr auto; }
  .qs-date { align-self: end; margin-top: 0; }
  .qs { --mx: 50%; --my: 50%; }
  .qs-shine { position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .3s ease;
    background: radial-gradient(420px 260px at var(--mx) var(--my), rgba(255, 255, 255, .17), rgba(255, 255, 255, .09) 30%, rgba(255, 255, 255, .03) 60%, rgba(255, 255, 255, 0) 100%); }
  .qs.is-lit .qs-shine { opacity: 1; }
  .qs.is-lit::after { background: radial-gradient(240px circle at var(--mx) var(--my), #ffffff, rgba(255, 255, 255, 0) 70%),
    linear-gradient(0deg, color-mix(in srgb, var(--red) 30%, #fff) 0%, color-mix(in srgb, var(--red) 60%, #fff) 12%, color-mix(in srgb, var(--red) 36%, transparent) 36%, color-mix(in srgb, var(--ink) 14%, transparent) 60%, color-mix(in srgb, var(--ink) 20%, transparent) 100%); }
  .qs { transition: box-shadow .3s ease; }
  .qs.is-lit { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent), 0 0 26px 2px color-mix(in srgb, var(--red) 22%, transparent), 0 0 70px 8px color-mix(in srgb, var(--red) 12%, transparent); }
  .qs-group { position: relative; z-index: 1; }
  :root:not([data-theme="dark"]) .qs-shine { background: radial-gradient(420px 260px at var(--mx) var(--my), rgba(255, 255, 255, .7), rgba(255, 255, 255, .25) 40%, rgba(255, 255, 255, 0) 100%); }
  @media (hover: none) { .qs-shine { display: none; } }
  :root[data-theme="dark"] .vx-btn.vx-alt, :root[data-theme="dark"] .vx-infobtn, :root[data-theme="dark"] .vx-info .vx-btn { background-color: #101012; -webkit-backdrop-filter: none; backdrop-filter: none; }
  :root[data-theme="dark"] .vx-btn.vx-alt:hover, :root[data-theme="dark"] .vx-infobtn:hover, :root[data-theme="dark"] .vx-btn.vx-alt:focus-visible { background-color: #17171a; }
  :root:not([data-theme="dark"]) .vx-btn.vx-alt, :root:not([data-theme="dark"]) .vx-infobtn { background-color: #f3f2ef; -webkit-backdrop-filter: none; backdrop-filter: none; }
  :root:not([data-theme="dark"]) .vx-go { background-color: color-mix(in srgb, var(--red) 70%, #fff); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .asc-row .vx-btn, .asc-row .vx-infobtn { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .qs-shine { display: none !important; }
  #about .abx-switch .abx-glow { --gx: 50%; --gy: 50%; }
  #about .abx-switch:hover .abx-glow, #about .abx-switch:focus-within .abx-glow { box-shadow: var(--js-on-halo), 0 0 10px 2px color-mix(in srgb, var(--red) 24%, transparent), 0 0 26px 4px color-mix(in srgb, var(--red) 32%, transparent), 0 0 64px 10px color-mix(in srgb, var(--red) 14%, transparent); }
  #about .abx-switch:hover .abx-glow::before { background: radial-gradient(70px circle at var(--gx) var(--gy), #ffffff, rgba(255, 255, 255, 0) 70%), var(--js-on-rim); }
  #about .abx-switch .abx-glow::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .3s ease;
    background: radial-gradient(90px 56px at var(--gx) var(--gy), rgba(255, 255, 255, .24), rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, 0) 100%); }
  #about .abx-switch:hover .abx-glow::after { opacity: 1; }
  @media (max-width: 760px) {
    .abx-quick > .qs { padding: 24px 20px 28px !important; border-radius: 24px; gap: 26px; }
    .lore .qs-group h3 { font-size: 28px; }
    .qs-group header { margin-bottom: 20px; }
    .qs-steps { gap: 20px; }
    .qs-step { padding-left: 58px; min-height: 46px; }
    .qs-node { width: 42px; height: 42px; }
    .qs-steps::before { left: 20px; top: 20px; bottom: 20px; }
    .lore .qs-step p { font-size: 14px; margin-bottom: 10px; }
    .qc-acts { margin-top: 20px; }
    .qc-acts .qc-btn { flex: 1 1 140px; }
  }
  :root:not([data-theme="dark"]) .qs::before { background: radial-gradient(135% 56% at 50% 124%,
    color-mix(in srgb, var(--red) 62%, #fff) 0%,
    color-mix(in srgb, var(--red) 46%, #fff) 20%,
    color-mix(in srgb, var(--red) 28%, #fff) 40%,
    color-mix(in srgb, var(--red) 12%, #fff) 62%,
    transparent 100%); }
  :root:not([data-theme="dark"]) .qs::after { background: linear-gradient(0deg, color-mix(in srgb, var(--red) 60%, #fff) 0%, color-mix(in srgb, var(--red) 40%, #fff) 20%, rgba(18, 18, 18, .10) 55%, rgba(18, 18, 18, .08) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
  :root:not([data-theme="dark"]) .abx-quick > .qs { background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--red) 5%, #fff)); }
  :root:not([data-theme="dark"]) .qs-node { color: #101828; }
  :root:not([data-theme="dark"]) .qs-no { color: rgba(16, 24, 40, .55); }
  :root:not([data-theme="dark"]) .lore .qs-step p, :root:not([data-theme="dark"]) .lore .qs-group header p { color: rgba(16, 24, 40, .72); }
  :root:not([data-theme="dark"]) .qs-steps::before { background: linear-gradient(90deg, rgba(16, 24, 40, .28), rgba(16, 24, 40, .1)); }
  :root:not([data-theme="dark"]) .qs-tag { color: #101828; background: color-mix(in srgb, var(--red) 14%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 40%, transparent); }
  :root:not([data-theme="dark"]) .qs-date { color: #101828; background: rgba(255, 255, 255, .85); box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .12), 0 6px 14px -8px rgba(16, 24, 40, .3); }
  @media (min-width: 901px) { #ascHero.asc, .stage > .asc { padding-bottom: 96px !important; } }
  :root:not([data-theme="dark"]) .abx-quick > .qs::before { background: radial-gradient(140% 62% at 50% 126%,
    color-mix(in srgb, var(--red) 92%, #fff) 0%,
    color-mix(in srgb, var(--red) 74%, #fff) 20%,
    color-mix(in srgb, var(--red) 48%, #fff) 40%,
    color-mix(in srgb, var(--red) 20%, #fff) 62%,
    transparent 100%); }
  :root:not([data-theme="dark"]) .abx-quick > .qs .qs-step:nth-child(n) .qs-date { background: rgba(255, 255, 255, .92); }
  .qs-tag { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px 9px 12px; border-radius: 14px; font: 600 14px/1 var(--sans); letter-spacing: 0;
    color: #fff; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 24%, transparent), 0 8px 18px -12px color-mix(in srgb, var(--red) 70%, transparent); }
  .qs-tag svg, .qs-date svg { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .qs-tag svg path:only-child { fill: currentColor; stroke: none; }
  .qs-date { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px 9px 11px; border-radius: 13px; font: 600 13px/1 var(--sans);
    color: #fff; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 20%, transparent); }
  .qs-date svg { width: 15px; height: 15px; }
  .qs-steps > li:nth-child(2) .qs-date, .qs-steps > li:nth-child(3) .qs-date { color: color-mix(in srgb, var(--red) 40%, #e9ffe9); }
  :root:not([data-theme="dark"]) .qs-tag { color: color-mix(in srgb, var(--red) 80%, #000); background: color-mix(in srgb, var(--red) 12%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 28%, transparent), 0 8px 16px -12px color-mix(in srgb, var(--red) 55%, transparent); }
  :root:not([data-theme="dark"]) .qs-date { color: color-mix(in srgb, var(--red) 78%, #000); background: rgba(255, 255, 255, .9); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 24%, transparent), 0 6px 14px -8px rgba(16, 24, 40, .25); }
  .lore .qs-group header p, .lore .qs-step p { max-width: none !important; text-wrap: pretty; }
  .qs-group header p { width: 100%; }
  .qs-steps::before { display: none !important; }
  .qs-step { padding-top: 0; }
  .qs-no { margin-top: 16px; }
  .abx-quick > .qs { grid-template-columns: minmax(0, 2fr) minmax(0, 4fr); }
  .qs .qh { grid-column: 1 / -1; margin-top: 30px; padding: 22px 24px 20px; border-radius: 22px; display: grid; gap: 10px;
    background: color-mix(in srgb, var(--ink) 6%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 11%, transparent); position: relative; z-index: 1; }
  .qh-row { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 12px; }
  .qh-row b { font: 700 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--ink) 60%, transparent); }
  .qh-days { display: flex; flex-wrap: wrap; gap: 6px; }
  .qh-d { display: block; width: 18px; height: 18px; border-radius: 6px; background: color-mix(in srgb, var(--ink) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent); }
  .qh-d.ph-contest { background: color-mix(in srgb, var(--red) 34%, #0b0b0d); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 40%, transparent); }
  .qh-d.ph-voting { background: color-mix(in srgb, var(--red) 62%, #0b0b0d); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 60%, transparent); }
  .qh-d.ph-judging { background: color-mix(in srgb, var(--red) 88%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 70%, #fff), 0 0 10px -2px color-mix(in srgb, var(--red) 70%, transparent); }
  .qh-d.ph-winners { background: #ffffff; box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 60%, transparent), 0 0 16px 2px color-mix(in srgb, var(--red) 70%, transparent); }
  .qh-legend { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 8px 0 0 52px; font: 600 13px/1 var(--sans); color: color-mix(in srgb, var(--ink) 70%, transparent); }
  .qh-key { display: inline-flex; align-items: center; gap: 8px; }
  .qh-key .qh-d { width: 14px; height: 14px; border-radius: 5px; }
  :root:not([data-theme="dark"]) .qs .qh { background: rgba(255, 255, 255, .7); box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .08); }
  :root:not([data-theme="dark"]) .qh-d { background: rgba(16, 24, 40, .07); box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .06); }
  :root:not([data-theme="dark"]) .qh-d.ph-contest { background: color-mix(in srgb, var(--red) 30%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 40%, transparent); }
  :root:not([data-theme="dark"]) .qh-d.ph-voting { background: color-mix(in srgb, var(--red) 55%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 55%, transparent); }
  :root:not([data-theme="dark"]) .qh-d.ph-judging { background: var(--red); box-shadow: 0 0 10px -2px color-mix(in srgb, var(--red) 70%, transparent); }
  :root:not([data-theme="dark"]) .qh-d.ph-winners { background: #101828; box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 55%, transparent), 0 0 14px 2px color-mix(in srgb, var(--red) 55%, transparent); }
  :root:not([data-theme="dark"]) .qh-row b, :root:not([data-theme="dark"]) .qh-legend { color: rgba(16, 24, 40, .65); }
  @media (max-width: 760px) {
    .qs .qh { padding: 16px 14px; margin-top: 24px; }
    .qh-row { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .qh-d { width: 14px; height: 14px; border-radius: 5px; gap: 0; }
    .qh-days { gap: 5px; }
    .qh-legend { margin-left: 0; }
  }
  @property --hv { syntax: '<number>'; inherits: true; initial-value: 0; }
  #about .abx-switch .abx-glow { --hv: 0;
    transition: opacity .22s ease,
      transform .6s linear(0, 0.076, 0.246, 0.444, 0.63, 0.784, 0.898, 0.975, 1.02, 1.043, 1.049, 1.046, 1.037, 1.028, 1.019, 1.011, 1.005, 1.001, 0.999, 0.998, 0.998, 0.998, 0.998, 0.999, 1),
      width .6s linear(0, 0.076, 0.246, 0.444, 0.63, 0.784, 0.898, 0.975, 1.02, 1.043, 1.049, 1.046, 1.037, 1.028, 1.019, 1.011, 1.005, 1.001, 0.999, 0.998, 0.998, 0.998, 0.998, 0.999, 1),
      box-shadow .9s cubic-bezier(.22, .7, .2, 1), background .5s ease, --hv .9s cubic-bezier(.22, .7, .2, 1); }
  #about .abx-switch:hover .abx-glow, #about .abx-switch:focus-within .abx-glow { --hv: 1; }
  #about .abx-switch .abx-glow { box-shadow: var(--js-on-halo), 0 0 0 0 color-mix(in srgb, var(--red) 0%, transparent), 0 0 0 0 color-mix(in srgb, var(--red) 0%, transparent), 0 0 0 0 color-mix(in srgb, var(--red) 0%, transparent); }
  #about .abx-switch:hover .abx-glow, #about .abx-switch:focus-within .abx-glow { box-shadow: var(--js-on-halo), 0 0 10px 2px color-mix(in srgb, var(--red) 24%, transparent), 0 0 26px 4px color-mix(in srgb, var(--red) 32%, transparent), 0 0 64px 10px color-mix(in srgb, var(--red) 14%, transparent); }
  #about .abx-switch .abx-glow::before, #about .abx-switch:hover .abx-glow::before { background: radial-gradient(70px circle at var(--gx) var(--gy), rgb(255 255 255 / var(--hv)), rgb(255 255 255 / 0) 70%), var(--js-on-rim); }
  #about .abx-switch .abx-glow.is-hover::before { background: radial-gradient(70px circle at var(--gx) var(--gy), rgb(255 255 255 / var(--hv)), rgb(255 255 255 / 0) 70%), var(--js-hv-rim); }
  #about .abx-switch .abx-glow::after { transition: opacity .9s cubic-bezier(.22, .7, .2, 1); }
  .qs-tag, .qs-date { display: none !important; }
  .qp { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 11px; border-radius: 13px; font: 600 13.5px/1 var(--sans); white-space: nowrap;
    color: #fff; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); box-shadow: none; }
  .qp svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .qp svg path:only-child { fill: currentColor; stroke: none; }
  :root:not([data-theme="dark"]) .qp { color: color-mix(in srgb, var(--red) 82%, #000); background: color-mix(in srgb, var(--red) 12%, #fff); }
  .abx-quick > .qs.qs2 { display: block; padding: 28px !important; }
  .qcal { display: grid; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); gap: 28px; align-items: stretch; position: relative; z-index: 1; }
  .qcal-cal { display: grid; gap: 18px; align-content: start; }
  .qcal-grid { display: grid; grid-template-columns: 16px repeat(var(--wk), minmax(0, 1fr)); gap: 5px; align-items: center; }
  .qm { font: 700 11px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: color-mix(in srgb, var(--ink) 58%, transparent); text-align: left; white-space: nowrap; overflow: visible; }
  .qw { font: 700 10px/1 var(--sans); color: color-mix(in srgb, var(--ink) 45%, transparent); text-align: center; }
  .qd { aspect-ratio: 1; min-width: 0; padding: 0; border: 0; border-radius: 9px; display: grid; place-items: center; cursor: pointer; position: relative; font: 600 11px/1 var(--sans);
    color: color-mix(in srgb, var(--ink) 55%, transparent); background: color-mix(in srgb, var(--ink) 9%, transparent); transition: transform .18s ease, opacity .25s ease, background-color .25s ease, color .25s ease; }
  .qd.off { visibility: hidden; pointer-events: none; }
  .qd.ph-none { cursor: default; color: color-mix(in srgb, var(--ink) 38%, transparent); background: color-mix(in srgb, var(--ink) 6%, transparent); }
  .qd.ph-contest { color: #fff; background: color-mix(in srgb, var(--red) 36%, #101012); }
  .qd.ph-voting { color: #fff; background: color-mix(in srgb, var(--red) 62%, #101012); }
  .qd.ph-judging { color: #fff; background: color-mix(in srgb, var(--red) 90%, #101012); }
  .qd.ph-winners { color: #0b0b0d; background: #ffffff; }
  .qs2[data-active="contest"] .qd:not(.ph-contest), .qs2[data-active="voting"] .qd:not(.ph-voting), .qs2[data-active="judging"] .qd:not(.ph-judging), .qs2[data-active="winners"] .qd:not(.ph-winners) { opacity: .38; }
  .qd[data-ph]:hover { transform: scale(1.12); z-index: 2; }
  .ql-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
  .ql { display: flex; align-items: center; gap: 10px; padding: 10px 12px 10px 10px; border: 0; border-radius: 16px; cursor: pointer; text-align: left; color: var(--ink); font: inherit;
    background: color-mix(in srgb, var(--ink) 6%, transparent); transition: background-color .25s ease, color .25s ease; }
  .ql-ico { width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--ink) 10%, transparent); }
  .ql-ico svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
  .ql b { display: block; font: 700 13px/1.1 var(--sans); }
  .ql small { display: block; margin-top: 3px; font: 500 11px/1.1 var(--sans); color: var(--soft); white-space: nowrap; }
  .qs2[data-active="contest"] .ql[data-ph="contest"], .qs2[data-active="voting"] .ql[data-ph="voting"], .qs2[data-active="judging"] .ql[data-ph="judging"], .qs2[data-active="winners"] .ql[data-ph="winners"] { background: color-mix(in srgb, var(--red) 20%, transparent); }
  .qs2[data-active="contest"] .ql[data-ph="contest"] .ql-ico, .qs2[data-active="voting"] .ql[data-ph="voting"] .ql-ico, .qs2[data-active="judging"] .ql[data-ph="judging"] .ql-ico, .qs2[data-active="winners"] .ql[data-ph="winners"] .ql-ico { background: color-mix(in srgb, var(--red) 34%, transparent); }
  .qinfo { display: flex; flex-direction: column; padding: 26px 28px; border-radius: 24px; min-height: 100%; background: color-mix(in srgb, var(--ink) 6%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent); }
  .qi-top { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
  .qi-ico { width: 48px; height: 48px; flex: none; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); color: var(--ink); }
  .qi-ico svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
  .qi-pills { display: flex; flex-wrap: wrap; gap: 8px; }
  .qi-day { margin: 22px 0 6px; font: 700 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--ink) 58%, transparent); }
  .lore .qinfo h3 { margin: 0 0 10px; font: 700 clamp(26px, 2.2vw, 34px)/1.05 var(--sans); letter-spacing: -.03em; color: var(--ink); }
  .lore .qinfo p { margin: 0 0 12px; max-width: none; font: 500 15.5px/1.5 var(--sans); color: var(--soft); }
  .lore .qinfo p.qi-note { margin-top: auto; padding-top: 14px; border-top: 1px solid color-mix(in srgb, var(--ink) 12%, transparent); color: var(--ink); font-weight: 600; }
  :root:not([data-theme="dark"]) .qd { color: rgba(16, 24, 40, .6); background: rgba(16, 24, 40, .06); }
  :root:not([data-theme="dark"]) .qd.ph-contest { color: #101828; background: color-mix(in srgb, var(--red) 28%, #fff); }
  :root:not([data-theme="dark"]) .qd.ph-voting { color: #fff; background: color-mix(in srgb, var(--red) 58%, #fff); }
  :root:not([data-theme="dark"]) .qd.ph-judging { color: #fff; background: var(--red); }
  :root:not([data-theme="dark"]) .qd.ph-winners { color: #fff; background: #101828; }
  :root:not([data-theme="dark"]) .ql, :root:not([data-theme="dark"]) .qinfo { background: rgba(255, 255, 255, .78); box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .07); }
  :root:not([data-theme="dark"]) .qm, :root:not([data-theme="dark"]) .qw, :root:not([data-theme="dark"]) .qi-day { color: rgba(16, 24, 40, .6); }
  @media (max-width: 900px) { .qcal { grid-template-columns: minmax(0, 1fr); gap: 20px; } }
  @media (max-width: 560px) { .abx-quick > .qs.qs2 { padding: 18px 14px !important; } .qcal-grid { gap: 4px; grid-template-columns: 12px repeat(var(--wk), minmax(0, 1fr)); } .qd { border-radius: 7px; font-size: 9.5px; }
    .ql-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .qinfo { padding: 20px 18px; } }
  .qcal { grid-template-columns: minmax(0, 470px) minmax(0, 1fr); gap: 22px; align-items: start; }
  .ql-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .ql small { white-space: normal; }
  .qinfo { min-height: 0; height: 100%; justify-content: flex-start; padding: 30px 32px; }
  .lore .qinfo h3 { font-size: clamp(30px, 2.8vw, 42px); margin-bottom: 14px; }
  .lore .qinfo p { font-size: 17px; line-height: 1.55; }
  .lore .qinfo p.qi-note { margin-top: auto; font-size: 15.5px; }
  .qi-day { margin-top: 26px; }
  @media (max-width: 900px) { .qinfo { height: auto; } }
  .qd span { display: none; }
  .qd { border-radius: 8px; }
  .qd.ph-contest { background: color-mix(in srgb, var(--red) 46%, #0e0e10); }
  .qd.ph-voting { background: color-mix(in srgb, var(--red) 72%, #0e0e10); }
  .qd.ph-judging { background: color-mix(in srgb, var(--red) 96%, #fff); }
  .qd.ph-none { background: color-mix(in srgb, var(--ink) 7%, transparent); }
  .ql-ico { width: 38px; height: 38px; color: var(--ink); }
  .ql-ico svg { width: 20px; height: 20px; stroke-width: 4; }
  .qi-ico svg { stroke-width: 3.4; width: 24px; height: 24px; }
  .ql b { font-size: 14px; }
  :root:not([data-theme="dark"]) .qd.ph-contest { background: color-mix(in srgb, var(--red) 40%, #fff); }
  :root:not([data-theme="dark"]) .qd.ph-voting { background: color-mix(in srgb, var(--red) 66%, #fff); }
  .qs2[data-active] .qd:not(.off):not(.ph-none) { opacity: .62; }
  .qs2[data-active="contest"] .qd.ph-contest, .qs2[data-active="voting"] .qd.ph-voting, .qs2[data-active="judging"] .qd.ph-judging, .qs2[data-active="winners"] .qd.ph-winners { opacity: 1; }
  .qs2[data-active="contest"] .qd:not(.ph-contest):not(.ph-none), .qs2[data-active="voting"] .qd:not(.ph-voting):not(.ph-none), .qs2[data-active="judging"] .qd:not(.ph-judging):not(.ph-none), .qs2[data-active="winners"] .qd:not(.ph-winners):not(.ph-none) { opacity: .62; }
  .qd.ph-contest { background: color-mix(in srgb, var(--red) 58%, #0e0e10); }
  .qd.ph-voting { background: color-mix(in srgb, var(--red) 80%, #0e0e10); }
  .abx-quick > .qs.qy { display: block !important; padding: 34px 30px 38px !important; border-radius: 26px; background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 6%, transparent), color-mix(in srgb, var(--ink) 2%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 10%, transparent); }
  .abx-quick > .qs.qy::before, .abx-quick > .qs.qy::after { display: none !important; }
  .qy-inner { max-width: 880px; margin: 0 auto; display: grid; gap: 26px; }
  .qy-grid { display: grid; grid-template-columns: 30px repeat(var(--wk), minmax(0, 1fr)); gap: 4px; align-items: center; }
  .qy-m { font: 600 12px/1 var(--sans); color: color-mix(in srgb, var(--ink) 66%, transparent); white-space: nowrap; overflow: visible; padding-bottom: 6px; }
  .qy-w { font: 600 11px/1 var(--sans); color: color-mix(in srgb, var(--ink) 50%, transparent); }
  .qy-c { aspect-ratio: 1; min-width: 0; padding: 0; border: 0; border-radius: 5px; cursor: pointer; background: color-mix(in srgb, var(--ink) 8%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 6%, transparent); transition: transform .16s ease, opacity .25s ease, box-shadow .2s ease; }
  .qy-c.off { visibility: hidden; pointer-events: none; }
  .qy-c.ph-none { cursor: default; background: color-mix(in srgb, var(--ink) 6%, transparent); }
  .qy-c.ph-contest, .qy-dot.ph-contest { background: color-mix(in srgb, var(--red) 55%, #0e0e10); }
  .qy-c.ph-voting, .qy-dot.ph-voting { background: color-mix(in srgb, var(--red) 78%, #0e0e10); }
  .qy-c.ph-judging, .qy-dot.ph-judging { background: color-mix(in srgb, var(--red) 92%, #fff); }
  .qy-c.ph-winners, .qy-dot.ph-winners { background: #ffffff; }
  .qy[data-active] .qy-c:not(.off):not(.ph-none) { opacity: .5; }
  .qy[data-active="contest"] .qy-c.ph-contest, .qy[data-active="voting"] .qy-c.ph-voting, .qy[data-active="judging"] .qy-c.ph-judging, .qy[data-active="winners"] .qy-c.ph-winners { opacity: 1; }
  .qy-c[data-ph]:not(.ph-none):hover { opacity: 1; }
  .qy-pr { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
  .qy-p { display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px 10px 13px; border: 0; border-radius: 14px; cursor: pointer; font: inherit; color: var(--ink);
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0) 60%), color-mix(in srgb, var(--ink) 5%, #121214);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent), inset 0 1px 0 rgba(255, 255, 255, .08); transition: box-shadow .3s ease, background-color .3s ease; }
  .qy-dot { width: 12px; height: 12px; border-radius: 4px; flex: none; }
  .qy-p b { font: 700 13.5px/1 var(--sans); }
  .qy-p small { font: 500 12px/1 var(--sans); color: var(--soft); }
  .qy[data-active="contest"] .qy-p[data-ph="contest"], .qy[data-active="voting"] .qy-p[data-ph="voting"], .qy[data-active="judging"] .qy-p[data-ph="judging"], .qy[data-active="winners"] .qy-p[data-ph="winners"] {
    background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 60%), color-mix(in srgb, var(--red) 18%, #121214);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 45%, transparent), inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 18px -5px color-mix(in srgb, var(--red) 65%, transparent); }
  .qy-info { padding: 24px 26px; border-radius: 20px; background: color-mix(in srgb, var(--ink) 4%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 9%, transparent); }
  .qy-pills { display: flex; flex-wrap: wrap; gap: 8px; }
  .qp { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 11px; border-radius: 13px; font: 600 13.5px/1 var(--sans); white-space: nowrap;
    color: color-mix(in srgb, var(--red) 52%, #fff);
    background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0) 60%), color-mix(in srgb, var(--red) 15%, #121214);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 34%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1), 0 0 14px -5px color-mix(in srgb, var(--red) 60%, transparent); }
  .qy-day { margin: 18px 0 6px; font: 700 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--ink) 58%, transparent); }
  .lore .qy-info h3 { margin: 0 0 8px; font: 700 clamp(24px, 2vw, 30px)/1.1 var(--sans); letter-spacing: -.03em; color: var(--ink); }
  .lore .qy-info p { margin: 0 0 8px; max-width: none; font: 500 15.5px/1.5 var(--sans); color: var(--soft); }
  .lore .qy-info p.qy-note { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid color-mix(in srgb, var(--ink) 12%, transparent); color: var(--ink); font-weight: 600; }
  :root:not([data-theme="dark"]) .abx-quick > .qs.qy { background: #ffffff; box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .08), 0 24px 40px -30px rgba(16, 24, 40, .3); }
  :root:not([data-theme="dark"]) .qy-c { background: rgba(16, 24, 40, .07); box-shadow: none; }
  :root:not([data-theme="dark"]) .qy-c.ph-none { background: rgba(16, 24, 40, .05); }
  :root:not([data-theme="dark"]) .qy-c.ph-contest, :root:not([data-theme="dark"]) .qy-dot.ph-contest { background: color-mix(in srgb, var(--red) 42%, #fff); }
  :root:not([data-theme="dark"]) .qy-c.ph-voting, :root:not([data-theme="dark"]) .qy-dot.ph-voting { background: color-mix(in srgb, var(--red) 68%, #fff); }
  :root:not([data-theme="dark"]) .qy-c.ph-judging, :root:not([data-theme="dark"]) .qy-dot.ph-judging { background: var(--red); }
  :root:not([data-theme="dark"]) .qy-c.ph-winners, :root:not([data-theme="dark"]) .qy-dot.ph-winners { background: #101828; }
  :root:not([data-theme="dark"]) .qy-p, :root:not([data-theme="dark"]) .qy-info { background: #f6f7f9; box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .08); }
  :root:not([data-theme="dark"]) .qp { color: color-mix(in srgb, var(--red) 80%, #000); background: color-mix(in srgb, var(--red) 11%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 30%, transparent), 0 0 12px -5px color-mix(in srgb, var(--red) 45%, transparent); }
  :root:not([data-theme="dark"]) .qy-m, :root:not([data-theme="dark"]) .qy-w, :root:not([data-theme="dark"]) .qy-day { color: rgba(16, 24, 40, .62); }
  @media (max-width: 760px) { .abx-quick > .qs.qy { padding: 22px 14px 24px !important; } .qy-grid { gap: 2px; grid-template-columns: 24px repeat(var(--wk), minmax(0, 1fr)); } .qy-w { font-size: 9px; } .qy-m { font-size: 10px; }
    .qy-c { border-radius: 3px; } .qy-p small { display: none; } .qy-p { padding: 9px 12px 9px 10px; } .qy-info { padding: 18px 16px; } .qy-inner { gap: 20px; } }
  .abx-quick > .qs.qy, :root:not([data-theme="dark"]) .abx-quick > .qs.qy { background: transparent !important; box-shadow: none !important; padding: 10px 0 20px !important; }
  .qy-count b { color: var(--ink); font-weight: 800; }
  .qy-inner { max-width: 1120px; }
  .qy-grid { gap: 3px; }
  .qy-c { border-radius: 5px; box-shadow: none !important; background: color-mix(in srgb, var(--ink) 7%, transparent); }
  .qy-c.ph-none { background: color-mix(in srgb, var(--ink) 5%, transparent); }
  .qy .qy-c.ph-contest, .qy .qy-dot.ph-contest { background: color-mix(in srgb, var(--red) 62%, #0a0a0c); }
  .qy .qy-c.ph-voting, .qy .qy-dot.ph-voting { background: color-mix(in srgb, var(--red) 82%, #0a0a0c); }
  .qy .qy-c.ph-judging, .qy .qy-dot.ph-judging { background: var(--red); }
  .qy .qy-c.ph-winners, .qy .qy-dot.ph-winners { background: color-mix(in srgb, var(--red) 55%, #fff); }
  .qy[data-active] .qy-c:not(.off):not(.ph-none) { opacity: .72; }
  .qy[data-active="contest"] .qy-c.ph-contest, .qy[data-active="voting"] .qy-c.ph-voting, .qy[data-active="judging"] .qy-c.ph-judging, .qy[data-active="winners"] .qy-c.ph-winners { opacity: 1; filter: saturate(1.1) brightness(1.12); }
  .qy .qy-c.qy-now { background: color-mix(in srgb, var(--red) 55%, #fff) !important; opacity: 1 !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--red) 28%, transparent), 0 0 18px 2px color-mix(in srgb, var(--red) 80%, transparent) !important; animation: qyPulse 2.4s ease-in-out infinite; }
  @keyframes qyPulse { 50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--red) 12%, transparent), 0 0 26px 5px color-mix(in srgb, var(--red) 70%, transparent); } }
  .qy-c[data-ph]:not(.ph-none):hover { transform: none; box-shadow: none !important; filter: brightness(1.25); }
  .qy-c:focus-visible { outline: none; filter: brightness(1.3); }
  :root:not([data-theme="dark"]) .qy .qy-c.ph-contest, :root:not([data-theme="dark"]) .qy .qy-dot.ph-contest { background: color-mix(in srgb, var(--red) 45%, #fff); }
  :root:not([data-theme="dark"]) .qy .qy-c.ph-voting, :root:not([data-theme="dark"]) .qy .qy-dot.ph-voting { background: color-mix(in srgb, var(--red) 72%, #fff); }
  :root:not([data-theme="dark"]) .qy .qy-c.ph-winners, :root:not([data-theme="dark"]) .qy .qy-dot.ph-winners { background: color-mix(in srgb, var(--red) 35%, #fff); }
  :root:not([data-theme="dark"]) .qy-c { background: rgba(16, 24, 40, .06); }
  @media (prefers-reduced-motion: reduce) { .qy .qy-c.qy-now { animation: none; } }
  .qy .qy-c.qy-now { box-shadow: 0 0 20px 3px color-mix(in srgb, var(--red) 80%, transparent) !important; }
  @keyframes qyPulse { 50% { box-shadow: 0 0 30px 6px color-mix(in srgb, var(--red) 70%, transparent); } }
  .asc-row { transform: translateY(18px); }
  .asc-seek { height: 26px; }
  .asc-seek::before { height: 3px !important; margin-top: -1.5px !important; border-radius: 3px; background: rgba(255, 255, 255, .26); }
  .asc-seek i { height: 3px !important; margin-top: -1.5px !important; border-radius: 3px; transition: none; background: linear-gradient(90deg, rgba(255, 255, 255, .75), #ffffff);
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, .75), 0 0 16px 3px color-mix(in srgb, var(--red) 55%, transparent); }
  .sfoot-slot { order: 99; }
  @media (max-width: 900px) {
    .lp-sheet { padding-bottom: calc(62px + 10px + 14px + 34px); }
    body[data-mview="viewGrid"] .abx-switch { margin-top: -26px; }
    .qy .qy-c.qy-now { animation: none !important; }
    .mme-links .mme-seg { padding: 2px; gap: 2px; align-items: center; border-radius: 10px; }
    .mme-links .mme-seg button { min-height: 0; width: 36px; height: 26px; padding: 0; margin: 0; display: grid; place-items: center; justify-content: center; border: 0; border-bottom: 0; border-radius: 8px; flex: none; }
    .mme-links .mme-seg button svg { width: 15px; height: 15px; margin: 0; display: block; }
  }
  @media (max-width: 760px) {
    .qy-grid { grid-template-columns: 38px repeat(var(--wk), 28px); gap: 3px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 4px; }
    .qy-grid::-webkit-scrollbar { display: none; }
    .qy-grid .qy-w { font-size: 10px; text-align: left; padding-right: 4px; }
    .qy-c { border-radius: 5px; }
    body[data-mview="viewGrid"] .abx-switch { margin-top: -64px; }
    .lp-sheet { padding-bottom: calc(62px + 10px + 4px + 34px); }
    .lp-hero { contain: paint; }
    .lp-film { transform: translateZ(0); will-change: transform; }
    body[data-mview="viewGrid"] .lp-judges { margin-top: 24px; }
    .sfoot-slot { margin-top: 24px; }
    .qy-count { text-align: center; width: 100%; justify-self: center; }
  }
  @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html:root[data-theme] .msheet-body { background: linear-gradient(rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)), color-mix(in srgb, var(--paper) 38%, transparent); -webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12); }
    .msheet-veil { background: rgba(18, 18, 18, .16); }
  }
  @media (prefers-reduced-transparency: reduce) { html:root[data-theme] .msheet-body { background: var(--paper); -webkit-backdrop-filter: none; backdrop-filter: none; } }
  @media (max-width: 900px) {
    body:has(.fx:not([hidden])) #mbar.mbar { z-index: 140; }
    .msheet-body { padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }
    .fx .fx-body { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); max-height: calc(100dvh - 150px - env(safe-area-inset-bottom, 0px)); padding-bottom: 22px; border-radius: 26px; }
    .fx-grip { touch-action: none; }
  }
  .lp-jpage .lp-jcard { align-items: center; text-align: center; }
  .notif { position: relative; display: block; order: 1; }
  .notif[hidden] { display: none; }
  .notifbtn {
    position: relative; display: grid; place-items: center; width: 42px; height: 36px; padding: 0;
    border: 0; border-radius: 13px; background: transparent; color: var(--seg-ico, var(--soft)); cursor: pointer;
    transition: color .22s ease, background-color .22s ease;
  }
  .notifbtn svg { width: 19px; height: 19px; display: block; }
  .notifbtn:hover, .notifbtn[aria-expanded="true"] { color: var(--ink); background: var(--seg-hov, var(--hair)); }
  .notifcount {
    position: absolute; top: 1px; right: 1px; min-width: 17px; height: 17px; padding: 0 4px; box-sizing: border-box;
    border-radius: 9px; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); color: #fff; font-size: 10px; font-weight: 800; line-height: 17px;
    text-align: center; font-variant-numeric: tabular-nums; letter-spacing: 0; box-shadow: 0 0 0 2px var(--seg-bg, var(--paper));
  }
  .notifcount[hidden] { display: none; }
  .topbar .actpill .notif .notifpanel, .notif .notifpanel {
    width: min(372px, calc(100vw - 16px)); padding: 6px; gap: 0; right: -6px; max-height: min(520px, 78vh); overflow: hidden;
    display: flex; flex-direction: column;
  }
  .notifpanel[hidden] { display: none; }
  .np-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 8px 10px; border-bottom: 1px solid var(--seg-sep, var(--hair)); }
  .np-head b { font-size: 13px; font-weight: 800; letter-spacing: 0; color: var(--ink); }
  .np-all { border: 0; background: transparent; padding: 4px 6px; border-radius: 8px; color: var(--seg-red, var(--red)); font: inherit; font-size: 11.5px; font-weight: 700; cursor: pointer; }
  .np-all:hover:not(:disabled) { background: var(--seg-hov, var(--hair)); }
  .np-all:disabled { color: var(--soft); opacity: .5; cursor: default; }
  .np-list { display: grid; gap: 2px; padding: 6px 0 2px; overflow-y: auto; overscroll-behavior: contain; min-height: 0; scrollbar-width: none; }
  .np-list::-webkit-scrollbar { display: none; }
  .np-item {
    position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) 10px; align-items: start; column-gap: 11px;
    width: 100%; padding: 9px 8px; border: 0; border-radius: 12px; background: transparent; color: var(--ink);
    text-align: left; font: inherit; cursor: pointer; transition: background-color .18s ease;
  }
  .np-item:hover { background: var(--seg-hov, var(--hair)); }
  .np-item.is-new { background-color: color-mix(in srgb, var(--red) 9%, transparent); }
  .np-item.is-new:hover { background-color: color-mix(in srgb, var(--red) 15%, transparent); }
  .np-who { position: relative; display: block; width: 40px; height: 40px; }
  .np-face, .np-face img { display: block; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
  .np-kind { position: absolute; right: -3px; bottom: -3px; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); box-shadow: 0 0 0 2px var(--panel, var(--paper)); font-style: normal; }
  .np-kind svg { width: 10px; height: 10px; display: block; }
  .np-kind.np-reply { background: #5b8def; }
  .np-text { display: grid; gap: 2px; min-width: 0; font-size: 12.5px; line-height: 1.35; font-weight: 500; text-transform: none; letter-spacing: 0; }
  .np-line { color: var(--ink); }
  .np-line b { font-weight: 800; }
  .np-snip { color: var(--soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .np-time { color: var(--soft); font-size: 11px; opacity: .8; }
  .np-dot { width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--red); }
  .np-empty { display: grid; gap: 4px; margin: 0; padding: 28px 16px 30px; text-align: center; }
  .np-empty b { font-size: 13px; font-weight: 800; color: var(--ink); }
  .np-empty span { font-size: 12px; color: var(--soft); }
  .np-foot { display: flex; gap: 6px; padding: 8px 6px 4px; border-top: 1px solid var(--seg-sep, var(--hair)); margin-top: 4px; }
  .np-foot[hidden] { display: none; }
  .np-foot button { flex: 1; border: 0; border-radius: 9px; padding: 8px 6px; background: var(--seg-hov, var(--hair)); color: var(--soft); font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
  .np-foot button:hover { color: var(--ink); }
  .menu-saved .bm-fill { display: none; }
  #menuPasskey[hidden] { display: none !important; }
  .menu-saved:hover .bm-line, .menu-saved[aria-pressed="true"] .bm-line { display: none; }
  .menu-saved:hover .bm-fill, .menu-saved[aria-pressed="true"] .bm-fill { display: inline; }
  @media (min-width: 901px) {
    .topbar .actpill .notif { position: static; }
    .topbar .actpill .notif .notifpanel { right: 0; top: calc(100% + 9px); }
  }
  .mme-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: 9px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); color: #fff; font: 800 11px/1 var(--sans); font-style: normal; vertical-align: 1px; }
  .mtab[data-mmore] { position: relative; }
  .mtab.has-notes[data-mmore]::after { content: ''; position: absolute; top: 7px; left: calc(50% + 8px); width: 9px; height: 9px; border-radius: 50%; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); box-shadow: 0 0 0 2px var(--paper); }
  #mMe .np-head, #mMe .np-list, #mMe .np-foot { margin: 0 2px; }
  #mMe .np-head { padding: 4px 8px 12px; }
  #mMe .np-head b { font-size: 17px; }
  #mMe .np-item { padding: 12px 8px; }
  #mMe .np-text { font-size: 14px; }
  #mMe .np-snip { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  #mMe .np-face, #mMe .np-face img { width: 44px; height: 44px; }
  #mMe .np-item { grid-template-columns: 44px minmax(0, 1fr) 10px; }
  #mMe .np-who { width: 44px; height: 44px; }
  @keyframes np-panel { from { opacity: 0; transform: translateY(-10px) scale(.96); } to { opacity: 1; transform: none; } }
  @keyframes np-row { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  @keyframes np-pop { 0% { transform: scale(.2); opacity: 0; } 60% { transform: scale(1.25); opacity: 1; } 100% { transform: scale(1); } }
  @keyframes np-ring { 0%, 100% { transform: rotate(0); } 15% { transform: rotate(16deg); } 35% { transform: rotate(-13deg); } 55% { transform: rotate(8deg); } 75% { transform: rotate(-4deg); } }
  .notifpanel:not([hidden]) { transform-origin: top right; animation: np-panel .26s cubic-bezier(.2, .8, .25, 1) both; }
  .np-fresh .np-item, .np-fresh .np-empty { animation: np-row .38s cubic-bezier(.2, .8, .25, 1) both; animation-delay: calc(var(--i, 0) * 55ms + 90ms); }
  .np-fresh .np-empty { animation-delay: 120ms; }
  .notifcount.is-pop { animation: np-pop .45s cubic-bezier(.3, 1.4, .5, 1) both; }
  .notifbtn.is-ring svg { transform-origin: 50% 12%; animation: np-ring .8s ease-in-out both; }
  #mMe .np-head { animation: np-row .32s cubic-bezier(.2, .8, .25, 1) both; }
  @media (prefers-reduced-motion: reduce) {
    .notifpanel:not([hidden]), .np-fresh .np-item, .np-fresh .np-empty, .notifcount.is-pop, .notifbtn.is-ring svg, #mMe .np-head { animation: none; }
  }
  @keyframes np-hit { 0% { background: color-mix(in srgb, var(--red) 30%, transparent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 80%, transparent); } 100% { background: transparent; box-shadow: 0 0 0 2px transparent; } }
  .talk-list li.np-hit { border-radius: 12px; animation: np-hit 3s ease-out 1 both; }
  @media (prefers-reduced-motion: reduce) { .talk-list li.np-hit { animation: none; background: color-mix(in srgb, var(--red) 14%, transparent); } }
  .railbtn.is-shared { color: var(--red); }
  body[data-mview="viewResults"] .stage > .stagehead { display: none !important; }
  .results26 { display: block; padding: 0; }
  .judging26 { display: block; padding: 0; }
  .jload { margin: 0; min-height: 60vh; display: grid; place-items: center; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--soft); animation: jloadIn .6s ease both; }
  @keyframes jloadIn { from { opacity: 0; } to { opacity: 1; } }
  body.in-judging:not(.judging-ready) .sfoot-slot { visibility: hidden; }
  body.in-results { overflow-x: clip; }
  body.in-judging { overflow-x: clip; }
  body.in-judging .stage > .stagehead, body.in-judging .joinline, body.in-judging .eligible, body.in-judging .socials, body.in-judging .collab { display: none !important; }
  .sfoot-slot { margin-top: 34px; }
  .sfoot-slot > .sfoot { margin-top: 0; }
  body.in-reel .sfoot-slot, html.in-reel .sfoot-slot { display: none !important; }
  @media (min-width: 901px) {
    main.stage { display: flex; flex-direction: column; min-height: calc(100svh - var(--seghead, 72px)); }
    main.stage { padding-bottom: 0; }
    main.stage > .sfoot-slot { margin-top: auto; padding-top: 34px; padding-bottom: 28px; flex: none; }
    body:not([data-mview="viewGrid"]):not([data-mview="viewAbout"]):not([data-mview="viewComments"]):not([data-mview="viewJudges"]):not([data-mview="viewReel"]) main.stage > .stagehead { margin-top: auto; }
  }
  #about.abx-on > .sfoot { grid-column: 1 / -1; }
  @media (max-width: 900px) {
    .sfoot { margin-top: 26px; padding: 26px 22px 18px; border-radius: 18px; }
    .sfoot-top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
    .sf-brand { grid-column: 1 / -1; }
  }
  .lore-legal { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; margin: 26px 0 0; }
  .lore-legal a { color: var(--soft); font: 600 13px/1.4 var(--sans); letter-spacing: 0; text-decoration: none; transition: color .15s ease; }
  .signin-legal a:hover, .signin-legal a:focus-visible, .sheetlegal a:hover, .sheetlegal a:focus-visible,
  .lore-legal a:hover, .lore-legal a:focus-visible { color: var(--red); }
  @media (min-width: 901px) { #about.abx-on > .lore-legal { grid-column: 1 / -1; margin-top: 30px; } }


  .signinbig {
    width: auto; height: auto; border: 0; padding: 10px; margin: 4px 0 0;
    background: transparent; cursor: pointer;
    display: grid; place-items: center;
  }
  .signinbig:active { transform: translateY(1px); }
  .signinbig svg, .signinbig img { width: 46px; height: 46px; display: block; }
  .signinbig .dlogo { width: 46px; height: 46px; }
  .dlogo {
    color: var(--red);
    transition: color .26s ease, transform .26s cubic-bezier(.3, .8, .3, 1),
                filter .26s ease;
  }
  .signinbig .dlogo { filter: drop-shadow(0 0 5px color-mix(in srgb, var(--red) 50%, transparent)); }
  .signinbig:hover .dlogo, .signinbig:focus-visible .dlogo {
    filter: drop-shadow(0 0 6px color-mix(in srgb, var(--red) 35%, transparent));
  }
  .avatarbtn:hover .dlogo, .avatarbtn:focus-visible .dlogo {
    color: var(--ink); transform: scale(1.14);
  }
  .signinbig:hover .dlogo, .signinbig:focus-visible .dlogo {
    color: var(--ink); transform: scale(1.09);
  }
  .signinbig:active .dlogo { transform: scale(1.02); }
  @media (prefers-reduced-motion: reduce) {
    .dlogo { transition: color .26s ease; }
    .avatarbtn:hover .dlogo, .signinbig:hover .dlogo { transform: none; }
  }
  .gifbtn {
    flex: none; width: 28px; height: 28px; padding: 0; border: 0; background: transparent;
    color: var(--soft); cursor: pointer; display: grid; place-items: center;
    align-self: center; transition: color .15s ease;
  }
  .gifbtn:hover, .gifbtn[aria-expanded="true"] { color: var(--red); }
  .gifbtn svg { width: 21px; height: 21px; display: block; }
  .gifwrap {
    position: fixed; z-index: 120; line-height: normal;
    width: min(340px, calc(100vw - 16px)); max-height: 360px; display: flex; flex-direction: column;
    background: color-mix(in srgb, var(--panel) 84%, transparent); border-radius: 16px; overflow: hidden;
    -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 14%, transparent), 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent), var(--lift);
  }
  .gifhead { display: flex; align-items: center; gap: 8px; margin: 10px 10px 6px; }
  .gifhead .gifsearch { flex: 1 1 auto; min-width: 0; margin: 0; }
  .gifpowered { flex: none; height: 12px; width: auto; display: block; }
  .gifpowered.ondark { display: none; }
  :root[data-theme="dark"] .gifpowered.onlight { display: none; }
  :root[data-theme="dark"] .gifpowered.ondark { display: block; }
  .gifsearch {
    margin: 10px 10px 6px; padding: 8px 11px; border: 0; border-radius: 8px;
    background: var(--bone); color: var(--ink); font: 400 13px/1.3 var(--sans);
  }
  .gifsearch:focus { outline: none; box-shadow: none; }
  .gifgrid {
    flex: 1 1 auto; overflow-y: auto; padding: 4px 10px 6px;
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;
    align-content: start; grid-auto-rows: max-content; min-height: 0;
    scrollbar-width: none;
  }
  .gifgrid::-webkit-scrollbar { width: 0; height: 0; display: none; }
  .gifcell {
    padding: 0; border: 0; background: var(--bone); border-radius: 7px; overflow: hidden;
    cursor: pointer; aspect-ratio: 1; transition: transform .16s ease;
  }
  .gifcell:hover { transform: scale(1.04); }
  .gifcell img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .gifitem { position: relative; min-width: 0; }
  .gifitem .gifcell { width: 100%; display: block; }
  .giffav {
    position: absolute; top: 4px; right: 4px; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 50%;
    display: grid; place-items: center; cursor: pointer; color: #fff; background: rgba(0, 0, 0, .55);
    opacity: 0; transition: opacity .15s ease, color .15s ease;
  }
  .giffav svg { width: 13px; height: 13px; display: block; }
  .giffav path { fill: none; stroke: currentColor; stroke-width: 18; stroke-linejoin: round; }
  .giffav[aria-pressed="true"] { color: var(--red); opacity: 1; }
  .giffav[aria-pressed="true"] path { fill: currentColor; }
  .gifitem:hover .giffav, .giffav:focus-visible { opacity: 1; }
  @media (hover: none) { .giffav { opacity: .9; } }
  .gifcats {
    display: flex; gap: 6px; padding: 0 10px 6px; overflow-x: auto; flex: none; scrollbar-width: none;
  }
  .gifcats::-webkit-scrollbar { width: 0; height: 0; display: none; }
  .gifcat {
    flex: none; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border: 0; border-radius: 999px;
    background: var(--bone); color: var(--soft); cursor: pointer; font: 700 11px/1 var(--sans); letter-spacing: .02em; transition: color .15s ease;
  }
  .gifcat svg { width: 11px; height: 11px; display: block; }
  .gifcat path { fill: none; stroke: currentColor; stroke-width: 18; stroke-linejoin: round; }
  .gifcat:hover { color: var(--ink); }
  .gifcat[aria-pressed="true"] { color: var(--red); }
  .gifnote { grid-column: 1 / -1; margin: 18px 0; text-align: center; font-size: 12px; color: var(--soft); }
  .gifby {
    margin: 0; padding: 6px 10px 9px; font-size: 9.5px; font-weight: 700; letter-spacing: .12em;
    text-transform: uppercase; color: var(--soft); text-align: right;
  }
  .gifchip {
    position: relative; flex: none; width: 46px; height: 46px; border-radius: 7px;
    overflow: hidden; align-self: center; background: var(--bone);
  }
  .gifchip img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .gifchip button {
    position: absolute; top: 2px; right: 2px; width: 18px; height: 18px; padding: 0;
    border: 0; border-radius: 50%; background: transparent; color: #fff;
    display: grid; place-items: center; cursor: pointer;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .8));
  }
  .gifchip button:hover, .gifchip button:focus-visible { color: var(--red); }
  .gifchip button svg { width: 9px; height: 9px; display: block; }
  .saidgif {
    display: block; margin-top: 6px; max-width: min(240px, 100%); height: auto;
    border-radius: 9px; background: var(--bone);
  }
  .saidgif.mini { max-width: 120px; margin-top: 4px; }
  .saidgifbox { display: block; width: fit-content; max-width: 100%; }
  .gifcredit { display: block; margin-top: 4px; line-height: 0; }
  .saidgifbox .saidgif.mini + .gifcredit .gifpowered { height: 9px; }
  .tipbox {
    --tip-bg: rgba(255, 255, 255, .84); --tip-ink: #121212; --tip-edge: rgba(18, 18, 18, .1); --tip-shade: .16;
    position: fixed; z-index: 400; pointer-events: none; max-width: 280px;
    padding: 15px 12px 7px; color: var(--tip-ink);
    font: 600 11.5px/1.4 var(--sans); letter-spacing: .01em;
    transform: translateY(4px) scale(.97); transform-origin: var(--tipx, 50%) top;
    transition: transform .16s cubic-bezier(.3, .8, .3, 1);
  }
  :root[data-theme="dark"] .tipbox { --tip-bg: rgba(34, 34, 36, .8); --tip-ink: #fff; --tip-edge: rgba(255, 255, 255, .14); --tip-shade: .55; }
  .tipbox > * { opacity: 0; transition: opacity .16s ease; }
  .tipbox.up { padding: 7px 12px 15px; transform-origin: var(--tipx, 50%) bottom; transform: translateY(-4px) scale(.97); }
  .tipbox.show { transform: none; }
  .tipbox.show > * { opacity: 1; }
  .tipglass { position: absolute; inset: 0; -webkit-backdrop-filter: blur(18px) saturate(170%); backdrop-filter: blur(18px) saturate(170%); }
  .tipshape { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; }
  .tipshape .tipfill { fill: var(--tip-bg); stroke: var(--tip-edge); stroke-width: 1; }
  .tipshape .tipflood { flood-color: #000; flood-opacity: var(--tip-shade); }
  .tiptext { position: relative; display: block; }
  @media (prefers-reduced-transparency: reduce) {
    .tipglass { display: none; }
    .tipbox { --tip-bg: #fff; }
    :root[data-theme="dark"] .tipbox { --tip-bg: #222224; }
  }
  #accountMenu .menu-stars { display: none !important; }
  @media (prefers-reduced-motion: reduce) {
    .tipbox, .tipbox.up { transition: none; transform: none; }
    .tipbox > * { transition: opacity .01s linear; }
  }
  .btn.link:hover { color: var(--red); }

  .tags { display: flex; gap: 12px; flex-wrap: wrap; }
  .tag {
    font-size: 11px; font-weight: 700; letter-spacing: .04em;
    padding: 0; border: 0; background: transparent; color: var(--red); white-space: nowrap;
  }
  .tag.on { color: var(--red); }

  .socials { display: grid; gap: 7px; }
  .sociallinks { display: flex; gap: 7px; }
  .sociallinks a {
    width: 32px; height: 32px; display: grid; place-items: center; color: var(--ink);
    border: 0; border-radius: 7px; transition: color .15s ease, border-color .15s ease;
  }
  .sociallinks a:hover { color: var(--red); border-color: var(--red); }
  .sociallinks svg { width: 16px; height: 16px; }
  .socialhandle { margin: 0; font-size: 11px; color: var(--soft); }
  .shell.tight .socials { display: none; }

  .whobox {
    display: flex; align-items: center; gap: 9px; padding: 10px 0 2px; min-width: 0;
  }
  .whobox:empty { display: none; }
  .whoface {
    width: 26px; height: 26px; border-radius: 50%; flex: none; display: block;
    object-fit: cover; background: var(--bone);
  }
  .whoface.blank { background: var(--bone); }
  .whoname {
    font-size: 12px; font-weight: 700; min-width: 0; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;
  }
  .whobox .btn.link { padding: 0; font-size: 9px; letter-spacing: .13em; margin-left: auto; flex: none; }
  .shell.tight .whoname, .shell.tight .whobox .btn { display: none; }
  .sidefoot {
    padding-top: 2px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
    font-size: 11px; color: var(--soft);
  }
  .sidefoot .state { color: var(--red); }
  body.as-guest #bulkOpen, body.as-guest #resetBoard, body.as-guest .banner,

  .shell.tight .side { padding: 12px 0 20px; justify-items: center; gap: 10px; }
  .shell.tight .brand, .shell.tight .find, .shell.tight .navlabel,
  .shell.tight .tags, .shell.tight .sidefoot, .shell.tight .wheelbox,
  .shell.tight .navgroup.plats, .shell.tight .navgroup.years,
  .shell.tight .nav span, .shell.tight #openSubmit span,

  .shell.tight .sidetop { flex-direction: column; gap: 6px; align-items: center; }
  .shell.tight .navgroup { width: auto; gap: 6px; justify-items: center; }
  .shell.tight #themeBtn span { display: none !important; }
  .shell.tight .nav,
  .shell.tight #openSubmit,
  .shell.tight .themerow,
  .shell.tight .collapse {
    width: 40px; height: 40px; min-width: 40px; padding: 0;
    display: grid; place-items: center; gap: 0; border-radius: 9px;
  }
  .shell.tight #openSubmit .plus { display: block; width: 19px; height: 19px; }
  .shell.tight .nav svg, .shell.tight .collapse svg, .shell.tight .themerow svg { width: 18px; height: 18px; }

  .stage { padding: 20px 16px 96px; min-width: 0; }
  .nf { display: none; place-content: center; justify-items: center; text-align: center; gap: 14px; padding: 0 24px; }
  .nf svg { width: 34px; height: 34px; color: var(--red); }
  .nf-code { font-family: var(--head-one, var(--sans)); font-size: clamp(84px, 24vw, 150px); font-weight: 800; letter-spacing: -.06em; line-height: .9; color: var(--red); }
  .nf h1 { margin: 0; font-family: var(--head-one, var(--sans)); font-size: 24px; font-weight: 800; letter-spacing: -.03em; color: var(--ink); }
  .nf p { margin: 0; max-width: 340px; font-size: 15px; line-height: 1.5; color: var(--soft); }
  html.notfound .nf { display: grid; min-height: calc(100dvh - 240px); animation: introIn .7s cubic-bezier(.22, 1, .36, 1) both; }
  html.notfound #vxHero, html.notfound #recent, html.notfound #toolbar, html.notfound .stage > :not(.nf) { display: none !important; }
  @media (max-width: 900px) { html.notfound .nf { position: fixed; inset: 0; z-index: 1; min-height: 0; pointer-events: none; } }
  @media (min-width: 901px) { .stage { padding: 22px 24px 80px; } }

  .stagehead { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 15px; }
  .stagehead h2 {
    font-weight: 800; font-size: 38px; letter-spacing: -.02em; margin: 0; color: var(--red);
    line-height: 1.05;
  }
  .pt { display: inline-block; line-height: 1; transform-origin: 50% 70%; }
  .ptsp { display: inline-block; width: .34em; }
  .faq > summary h3 .pt { line-height: 1.1; }
  .adminhead .pt { letter-spacing: 0; }
  @media (max-width: 760px) { .stagehead h2 { font-size: 28px; } }
  .count { color: var(--soft); }

  .banner {
    background: var(--bone); border: 0; border-radius: 10px;
    padding: 12px 15px; margin: 0 0 18px; font-size: 13px; color: var(--soft);
  }
  .banner b { color: var(--ink); font-weight: 700; }

  .grid { display: grid; gap: 9px 4px; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
  @media (min-width: 620px) { .grid { gap: 10px 5px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }
  .grid.mosaic { gap: 3px; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
  @media (min-width: 620px) { .grid.mosaic { gap: 3px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }

  .threadfeed {
    display: grid; align-items: start; gap: 0 30px;
    grid-template-columns: repeat(auto-fill, minmax(410px, 1fr));
  }
  @media (max-width: 900px) { .threadfeed { grid-template-columns: minmax(0, 1fr); } }
  .thread {
    display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 15px;
    padding: 16px 14px; border-radius: 12px; cursor: pointer;
    transition: background .15s ease;
  }
  .thread-art {
    width: 84px; aspect-ratio: 1; border-radius: 8px; overflow: hidden; background: #0e0e0e;
  }
  .thread-art img, .thread-art video { width: 100%; height: 100%; object-fit: cover; display: block; }
  .thread-main { min-width: 0; display: grid; gap: 2px; align-content: start; }
  .thread-title {
    margin: 0; font-size: 14px; font-weight: 800; letter-spacing: -.01em;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .thread-who { margin: 0; font-size: 11.5px; color: var(--soft); display: flex; gap: 12px; }
  .thread-n { margin-left: auto; font-family: var(--num); font-weight: 700; flex: none; }
  .thread-talk { list-style: none; margin: 9px 0 0; padding: 0; display: grid; gap: 10px; }
  .thread-talk b { font-size: 12px; font-weight: 700; color: var(--red); }
  .thread-talk time {
    font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
    color: var(--soft); margin-left: 7px;
  }
  .thread-talk p { margin: 2px 0 0; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
  .thread-more { margin: 8px 0 0; font-size: 10.5px; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--red); }
  @media (max-width: 620px) {
    .thread { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; padding: 14px 2px; }
    .thread-art { width: 64px; }
  }
  .grid.feed {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(max(200px, calc((100% - 35px) / 6)), 1fr));
    column-gap: 7px; row-gap: 0; grid-auto-rows: 2px; align-items: start;
  }
  @media (max-width: 1280px) { .grid.feed { grid-template-columns: repeat(auto-fill, minmax(max(190px, calc((100% - 35px) / 6)), 1fr)); } }
  @media (max-width: 900px) { .grid.feed { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); column-gap: 6px; } }
  @media (max-width: 620px) { .grid.feed { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); column-gap: 5px; } }
  .feed .tile {
    break-inside: avoid; page-break-inside: avoid; display: block;
    margin: 0; position: relative; align-self: start;
  }
  .feed .tile-art { position: relative; border-radius: 5px; overflow: hidden; }
  .feed .cover { aspect-ratio: auto; min-height: 90px; border-radius: 5px; border: 0; }
  .feed .cover .shot { position: static; width: 100%; height: auto; display: block; }
  .feed .cover .shot.own, .cover > .shot.own {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
  }
  .cover.live > .shot.own, .cover.awake > .shot.own { opacity: 0; }
  .feed .cover video, .feed .cover iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
  .tile-len {
    position: absolute; left: 8px; bottom: 8px; z-index: 3; pointer-events: none;
    font-size: 10px; font-weight: 700; letter-spacing: .02em; color: #fff;
    background: transparent; padding: 0; border-radius: 0; text-shadow: 0 1px 4px rgba(0, 0, 0, .85);
    font-variant-numeric: tabular-nums;
  }
  .tile-meta { display: flex; align-items: flex-start; gap: 8px; padding: 6px 2px 0; }
  .tile-words { min-width: 0; flex: 1 1 auto; }
  .tile-title {
    margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
    overflow-wrap: anywhere; white-space: normal;
  }
  .tile-who { margin: 1px 0 0; font-size: 11px; color: var(--soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .tile-talk { flex: none; display: inline-flex; align-items: center; gap: 4px; color: var(--soft); padding-top: 1px; }
  .tile-talk svg { width: 13px; height: 13px; }
  .tile-talk b { display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; }
  .tile-talk .noneloop, .feed .tile .tile-talk .noneloop { width: 1.7em; height: .85em; vertical-align: 0; }
  .tile-quote {
    margin: 5px 2px 0; font-size: 11.5px; font-style: italic; color: var(--soft); line-height: 1.4;
  }
  .tile-quote em { display: block; font-style: normal; font-size: 10px; letter-spacing: .06em; margin-top: 2px; }

  .tile { position: relative; display: grid; gap: 7px; min-width: 0; align-content: start; }
  .mosaic .tile { display: block; gap: 0; }
  .mosaic .tile .cover { border-radius: 5px; border: 0; }
  .tile .cover { cursor: pointer; }
  .tileScore { display: none; }
  .mosaic .tileScore {
    position: absolute; left: 7px; bottom: 7px; z-index: 3; display: flex; align-items: center; gap: 4px;
    font-size: 11px; font-weight: 700; color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, .9);
    pointer-events: none;
  }
  .tileScore svg { width: 12px; height: 12px; }
  .mosaic .tile .adminrow {
    position: absolute; top: 6px; right: 6px; z-index: 4; border: 0; padding: 0;
    display: flex; gap: 2px; align-items: center;
    opacity: 0; transition: opacity .15s ease;
  }
  #queue .mosaic .tile .adminrow, .mosaic .tile:has(.pickbox) .adminrow { right: 36px; }
  .mosaic .tile .adminrow .iconbtn {
    width: 26px; height: 26px; display: grid; place-items: center; padding: 0;
  }
  .mosaic .tile .adminrow .iconbtn svg { width: 16px; height: 16px; }
  .mosaic .tile:hover .adminrow { opacity: 1; }
  .tile .iconbtn {
    background: transparent; border: 0; color: #fff; opacity: 1;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .75));
  }
  .tile .iconbtn.on { background: transparent; border: 0; color: var(--red); }
  .tile .iconbtn.danger:hover { color: var(--red); }
  .tile .cover { cursor: pointer; transition: filter .15s ease; }
  .tile .cover:hover .badge.plat { opacity: 1; }
  .tile .badge.plat { opacity: 0; transition: opacity .15s ease; }
  .cover {
    position: relative; aspect-ratio: 9 / 16; max-width: 100%;
    background: var(--bone); border-radius: 6px; overflow: hidden; border: 0;
  }
  .cover { display: grid; place-items: center; cursor: pointer; }
  .cover iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; z-index: 2; }
  .cover.ownclip { aspect-ratio: 9 / 16; }
  .cover.ownclip > video.firstframe { opacity: 0; transition: opacity .18s ease; }
  .cover.ownclip.shaped > video.firstframe { opacity: 1; }
  .mini video.firstframe, .rankart video.firstframe {
    width: 100%; height: 100%; object-fit: cover; display: block;
  }
  .cover > video.firstframe {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
    display: block; z-index: 1; background: #0e0e0e; pointer-events: none;
  }
  .cover.live > video.firstframe, .cover.awake > video.firstframe { opacity: 0; }
  .cover iframe.primed { opacity: 0; transition: opacity .16s ease; }
  .tile .cover iframe.primed { pointer-events: none; }
  .cover.awake iframe.primed { opacity: 1; }
  .cover.live { cursor: default; }
  .cover.insta { background: #fff; }
  .cover.insta iframe { background: #fff; }
  .mosaic .tile .cover.insta { aspect-ratio: 9 / 16; }
  .cover video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; display: block; z-index: 2; background: #000; }
  .cover video.primed { opacity: 0; transition: opacity .16s ease; }
  .tile .cover video.primed { pointer-events: none; }
  .cover.awake video.primed { opacity: 1; }
  .viewer-media video {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;
    background: #000; z-index: 2;
  }
  .player .cover video { object-fit: contain; }
  .shot {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
    opacity: 0; transition: opacity .25s ease;
  }
  .shot.on { opacity: 1; }
  .cover.loadingshot::after {
    content: ""; position: absolute; inset: auto 0 0 0; height: 2px; z-index: 4;
    background: var(--red); animation: bar 1.1s ease-in-out infinite;
  }
  @keyframes bar { 0% { transform: scaleX(0); transform-origin: left; } 50% { transform: scaleX(1); transform-origin: left; } 100% { transform: scaleX(0); transform-origin: right; } }
  .badge {
    z-index: 5;
    position: absolute; top: 7px; font-size: 9px; font-weight: 700;
    letter-spacing: .14em; text-transform: uppercase; padding: 4px 7px; border-radius: 4px;
  }
  .badge.rank { left: 7px; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); color: var(--red-on); }
  .badge.pending { left: 8px; top: 8px; padding: 0; background: transparent; color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, .85); }
  .score {
    position: absolute; left: 8px; bottom: 8px; display: flex; align-items: center; gap: 5px;
    font-size: 12px; font-weight: 700; color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .85);
  }
  .score svg { width: 14px; height: 14px; }
  .cover::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 64px; pointer-events: none;
    background: linear-gradient(to top, rgba(0, 0, 0, .45), rgba(0, 0, 0, 0));
    opacity: 0; transition: opacity .15s ease;
  }
  .cover.has-shot::after { opacity: 1; }

  .title {
    margin: 0; font-size: 13px; font-weight: 600; line-height: 1.35;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .title em { font-style: normal; color: var(--red); }
  .byline { display: flex; align-items: center; gap: 8px; min-width: 0; }
  .avatar {
    position: relative; overflow: hidden;
    width: 20px; height: 20px; border-radius: 50%; flex: none; background: var(--ink); color: var(--paper);
    display: grid; place-items: center; font-size: 10px; font-weight: 700;
  }
  .handle { font-size: 12px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .when { font-size: 11px; color: var(--soft); margin-left: auto; flex: none; }

  .acts { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
  .stars { display: flex; gap: 2px; }
  .tally { display: flex; align-items: baseline; gap: 5px; margin-left: 2px; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
  .tally em { font-style: normal; font-size: 10px; font-weight: 600; letter-spacing: .1em; color: var(--soft); }
  .acts { width: 100%; }
  .starwrap { position: relative; width: 18px; height: 18px; flex: none; line-height: 0; }
  .starwrap .base { color: var(--edge); display: block; }
  .starwrap:not(.filled) .base { opacity: .55; }
  .stars:hover .starwrap:not(.filled) .base { opacity: .9; }
  input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; appearance: none; width: 11px; height: 11px; margin-left: 6px; cursor: pointer; background: var(--red);
    -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E");
    mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E");
  }
  :root:not([data-theme="dark"]) .starwrap .base { color: var(--ink); }
  .noneloop { display: inline-block; width: 1.7em; height: .85em; color: var(--red); vertical-align: -.05em; overflow: visible; flex: none; }
  :root:not([data-theme="dark"]) .starwrap:not(.filled) .base { opacity: .85; }
  :root:not([data-theme="dark"]) .stars:hover .starwrap:not(.filled) .base { opacity: 1; }
  .starwrap .lit {
    position: absolute; inset: 0; overflow: hidden; color: var(--red);
    width: 0; transition: width .09s linear;
  }
  .starwrap .hit {
    position: absolute; top: 0; bottom: 0; left: 0; width: 100%; z-index: 2;
    border: 0; background: transparent; padding: 0; cursor: pointer;
  }
  .stars[data-own="yes"] { opacity: .4; }
  .stars[data-own="yes"] .hit { cursor: not-allowed; }
  .stars[data-warn] { animation: nudge .3s ease; }
  .stars.locked { opacity: .5; }
  .signnews {
    position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 400;
    transform: translate(-50%, 16px); opacity: 0; pointer-events: none;
    padding: 12px 18px; border-radius: 12px; background: var(--ink); color: var(--paper);
    font: 600 13px/1.3 var(--sans); box-shadow: 0 10px 30px rgba(18, 18, 18, .22);
    transition: opacity .3s ease, transform .3s cubic-bezier(.2, .7, .3, 1);
  }
  .signnews.bad { background: var(--red); color: #fff; }
  .signnews.show { opacity: 1; transform: translate(-50%, 0); }
  @media (max-width: 900px) { .signnews { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); } }
  .stars.locked .hit { cursor: help; }
  body.locked .minedemo, .minedemo[hidden] { display: none; }
  .stars[data-warn] .base { color: var(--red); }
  @keyframes nudge {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    75% { transform: translateX(3px); }
  }
  .stars svg { width: 18px; height: 18px; display: block; }
  .slide-rate .starwrap, .viewer-rate .starwrap { width: 25px; height: 25px; }
  .slide-rate .stars svg, .viewer-rate .stars svg { width: 25px; height: 25px; }
  .watch { font-size: 11px; font-weight: 600; color: var(--red); margin-left: auto; text-underline-offset: 3px; }
  .adminrow { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
  .iconbtn {
    width: 22px; height: 22px; flex: none; display: grid; place-items: center;
    border: 0; background: transparent; border-radius: 0; padding: 0;
    color: var(--soft); cursor: pointer; opacity: .6;
    transition: opacity .15s ease, color .15s ease;
  }
  .iconbtn svg { width: 16px; height: 16px; display: block; }
  .tile:hover .iconbtn, .slide:hover .iconbtn, .viewer .iconbtn { opacity: 1; }
  .iconbtn:hover { color: var(--ink); }
  .iconbtn.danger:hover { color: var(--red); }
  .iconbtn.on { opacity: 1; color: var(--red); }

  .empty { border: 0; border-radius: 12px; padding: 46px 20px; text-align: center; background: var(--bone); }
  .empty h2 { font-weight: 800; font-style: italic; font-size: clamp(26px, 5vw, 42px); letter-spacing: -.04em; color: var(--red); margin: 0 0 10px; }
  .empty p { color: var(--soft); margin: 0 auto 22px; max-width: none; font-size: 15px; }
  .empty .btn + .btn { margin-left: 18px; }

  .reel-wrap { position: relative; }
  html.in-reel, body.in-reel { overflow: hidden; height: 100%; }
  .reel-track {
    height: var(--reelh, calc(100dvh - 150px)); min-height: 420px; overflow-y: auto;
    scroll-snap-type: y mandatory; border-radius: 12px; background: var(--bone);
    border: 0;
    scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior: contain;
  }
  @media (min-width: 901px) { .reel-track { height: var(--reelh, calc(100dvh - 118px)); } }
  .reel-track::-webkit-scrollbar { width: 0; height: 0; display: none; }
  .reel-track > .slide { content-visibility: auto; contain-intrinsic-size: auto 900px; }

  .slide {
    --sidew: clamp(340px, 24vw, 500px);
    --rail: 58px;
    --ar: 0.5625;
    --room: calc(var(--reelh, 80dvh) - 24px);
    --mediaw: min(
      1180px,
      calc(100vw - 72px - var(--sidew) - var(--rail)),
      calc(var(--room) * var(--ar))
    );
    --mediah: calc(var(--mediaw) / var(--ar));
    height: 100%; min-height: 0; scroll-snap-align: start; scroll-snap-stop: always;
    display: flex; justify-content: center; align-items: center; gap: 20px;
    padding: 12px 16px; box-sizing: border-box;
  }
  .slide > .slide-side {
    flex: none; width: 400px; max-width: 100%; align-self: center;
    max-height: 100%; min-height: 0; overflow-y: auto; overflow-x: hidden;
    opacity: 1; transform: translateX(0);
    transition: width .34s cubic-bezier(.4, 0, .2, 1),
                opacity .26s ease .04s,
                transform .34s cubic-bezier(.4, 0, .2, 1),
                padding .34s cubic-bezier(.4, 0, .2, 1);
  }
  @media (prefers-reduced-motion: reduce) {
    .slide > .slide-side { transition: none; }
  }
  @media (max-width: 860px) {
    .slide {
      --sidew: 100%;
      --mediaw: min(calc(100vw - 32px), calc((var(--reelh, 80dvh) - 240px) * var(--ar)));
      flex-direction: column; align-items: center; gap: 12px;
    }
    .slide > .slide-side { height: auto; max-height: 36dvh; }
  }
  .stage-wrap {
    position: relative; min-height: 0; display: flex;
    align-items: center; justify-content: center; gap: 12px; flex: none;
  }
  .stage-wrap > .player { aspect-ratio: auto; max-width: none; max-height: none; align-self: center; }
  .rail {
    display: grid; gap: 14px; align-content: end; justify-items: center;
    padding-bottom: 14px; flex: none;
  }
  .railbtn {
    display: grid; justify-items: center; gap: 3px; border: 0; background: transparent;
    cursor: pointer; color: var(--soft); padding: 0; font: inherit; text-decoration: none;
    transition: color .15s ease;
  }
  .railbtn:hover { color: var(--ink); }
  .railbtn svg { width: 22px; height: 22px; }
  .railbtn b { font-family: var(--num); font-size: 10.5px; font-weight: 700; }
  .railbtn[data-railstar] { touch-action: manipulation; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
  .railbtn.on svg, .railbtn.lit svg { color: var(--red); }
  [data-railstar], .starpick { touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
  .starpick { position: fixed; z-index: 99; transform: translateY(-50%); pointer-events: none; }
  .starpick[hidden] { display: none; }
  .starpick.open { pointer-events: auto; }
  .picktray {
    display: flex; align-items: center; padding: 0 4px; height: 40px; border-radius: 999px;
    background: rgba(18, 18, 20, .88); border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 24px rgba(0, 0, 0, .35);
    clip-path: inset(0 0 0 calc(100% - 40px) round 999px);
    transition: clip-path .3s cubic-bezier(.2, .8, .25, 1);
  }
  .starpick.open .picktray { clip-path: inset(0 0 0 0 round 999px); }
  .pickstar {
    width: 38px; height: 38px; border: 0; padding: 0; background: transparent; display: grid; place-items: center;
    cursor: pointer; color: rgba(255, 255, 255, .3); -webkit-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: transparent;
    opacity: 0; transform: scale(.5);
    transition: opacity .16s ease, transform .24s cubic-bezier(.2, .9, .3, 1.3), color .12s ease;
    transition-delay: calc(var(--i) * 70ms);
  }
  .starpick.open .pickstar { opacity: 1; transform: none; }
  .pickstar svg { width: 24px; height: 24px; filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .4)); }
  .pickstar:focus, .pickstar:active, .pickstar:focus-visible { outline: none; background: transparent; box-shadow: none; }
  .picktray, .railbtn, [data-railstar] { -webkit-tap-highlight-color: transparent; }
  .pickstar.lit { color: var(--red); transform: scale(1.08); }
  .railbtn b { transition: transform .2s ease; }
  .railbtn.picking b { transform: translateY(7px); }
  .pickmsg {
    display: block; max-width: 62vw; padding: 10px 14px; border-radius: 14px; font: 600 13px/1.35 var(--sans);
    background: rgba(18, 18, 20, .86); color: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
    opacity: 0; transform: translateX(10px); transition: opacity .16s ease, transform .2s ease;
  }
  .starpick.open .pickmsg { opacity: 1; transform: none; }
  @media (prefers-reduced-motion: reduce) { .pickstar, .pickmsg { transition: none; } }
  .slide-over {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; pointer-events: none;
    padding: 46px 16px 16px; color: #fff;
    background: linear-gradient(to top, rgba(0, 0, 0, .72), rgba(0, 0, 0, 0));
  }
  .over-who { margin: 0; font-size: 15px; font-weight: 800; letter-spacing: -.01em; }
  .over-cap {
    margin: 4px 0 0; font-size: 12.5px; line-height: 1.4; max-height: 2.8em; overflow: hidden;
  }
  .over-cap em { font-style: normal; color: #ff8d84; }
  .over-meta {
    margin: 5px 0 0; font-size: 9px; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase; opacity: .72;
  }
  @media (max-width: 620px) {
    .reel-track:not(.talking) .slide-side { display: none; }
  }
  @media (min-width: 621px) and (max-width: 860px) {
    .reel-track:not(.talking) .slide > .slide-side { max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: -12px; }
  }
  @media (min-width: 621px) and (max-width: 860px) and (prefers-reduced-motion: no-preference) {
    .slide > .slide-side {
      transition: width .34s cubic-bezier(.4, 0, .2, 1), opacity .26s ease .04s,
                  transform .34s cubic-bezier(.4, 0, .2, 1), padding .34s cubic-bezier(.4, 0, .2, 1),
                  max-height .34s cubic-bezier(.4, 0, .2, 1), margin .34s cubic-bezier(.4, 0, .2, 1);
    }
  }
  .reel-track:not(.talking) .slide { --sidew: 0px; }
  .reel-track:not(.talking) .slide > .slide-side {
    width: 0; min-width: 0; opacity: 0; transform: translateX(26px);
    padding-left: 0; padding-right: 0; pointer-events: none; overflow: hidden;
  }
  .reel-track:not(.talking) [data-railtalk] { color: var(--soft); }
  .slide-side {
    display: grid; gap: 14px; align-content: start; padding: 4px 4px 4px 0; min-width: 0;
    min-height: 0; overscroll-behavior: contain;
    scrollbar-width: none; -ms-overflow-style: none;
  }
  .slide-side::-webkit-scrollbar { width: 0; height: 0; }
  .slide-head { display: flex; align-items: center; gap: 10px; min-width: 0; }
  .slide-head .avatar { width: 34px; height: 34px; font-size: 14px; }
  .slide-handle { margin: 0; font-size: clamp(19px, 2.2vw, 26px); font-weight: 800; letter-spacing: -.03em; overflow-wrap: anywhere; }
  .slide-meta { margin: 2px 0 0; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
  .slide-cap { margin: 0; font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
  .slide-cap em { font-style: normal; color: var(--red); }
  .slide-rate { display: grid; gap: 7px; justify-items: start; }
  .slide-rate .stars svg { width: 24px; height: 24px; }
  .slide-foot { display: grid; gap: 11px; padding-top: 13px; }
  .slide-foot .watch { margin-left: 0; font-size: 12px; }
  @media (max-width: 860px) {
    .slide { grid-template-columns: 1fr; gap: 14px; padding: 14px; align-content: center; justify-items: center; }
    .slide-side { width: 100%; max-width: 420px; gap: 10px; }
    .slide-handle { font-size: 18px; }
  }
  .reel-track.lively .slide .player {
    transition: width .3s cubic-bezier(.4, 0, .2, 1), height .3s cubic-bezier(.4, 0, .2, 1);
  }
  .player {
    position: relative; border: 0; border-radius: 10px;
    overflow: hidden; background: #151515; align-self: center;
  }
  .player video { object-fit: contain; }
  .player .cover { position: absolute; inset: 0; height: 100%; width: 100%; border: 0; border-radius: 0; }

  .reelnav { display: none; }
  .reelnav--unused {
    position: absolute; right: 14px; z-index: 6; width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .3); background: rgba(0, 0, 0, .55); color: #fff;
    cursor: pointer; display: grid; place-items: center;
  }
  .reelnav svg { width: 15px; height: 15px; }
  .reelnav.up { top: 14px; }
  .reelnav.down { bottom: 14px; }
  .reelnav:hover { background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8); border-color: var(--red); }
  @media (max-width: 760px) { .reelnav { display: none; } }

  .pill {
    margin-left: auto; padding: 0; border-radius: 0; background: transparent;
    color: var(--red); font-family: var(--num); font-size: 11px; font-weight: 700;
    letter-spacing: .04em; text-align: right; line-height: 1.5;
  }
  .nav[aria-pressed="true"] .pill { background: transparent; color: var(--red); }
  .pill.none { display: none; }
  body.as-guest .navgroup.admin { display: none; }
  .shell.tight .navgroup.admin .pill { display: none; }

  .bulkbar {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    padding: 10px 12px; margin-bottom: 16px; border-radius: 10px;
    background: var(--bone); border: 0;
  }
  .bulkcount { font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--soft); }
  #queue { user-select: none; }
  .pickbox {
    position: absolute; top: 8px; right: 8px; z-index: 4; width: 22px; height: 22px;
    border-radius: 6px; border: 0; background: rgba(18, 18, 18, .55);
    cursor: pointer; display: grid; place-items: center; color: transparent;
  }
  .tile.picked .pickbox { background: var(--ink); color: var(--paper); }
  .pickbox svg { width: 12px; height: 12px; }

  .storehead { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; }
  .storetitle { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
  .storerefresh {
    margin-left: auto; width: 30px; height: 30px; opacity: 1; flex: none;
    border: 0; background: transparent; color: var(--soft); border-radius: 8px;
    display: grid; place-items: center; cursor: pointer;
  }
  .storerefresh:hover { color: var(--red); }
  .storerefresh svg { width: 15px; height: 15px; }
  .tree { margin-top: 20px; display: grid; gap: 10px; }
  .treefold { border: 0; border-radius: 10px; background: var(--bone); padding: 10px 13px; }
  .treefold summary {
    cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: .04em;
    display: flex; align-items: baseline; gap: 10px;
  }
  .treemap { border: 0; border-radius: 10px; padding: 14px 16px; background: var(--bone); }
  .tbucket { margin: 0; font-size: 14px; font-weight: 800; display: flex; align-items: baseline; gap: 9px; }
  .tbucket span, .tprefix span {
    font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--soft);
    margin-left: auto;
  }
  .tprefix {
    margin: 8px 0 0 14px; padding-left: 12px; border-left: 1px solid var(--edge);
    font-size: 13px; font-weight: 700; display: flex; align-items: baseline; gap: 9px;
  }
  .tkids { list-style: none; margin: 0 0 0 26px; padding: 0 0 0 12px; border-left: 1px solid var(--edge); }
  .tkids li {
    display: flex; align-items: baseline; gap: 9px; padding: 5px 0; font-size: 12px;
    font-variant-numeric: tabular-nums;
  }
  .tkids .tname { font-weight: 700; }
  .tkids .twho { font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soft); }
  .tkids em { margin-left: auto; font-style: normal; font-size: 11px; color: var(--soft); }
  .chiprow { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 14px 0 10px; }
  .chip {
    border: 0; background: transparent; color: var(--soft); cursor: pointer;
    border-radius: 0; padding: 5px 0; font: inherit; font-size: 11px; font-weight: 700;
    letter-spacing: .04em;
  }
  .chip:hover { color: var(--ink); }
  .chip[aria-pressed="true"] { background: transparent; color: var(--red); }
  .treelist { display: grid; gap: 8px; }
  .treesum { margin-left: auto; font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--soft); }
  .treefold ul { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 4px; }
  .treefold li {
    display: flex; align-items: baseline; gap: 10px; font-size: 12px;
    font-variant-numeric: tabular-nums; padding: 3px 0; border-top: 1px solid var(--hair);
  }
  .treefold li em { margin-left: auto; font-style: normal; color: var(--soft); font-size: 11px; }
  .meter {
    height: 10px; border-radius: 999px; background: var(--bone); border: 0;
    overflow: hidden; margin: 0 0 18px;
  }
  .meter span { display: block; height: 100%; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); }
  .usage {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 14px; margin: 0 0 16px;
  }
  .usage dt {
    font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--soft);
    margin: 0 0 4px;
  }
  .usage dd { margin: 0; font-size: 19px; font-weight: 700; font-variant-numeric: tabular-nums; }
  .slidetalk { margin-top: 16px; padding-top: 10px; }
  .slide-side .talk-list { max-height: 30vh; overflow-y: auto; scrollbar-width: none; }
  .slide-side .talk-list::-webkit-scrollbar { width: 0; }
  .talkboard { display: block; }
  .tb-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; background: var(--hair); border: 0; border-radius: 12px; overflow: hidden; }
  .tb-row {
    display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; background: var(--paper);
    cursor: pointer; transition: background .14s ease;
  }
  .tb-row:hover { background: var(--bone); }
  .tb-art { width: 54px; aspect-ratio: 9 / 16; border-radius: 6px; overflow: hidden; background: var(--bone); flex: none; }
  .tb-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .tb-main { flex: 1 1 auto; min-width: 0; display: grid; gap: 5px; }
  .tb-head { display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; }
  .tb-head b { font-size: 14px; font-weight: 700; }
  .tb-head em {
    font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--soft);
  }
  .tb-line { margin: 0; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
  .tb-line b { font-weight: 700; }
  .tb-line time { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--soft); margin-left: 5px; }
  .tb-line span { display: block; color: var(--soft); }
  .tb-none { margin: 0; font-size: 13px; color: var(--soft); }
  .tb-count { flex: none; text-align: right; display: grid; gap: 1px; min-width: 62px; }
  .tb-count b { font-size: 19px; font-weight: 700; font-variant-numeric: tabular-nums; }
  .tb-count span { font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soft); }
  @media (max-width: 620px) {
    .tb-row { gap: 10px; padding: 11px 12px; }
    .tb-art { width: 42px; }
    .tb-count { min-width: 48px; }
  }
  .rankbar { display: inline-flex; gap: 2px; padding: 0; margin-bottom: 16px;
    border: 0; background: transparent; border-radius: 0; }
  .rankview {
    display: inline-flex; align-items: center; gap: 7px; cursor: pointer; border: 0;
    background: transparent; color: var(--soft); padding: 6px 13px; border-radius: 999px; font: inherit;
    font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    transition: background .15s ease, color .15s ease;
  }
  .rankview svg { width: 14px; height: 14px; flex: none; }
  .rankview:hover { color: var(--ink); }
  .rankview[aria-pressed="true"] { background: transparent; color: var(--red); }

  .ladder { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; background: var(--panel); border: 0; border-radius: 12px; overflow: hidden; }
  .ladder li { display: grid; grid-template-columns: 64px 46px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 12px 15px; background: var(--panel); border-radius: 10px; }
  .ladder .mini { width: 46px; }
  .ladder li:hover { background: var(--bone); cursor: pointer; }
  .ladder .place { display: block; color: var(--soft); }
  .ladder .place b {
    font-family: 'Bodoni Moda', Georgia, serif; font-weight: 700; font-size: 26px;
    line-height: 1; letter-spacing: -.02em; display: block;
  }
  .ladder .place em {
    display: block; margin-top: 3px; font-style: normal; font-size: 9px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
  }
  .ladder .who .line > .band { order: -1; }
  .ladder li:nth-child(1) .place, .ladder li:nth-child(2) .place, .ladder li:nth-child(3) .place { color: var(--red); }
  .band i { font-style: normal; }
  .ladder .bandpos { display: none; }
  .ladder.asgrid .band { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
  .ladder.asgrid .bandpos { order: 1; }
  .ladder.asgrid .bandword { order: 2; color: rgba(255, 255, 255, .42); }
  .ladder .band:empty { display: none; }
  .ladder .band, .band {
    display: inline-block; flex: none; border: 0; padding: 0; border-radius: 0;
    font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
    color: var(--red);
  }
  .ladder .mini { width: 52px; aspect-ratio: 9 / 16; border-radius: 5px; overflow: hidden; background: var(--bone); position: relative; }
  .ladder .mini img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .ladder .who { display: grid; gap: 4px; min-width: 0; }
  .ladder .who .line { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
  .ladder .who b { font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
  .ladder .who span { font-size: 12px; color: var(--soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ladder .mark { display: flex; align-items: baseline; gap: 6px; justify-content: flex-end; }
  .ladder .mark svg { width: 13px; height: 13px; flex: none; color: var(--red); align-self: center; }
  .ladder .mark b { font-size: 17px; font-weight: 800; font-variant-numeric: tabular-nums; }
  .ladder .mark span { font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }

  .ladder.asgrid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));
    gap: 4px; background: transparent; border: 0; border-radius: 0; overflow: visible;
  }
  .ladder.asgrid li {
    position: relative; aspect-ratio: 2 / 3; overflow: hidden;
    display: flex; flex-direction: column; justify-content: flex-end;
    align-items: stretch; align-content: stretch;
    grid-template-columns: none; grid-template-rows: none; grid-template-areas: none;
    gap: 0; padding: 0 0 18px; background: #101010;
    border: 0; border-radius: 20px;
  }
  .ladder.asgrid li::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 60%; z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .45) 48%, rgba(0, 0, 0, 0));
    pointer-events: none;
  }
  .ladder.asgrid li:hover { background: #101010; }
  .ladder.asgrid .mini {
    position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0;
    margin: 0; border-radius: 0; aspect-ratio: auto; flex: none;
    transition: transform .5s cubic-bezier(.22, .61, .36, 1);
  }
  .ladder.asgrid .mini img { width: 100%; height: 100%; object-fit: cover; }
  .ladder.asgrid .place { position: relative; z-index: 2; padding: 0 18px 8px; color: rgba(255, 255, 255, .92); }
  .ladder.asgrid .place b { font-size: 34px; }
  .ladder.asgrid .who {
    position: relative; z-index: 2; display: block; width: 100%;
    padding: 0 18px; min-width: 0; text-align: left;
  }
  .ladder.asgrid .who b {
    font-size: 17px; font-weight: 700; color: #fff; letter-spacing: -.01em;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;
  }
  .ladder.asgrid .who .line {
    display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
    margin-top: 6px; justify-content: flex-start;
  }
  .ladder.asgrid .band { order: 1; }
  .ladder.asgrid .who .line > span:not(.band) { order: 2; }
  .ladder.asgrid .who .line > span:not(.band) {
    font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase;
    color: rgba(255, 255, 255, .42);
  }
  .ladder.asgrid .band {
    font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase;
    color: rgba(255, 255, 255, .55);
  }
  .ladder.asgrid li:nth-child(1) .band,
  .ladder.asgrid li:nth-child(2) .band,
  .ladder.asgrid li:nth-child(3) .band { color: var(--red); }
  .ladder.asgrid .mark {
    position: relative; z-index: 2; display: flex; width: 100%; align-items: center; gap: 5px;
    padding: 7px 18px 0; justify-content: flex-start; justify-items: start; text-align: left;
  }
  .ladder.asgrid .mark svg { width: 11px; height: 11px; color: rgba(255, 255, 255, .55); flex: none; }
  .ladder.asgrid .mark b {
    font-size: 9px; font-weight: 700; letter-spacing: .13em; color: rgba(255, 255, 255, .55);
    font-family: var(--sans);
  }
  .ladder.asgrid .mark span {
    font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase;
    color: rgba(255, 255, 255, .55);
  }
  .ladder-note { margin: 14px 0 0; font-size: 12px; color: var(--soft); }
  @media (max-width: 560px) {
    .ladder li { grid-template-columns: 34px 40px minmax(0, 1fr) auto; gap: 10px; padding: 9px 11px; }
    .ladder .mini { width: 40px; }
  }

  .slide-auto {
    display: flex; align-items: center; justify-content: flex-start; gap: 8px;
    padding-bottom: 2px;
  }
  .slide-auto .swtch { width: 20px; height: 11px; }
  .slide-auto .swtch .knob { top: 1px; left: 1px; width: 7px; height: 7px; }
  .slide-auto .swtch[aria-pressed="true"] .knob { transform: translateX(9px); }
  .auto-word {
    font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--soft);
  }
  .swtch {
    width: 33px; height: 19px; flex: none; border-radius: 999px; padding: 0; cursor: pointer;
    border: 1px solid var(--edge); background: var(--edge); position: relative;
    transition: background .2s ease, border-color .2s ease;
  }
  .swtch .knob {
    position: absolute; top: 2px; left: 2px; width: 13px; height: 13px; border-radius: 50%;
    background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .3); transition: transform .2s ease;
  }
  .swtch[aria-pressed="true"] { background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); border-color: var(--red); }
  .swtch[aria-pressed="true"] .knob { transform: translateX(14px); }

  .mine-head {
    display: grid; gap: 7px; padding-bottom: 16px; border-bottom: 1px solid var(--hair);
    margin-bottom: 18px; position: relative;
  }
  .minedemo {
    display: inline-flex; gap: 20px; align-items: baseline;
    justify-self: start; margin-bottom: 6px;
  }
  .minedemo .btn.small { padding-left: 0; padding-right: 0; }
  .starsfaq { margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--hair); display: grid; gap: 8px; }
  .starsfaq .navlabel { margin: 0 0 6px; }
  .starsfaq .faq > summary h3 { font-size: 15px; }
  .starsfaq .faq > summary { padding: 13px 18px; }
  .starsfaq .faq-body { padding: 0 18px 16px; }
  .starsfaq .faq-body p { font-size: 13.5px; line-height: 1.55; margin: 0; color: var(--soft); }
  .mine-left { margin: 0; font-size: 13px; color: var(--soft); }
  .mine-left b {
    font-family: var(--num); font-size: 21px; font-weight: 700; color: var(--ink);
    font-variant-numeric: tabular-nums;
  }
  .mine-head .piprow { max-width: 260px; }
  .minelist { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
  .minelist > li[hidden] { display: none; }
  .minesearch {
    display: flex; align-items: center; gap: 10px; height: 46px; margin: 0 0 14px; padding: 0 14px; border-radius: 14px;
    background: color-mix(in srgb, var(--ink) 5%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);
    transition: box-shadow .2s ease, background .2s ease;
  }
  .minesearch:focus-within { background: color-mix(in srgb, var(--ink) 7%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 55%, transparent); }
  .minesearch svg { width: 18px; height: 18px; flex: none; color: var(--soft); }
  .minesearch input { flex: 1 1 auto; min-width: 0; height: 100%; border: 0; background: transparent; color: var(--ink); font: 500 14px/1 var(--sans); outline: none; }
  .minesearch input::placeholder { color: var(--soft); }
  .minesearch input::-webkit-search-cancel-button { display: none; }
  .minenone { margin: 0 0 12px; }
  .minerow {
    display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 14px; align-items: center;
    border: 0; border-radius: 11px; padding: 11px 14px; background: var(--bone);
  }
  .minerow .mini, .saidrow .mini {
    width: 56px; height: 56px; border-radius: 8px; overflow: hidden; background: var(--edge); flex: none;
  }
  .minerow .mini img, .saidrow .mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .minewho { min-width: 0; display: grid; gap: 2px; }
  .minewho b { font-size: 13px; font-weight: 700; overflow-wrap: anywhere; white-space: normal; }
  .minewho span { font-size: 11px; color: var(--soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .minerow .stars { justify-content: flex-end; }
  .saidrow {
    display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 14px; align-items: start;
    border: 0; border-radius: 11px; padding: 13px 14px; background: var(--bone);
  }
  .saidbody { min-width: 0; display: grid; gap: 5px; }
  .saidbody p { margin: 0; font-size: 14px; line-height: 1.5; }
  .saidmeta { font-size: 11px; color: var(--soft); }
  .saidmeta b { font-weight: 700; color: var(--ink); }
  .saidlink { font-size: 11px; font-weight: 700; color: var(--red); }
  .mineopen { cursor: pointer; }
  .mineopen:hover { border-color: var(--edge); background: var(--hair); }
  .bmbtn .bm-on { display: none; }
  .bmbtn[aria-pressed="true"] .bm-off { display: none; }
  .bmbtn[aria-pressed="true"] .bm-on { display: block; color: var(--red); }
  .bmbtn.bm-side, .bmbtn.bm-row {
    display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 34px;
    border: 0; border-radius: 999px; background: var(--bone); color: var(--ink);
    padding: 6px 13px 6px 10px; cursor: pointer; white-space: nowrap;
    font: inherit; font-size: 11px; font-weight: 700; transition: background-color .15s ease;
  }
  .bmbtn.bm-row { background: var(--panel); }
  .bmbtn.bm-side svg, .bmbtn.bm-row svg { width: 16px; height: 16px; flex: none; }
  .bmbtn.bm-side:hover { background: var(--hair); }
  .viewer-rate .rate-head { justify-self: stretch; }
  .rate-head .bm-side { margin-left: auto; }
  .menu-saved {
    display: flex; align-items: center; gap: 10px; width: 100%;
    border: 0; border-radius: 9px; background: var(--bone); color: var(--ink);
    padding: 10px 12px; cursor: pointer; text-align: left;
    font: inherit; font-size: 12px; font-weight: 700;
  }
  .menu-saved svg { width: 16px; height: 16px; flex: none; color: var(--soft); }
  .menu-saved:hover svg, .menu-saved[aria-pressed="true"] svg { color: var(--red); }

  .mast-left .socials { margin-top: 4px; }
  .mast-left .socials .navlabel { display: none; }
  .mast-left .sociallinks { display: flex; align-items: center; gap: 15px; }
  .mast-left .sociallinks a {
    width: auto; height: auto; border: 0; background: transparent; padding: 0;
    color: var(--red); display: block; border-radius: 0;
  }
  .mast-left .sociallinks a:hover { filter: brightness(.85); }
  .mast-left .sociallinks svg { width: 17px; height: 17px; display: block; }

  .adminpick { position: relative; display: inline-flex; }
  .adminmenu {
    position: fixed; z-index: 200; min-width: 196px;
    border: 0; background: var(--panel); border-radius: 10px;
    box-shadow: var(--lift); padding: 5px; display: grid; gap: 1px;
  }
  .adminmenu button {
    border: 0; background: transparent; cursor: pointer; color: var(--soft); text-align: left;
    padding: 8px 11px; border-radius: 6px; font: inherit; font-size: 12px; font-weight: 600;
    display: flex; align-items: center; gap: 9px;
  }
  .adminmenu button:hover { color: var(--ink); background: var(--bone); }
  .adminmenu button[aria-pressed="true"] { color: var(--red); }
  .adminmenu .pill { margin-left: auto; }
  .foundbar {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
    margin: -6px 0 18px; padding-bottom: 14px; border-bottom: 1px solid var(--hair);
  }
  .foundbar .foundnote { margin-right: auto; }
  .foundbar .watchstate { margin: 0; flex: 0 1 auto; min-width: 0; }
  .foundbar .foundnote:empty { display: none; }
  .foundbar .storerefresh { margin-left: auto; }
  .foundbar .btn.link { padding: 0; font-size: 9.5px; letter-spacing: .14em; }
  .foundnote { font-size: 12px; color: var(--soft); }
  .peek {
    position: fixed; inset: 0; z-index: 280; display: grid; place-items: center;
    background: rgba(8, 8, 8, .78); backdrop-filter: blur(3px); padding: 24px;
  }
  .peek-box {
    display: grid; gap: 12px; max-width: min(520px, 92vw); width: 100%;
  }
  .peek-stage { position: relative; display: block; min-width: 0; }
  .peek-box video, .peek-box img {
    width: 100%; max-height: 74vh; object-fit: contain; display: block;
    border-radius: 11px; background: #000;
  }
  .peek-bar { display: flex; align-items: center; gap: 16px; color: #fff; }
  .peek-who { display: grid; margin-right: auto; min-width: 0; }
  .peek-who b { font-size: 14px; font-weight: 700; }
  .peek-who em {
    font-style: normal; font-size: 9px; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase; opacity: .62;
  }
  .peek-bar .btn { color: #fff; }
  .peek-bar .btn.small { color: var(--red); }
  .peek-bar .markbtn { color: #fff; }
  .peek-bar .markbtn.keep:hover, .peek-bar .markbtn.toss:hover { color: var(--red); }
  .peek-none { color: #fff; font-size: 13px; text-align: center; padding: 40px 0; }
  .howto { margin: 0 0 18px; }
  .howto > summary {
    cursor: pointer; list-style: none; font-size: 10px; font-weight: 800;
    letter-spacing: .14em; text-transform: uppercase; color: var(--red); padding: 4px 0;
  }
  .howto > summary::-webkit-details-marker { display: none; }
  .howto-mark { width: 10px; height: 10px; margin-right: 6px; vertical-align: -1px; }
  .howto[open] .howto-plus, .howto:not([open]) .howto-minus { display: none; }
  .howto-body { padding: 6px 0 2px; display: grid; gap: 9px; }
  .howto-body p { margin: 0; font-size: 12.5px; line-height: 1.55; color: var(--soft); }
  .howto { max-width: none; }
  .cfgform { display: grid; gap: 15px; max-width: none; }
  .cfgrow { display: grid; grid-template-columns: 170px 320px minmax(0, 1fr); gap: 18px; align-items: baseline; }
  .cfgrow > span {
    font-size: 9.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--soft);
  }
  .cfgrow input[type="text"], .cfgrow input[type="number"], .cfgrow input[type="date"] {
    border: 0; background: var(--bone); border-radius: 6px;
    padding: 8px 10px; font: 400 13px/1.4 var(--sans); color: var(--ink);
  }
  .cfgrow em { font-style: normal; font-size: 11px; color: var(--soft); line-height: 1.5; }
  .cfgrow > span { line-height: 1.5; }
  .cfgcheck { grid-template-columns: 170px auto minmax(0, 1fr); align-items: center; gap: 18px; }
  .cfgcheck input { justify-self: start; }
  @media (max-width: 900px) {
    .cfgrow, .cfgcheck { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  }
  .cfgcheck input { width: 16px; height: 16px; accent-color: var(--red); }
  .cfgcheck > span { font-size: 12.5px; letter-spacing: 0; text-transform: none; font-weight: 600; color: var(--ink); }
  .cfgsave { align-items: center; margin-top: 4px; }
  .cfgsave .btn.small { color: var(--red); justify-self: start; padding: 4px 0; }
  .cfgnote { font-size: 11.5px; color: var(--soft); line-height: 1.5; }
  .runbox { display: grid; gap: 10px; margin: 0 0 22px; padding: 0 0 20px; border-bottom: 1px solid var(--hair); min-width: 0; }
  .watchstate { margin: 4px 0 18px; display: flex; flex-wrap: nowrap; align-items: baseline; gap: 12px; font-size: 12.5px; line-height: 1.4; color: var(--soft); min-width: 0; }
  .watchstate .wsdot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #1fae5b; vertical-align: middle; margin: 0 10px 0 0; }
  .watchstate[data-mood="off"] .wsdot, .watchstate[data-mood="paused"] .wsdot { background: var(--red); animation: wsblink 1.2s ease-in-out infinite; }
  @keyframes wsblink { 0%, 100% { opacity: 1; } 50% { opacity: .15; } }
  .watchstate .wsnow { color: var(--ink); font-weight: 600; white-space: nowrap; flex: none; }
  .watchstate .wsplan { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 0 1 auto; }
  .watchstate .wstoggle {
    flex: none; margin-left: 4px; border: 1px solid var(--hair); background: var(--paper); color: var(--ink); border-radius: 999px;
    padding: 4px 12px; font: inherit; font-size: 11.5px; font-weight: 700; cursor: pointer; transition: border-color .15s ease;
  }
  .watchstate .wstoggle:hover { border-color: var(--ink); }
  @media (max-width: 900px) { .watchstate { gap: 10px; } .watchstate .wsplan { display: none; } }
  .watchstate .wstoggle[disabled] { opacity: .5; cursor: default; }
  .watchstate[data-mood="off"] .wsnow { color: var(--red); }
  .queueslot:not(:empty) { margin: 0 0 22px; padding: 0 0 20px; border-bottom: 1px solid var(--hair); }
  .runhead {
    margin: 0; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--red);
  }
  .runwhy { margin: 0; font-size: 12px; line-height: 1.5; color: var(--soft); }
  .runwait { margin: 0; font-size: 12px; color: var(--soft); }
  .runform { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: end; min-width: 0; }
  .runfield { display: grid; gap: 5px; flex: 1 1 140px; min-width: 0; margin: 0; }
  .runfield.runtags { flex: 2 1 240px; }
  .runfield > span {
    font-size: 9.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--soft); line-height: 1.5;
  }
  .runfield input[type="text"], .runfield input[type="number"], .runfield input[type="date"] {
    width: 100%; min-width: 0; border: 0; background: var(--bone); border-radius: 6px;
    padding: 8px 10px; font: 400 13px/1.4 var(--sans); color: var(--ink);
  }
  .runchecks { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; min-height: 34px; }
  .runchecks label {
    display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
    font-size: 12.5px; font-weight: 600; color: var(--ink); line-height: 1.4;
    letter-spacing: 0; text-transform: none;
  }
  .runchecks input { width: 16px; height: 16px; margin: 0; flex: none; accent-color: var(--red); cursor: pointer; }
  .runchecks input:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
  .runfoot { flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; min-width: 0; }
  .runfoot .runbtn { padding: 6px 0; flex: none; }
  .runfoot .runbtn[disabled] { color: var(--soft); cursor: default; }
  .runfoot .runnote { flex: 1 1 320px; }
  .runfoot .runcost { font-size: 12px; color: var(--soft); }
  .usage .usagecap { font-size: 12px; font-weight: 600; color: var(--soft); }
  .usage .usagewhen { display: block; margin-top: 4px; font-size: 11.5px; font-weight: 500; color: var(--soft); letter-spacing: 0; }
  .runnote {
    margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px;
    font-size: 12px; line-height: 1.5; color: var(--soft);
  }
  .runnote .runsaid { color: var(--ink); font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
  .runbar { flex: 1 1 100%; height: 3px; border-radius: 999px; background: var(--edge); overflow: hidden; }
  .runbar i { display: block; height: 100%; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); transition: width .6s ease; }
  .runnote[data-state="failed"] .runsaid { color: var(--red); }
  .runnote em { font-style: normal; font-family: var(--num); font-size: 10.5px; }
  .runnote .btn.link { color: var(--red); }
  .runnote .btn.link:hover { color: var(--ink); }
  .jobnote { margin: -8px 0 18px; font-size: 12px; line-height: 1.5; color: var(--soft); }
  .howto-body dl { display: grid; gap: 10px; margin: 8px 0 0; }
  .howto-body dl > div {
    display: grid; grid-template-columns: 136px minmax(0, 1fr); gap: 18px; align-items: baseline;
  }
  .howto-body dt {
    font-size: 9.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
    color: var(--soft); line-height: 1.5;
  }
  .howto-body dd { margin: 0; font-size: 12px; line-height: 1.5; color: var(--soft); }
  .howto-body b { color: var(--ink); font-weight: 700; }
  .foundsplit {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; align-items: start;
  }
  .lane { display: grid; gap: 12px; min-width: 0; }
  .lanehead {
    margin: 0; display: flex; align-items: center; gap: 10px;
    font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--soft);
    position: sticky; top: 0; z-index: 3; background: var(--paper); padding: 6px 0;
  }
  .lanehead .pill { margin-left: 0; }
  .lanebody {
    max-height: max(calc(100dvh - 230px), 840px); min-height: 280px;
    overflow-y: auto; overscroll-behavior: contain;
    padding-right: 4px; padding-bottom: 26px;
    scrollbar-width: none; -ms-overflow-style: none;
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 58px), transparent 100%);
    mask-image: linear-gradient(to bottom, #000 calc(100% - 58px), transparent 100%);
  }
  .lanebody.ended {
    -webkit-mask-image: none;
    mask-image: none;
  }
  .lanebody::-webkit-scrollbar { width: 0; height: 0; }
  .foundgrid.lanegrid { grid-template-columns: repeat(auto-fill, minmax(152px, 1fr)); gap: 14px 11px; }
  .lanenone { font-size: 12px; color: var(--soft); padding: 14px 0; }
  @media (max-width: 900px) { .foundsplit { grid-template-columns: minmax(0, 1fr); } }
  .foundtabs { display: flex; gap: 24px; align-items: baseline; margin-bottom: 20px; flex-wrap: wrap; }
  .foundtabs .nav {
    width: auto; gap: 6px; padding: 6px 0; font-size: 12px; align-items: baseline;
  }
  .foundtabs .nav span { line-height: 1.2; padding-top: 0; }
  .foundtabs .nav .pill {
    margin-left: 0; line-height: 1.2; font-size: 11px; text-align: left;
  }
  .foundtabs .nav .pill.none { display: inline; opacity: .4; }
  .foundgrid {
    list-style: none; margin: 0; padding: 0; display: grid; gap: 18px 14px;
    grid-template-columns: repeat(auto-fill, minmax(188px, 1fr));
  }
  .foundcard { display: grid; gap: 7px; align-content: start; }
  .foundcard.leaving { opacity: 0; transform: scale(.96); transition: opacity .18s ease, transform .18s ease; pointer-events: none; }
  .foundshot {
    position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; width: 100%;
    border-radius: 9px; background: #101010; border: 0; padding: 0; cursor: pointer;
  }

  .foundshot img, .foundshot video { width: 100%; height: 100%; object-fit: cover; display: block; }
  .foundshot video.overstill { position: absolute; inset: 0; opacity: 0; transition: opacity .2s ease; }
  .foundshot:hover video.overstill { opacity: 1; }
  .foundcard.picked .foundshot { outline: 2px solid var(--red); outline-offset: -2px; }

  .foundmeta { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
  .foundmeta b {
    font-size: 12.5px; font-weight: 700; min-width: 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .foundmeta em {
    font-style: normal; font-family: var(--num); font-size: 10px; color: var(--soft); margin-left: auto;
  }
  .foundtag {
    margin: 0; font-size: 10px; font-weight: 800; letter-spacing: .08em;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .foundtag.yes { color: var(--red); }
  .foundtag.no { color: var(--soft); font-weight: 600; letter-spacing: .04em; opacity: .7; }
  .foundtag.maybe { color: var(--soft); font-weight: 600; letter-spacing: .02em; }
  .foundsize {
    margin: 0; display: flex; flex-wrap: wrap; gap: 2px 10px;
    font-family: var(--num); font-size: 10.5px; line-height: 1.4; color: var(--soft);
  }
  .foundsize b { font-weight: 700; color: var(--ink); }
  .trophybtn[aria-pressed="true"] { color: var(--red); }
  .foundacts { display: flex; gap: 8px; align-items: center; }
  .foundacts .btn.small { padding: 4px 0; color: var(--red); }
  .foundpick {
    display: inline-flex; align-items: center; gap: 6px; margin-right: auto; cursor: pointer;
    font-size: 9.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--soft);
  }
  .foundpick input { width: 16px; height: 16px; margin: 0; flex: none; accent-color: var(--red); cursor: pointer; }
  .foundpick input:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
  .foundcard.picked .foundpick { color: var(--red); }
  .picktools {
    flex-wrap: wrap; column-gap: 14px; row-gap: 2px; min-height: 32px;
    padding: 0; border-bottom: 1px solid var(--hair); line-height: 1.2;
  }
  .picktools.picksolo { margin-bottom: 16px; }
  .pickname { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; }
  .picktog {
    display: inline-flex; align-items: center; gap: 6px; min-height: 32px;
    cursor: pointer; color: var(--soft); transition: color .15s ease;
  }
  .picktog:hover { color: var(--ink); }
  .picktog input { width: 14px; height: 14px; margin: 0; flex: none; accent-color: var(--red); cursor: pointer; }
  .picktog input:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
  .picktog input:disabled { cursor: default; }
  .picktog input:disabled + span { opacity: .45; }
  .pickcount, .pickhd { min-width: 0; overflow-wrap: anywhere; }
  .pickcount b, .pickhd b {
    font-family: var(--num); font-size: 11px; font-weight: 700; letter-spacing: .04em; color: var(--ink);
  }
  .pickhd.over, .pickhd.over b { color: var(--red); }
  .pickacts { margin-left: auto; display: inline-flex; align-items: center; gap: 2px; }
  .picktools .btn.small { padding: 6px 8px; min-height: 32px; }
  .pickacts .btn.small:last-child { padding-right: 0; }
  .picktools .btn[disabled], .picktools .btn[disabled]:hover { color: var(--soft); opacity: .45; cursor: default; }
  #submitForm .btn[disabled], #submitForm .btn[disabled]:hover { opacity: .45; cursor: not-allowed; filter: saturate(.6); }
  .picktools .btn[data-armed="1"] { color: var(--red); }
  @media (min-width: 901px) and (max-width: 1199px) {
    .lane .picktools { row-gap: 0; }
    .lane .picktools::after { content: ""; order: 1; flex: 1 0 100%; height: 0; }
    .lane .pickhd, .lane .pickacts { order: 2; }
  }
  @media (max-width: 900px) {
    .picktools { row-gap: 0; }
    .picktools::after { content: ""; order: 1; flex: 1 0 100%; height: 0; }
    .pickhd, .pickacts { order: 2; }
    .pickname, .picktog { min-height: 36px; }
    .picktools .btn.small { min-height: 36px; }
  }
  .markbtn {
    width: 28px; height: 28px; flex: none; display: grid; place-items: center;
    padding: 0; border: 0; border-radius: 7px; cursor: pointer;
    background: transparent; color: var(--soft);
    transition: color .15s ease, background .15s ease;
  }
  .markbtn svg { width: 15px; height: 15px; display: block; }
  .markbtn.keep:hover { color: var(--red); }
  .markbtn.toss:hover { color: var(--ink); }
  .markbtn:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
  .foundlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
  .foundrow {
    display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; gap: 14px; align-items: center;
    padding: 11px 0; border-top: 1px solid var(--hair);
  }
  .foundrow .plat { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--red); }
  .foundrow .what { display: grid; gap: 3px; min-width: 0; }
  .foundrow .what b { font-size: 13px; font-weight: 700; }
  .foundrow .what a { font-size: 11.5px; color: var(--soft); overflow-wrap: anywhere; }
  .foundrow .acts { display: flex; gap: 9px; }

  .byhand {
    display: grid; gap: 7px; padding: 0 0 16px; margin-bottom: 16px;
    border-bottom: 1px solid var(--hair);
  }
  .byhand-head { margin: 0; color: var(--soft); }
  .byhand-why { margin: 0; font-size: 12.5px; color: var(--soft); }
  .byhand-acts { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 3px; }
  .byhand-acts .btn.small { padding: 6px 0; }
  #queue > .queue-empty { grid-column: 1 / -1; margin: 0; }
  .adminbar {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    padding-bottom: 14px; border-bottom: 1px solid var(--hair); margin-bottom: 22px;
  }
  .adminpart { display: block; margin-bottom: 38px; }
  .cal-tools { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; margin-bottom: 16px; }
  .cal-pick { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; }
  .cal-pick input[type="color"] {
    width: 22px; height: 22px; padding: 0; border: 0; border-radius: 5px;
    background: transparent; cursor: pointer;
  }
  .cal-pick span {
    font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--soft);
  }
  .cal-rail {
    display: flex; gap: 30px; align-items: flex-start; overflow-x: auto; scroll-snap-type: x proximity;
    scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 20px; margin-bottom: 18px;
  }
  .cal-rail.wide { cursor: grab; }
  .cal-rail.wide.dragging { cursor: grabbing; }
  .cal-rail.wide .cal-day { user-select: none; }
  .cal-rail::-webkit-scrollbar { height: 0; }
  .cal-month { scroll-snap-align: start; flex: none; }
  .cal-month.away { opacity: .32; }
  .cal-month.away:hover { opacity: .68; }
  .cal-month { display: grid; gap: 7px; }
  .cal-name {
    margin: 0; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  }
  .cal-dow, .cal-grid { display: grid; grid-template-columns: repeat(7, 34px); gap: 3px; }
  .cal-dow span {
    font-size: 8.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
    color: var(--soft); text-align: center;
  }
  .cal-day {
    height: 32px; display: grid; place-items: center; border-radius: 6px;
    font-family: var(--num); font-size: 12px; font-weight: 500;
    background: var(--bone); color: var(--soft); border: 0;
  }
  .cal-day.blank { background: transparent; }
  .cal-day { position: relative; }
  .cal-day[data-phase="submissions"] { background: var(--c-submissions, #fbdedc); color: color-mix(in srgb, var(--red) 61%, #000); }
  .cal-day[data-phase="voting"] { background: var(--c-voting, var(--red)); color: #fff; font-weight: 700; }
  .cal-day[data-phase="judging"] { background: var(--c-judging, #f2d9d7); color: #9a3a33; }
  .cal-day[data-phase="results"] { background: var(--c-results, #121212); color: #fff; font-weight: 700; }
  .cal-dot {
    position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);
    width: 4px; height: 4px; border-radius: 50%; background: currentColor;
  }
  .cal-day[data-today="yes"] { background: var(--ink); font-weight: 700; color: var(--paper); }
  .cal-key { display: grid; gap: 7px; align-content: start; padding-top: 22px; }
  .cal-keyitem {
    display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--soft); white-space: nowrap;
  }
  .cal-keyitem i { width: 13px; height: 13px; border-radius: 4px; flex: none; background: var(--bone); }

  .cal-keyitem i.cal-todaykey { background: var(--ink); border: 0; }
  @media (max-width: 760px) {
    .cal { gap: 20px; }
    .cal-dow, .cal-grid { grid-template-columns: repeat(7, 30px); }
    .cal-day { height: 28px; font-size: 11px; }
  }

  .events { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--hair); }
  .event-add { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; margin-bottom: 16px; }
  .event-add input {
    border: 0; background: var(--bone); border-radius: 7px; padding: 8px 10px;
    font: 400 13px/1.4 var(--sans);
  }
  .event-add input[type="text"] { min-width: 260px; flex: 1 1 260px; }
  .event-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
  .event-row {
    display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 14px; align-items: center;
    padding: 10px 0; border-top: 1px solid var(--hair);
  }
  .event-row b { font-family: var(--num); font-size: 12px; font-weight: 700; color: var(--red); }
  .event-row span { font-size: 13.5px; }
  .event-none { font-size: 12.5px; color: var(--soft); padding: 8px 0; }

  .tline { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 0; max-width: none; }
  .tstep {
    display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 14px;
    align-items: start; padding: 14px 0; border-top: 1px solid var(--hair); position: relative;
  }
  .tstep:first-child { border-top: 0; }
  .tdot {
    width: 11px; height: 11px; border-radius: 50%; margin-top: 4px;
    border: 2px solid var(--edge); background: var(--paper);
  }
  .tstep[data-state="done"] .tdot { background: var(--edge); border-color: var(--edge); }
  .tstep[data-state="live"] .tdot { background: var(--red); border-color: var(--red); }
  .tbody { display: grid; gap: 3px; min-width: 0; }
  .tbody b { font-size: 14px; font-weight: 700; }
  .twhen { font-family: var(--num); font-size: 12px; font-weight: 500; color: var(--red); }
  .twhat { font-size: 12.5px; line-height: 1.5; color: var(--soft); }
  .tmark {
    font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
    color: var(--soft); white-space: nowrap; padding-top: 3px;
  }
  .tstep[data-state="live"] .tmark { color: var(--red); }
  .notes { max-width: none; }
  .notes p, .notes .noteslist { max-width: none; }
  .noteslede { margin: 0 0 22px; font-size: 14px; line-height: 1.55; color: var(--soft); }
  .notes h4 {
    margin: 26px 0 10px; font-size: 11px; font-weight: 800; letter-spacing: .14em;
    text-transform: uppercase; color: var(--red);
  }
  .notes h4:first-of-type { margin-top: 0; }
  .noteslist { margin: 0; padding-left: 18px; display: grid; gap: 6px; }
  .noteslist li { font-size: 14px; line-height: 1.5; }
  .noteslist.warn li { color: var(--soft); }
  .notesmall { margin: 11px 0 0; font-size: 12.5px; line-height: 1.55; color: var(--soft); }
  .notecode {
    margin: 0; padding: 14px 16px; border-radius: 10px; background: var(--bone);
    border: 0; overflow-x: auto; white-space: pre;
    font: 400 12px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
  .notes .rubric { margin: 0 0 4px; max-width: none; }
  .notes .rubric.models td { text-align: left; white-space: normal; line-height: 1.5; padding-left: 18px; }
  .notes .rubric.models th { width: 34%; vertical-align: top; }
  .notes .rubric.models b { color: var(--ink); }
  .adminhead {
    margin: 0 0 14px; font-size: 13px; font-weight: 800; letter-spacing: .1em;
    text-transform: uppercase; display: flex; align-items: center; gap: 9px;
  }
  .noteedit { display: inline-flex; gap: 12px; margin-left: auto; }
  .noteedit .btn.link { font-size: 9px; letter-spacing: .14em; }
  .noteedit .btn.link:hover { color: var(--ink); }
  .notes.editing, .tline.editing {
    outline: 2px dashed var(--red); outline-offset: 10px; border-radius: 4px;
  }
  .notes.editing:focus, .tline.editing:focus { outline-style: solid; }
  body.as-guest .adminonly { display: none !important; }
  body.in-admin #recent, body.in-admin .recent { display: none !important; }
  #recent, aside.recent { display: none !important; }
  body.in-reel .masthead, body.in-reel #recent, body.in-reel .recent { display: none !important; }
  body.in-judges .joinline, body.in-judges .eligible, body.in-judges .socials, body.in-judges .collab { display: none !important; }
  @media (min-width: 901px) { body.in-judges .stage { padding-bottom: 0; } }
  @media (min-width: 901px) {
    body.in-judges #judgesBody .jdeck { height: var(--jdh, 540px); }
    body.in-judges #judgesBody .jcard { top: calc(396px * var(--jz, 1) - 336px); scale: var(--jz, 1); }
  }
  body.in-reel .stage { padding-top: 6px; }
  .kvhead { margin-top: 30px; }
  .opsrows { display: grid; gap: 9px; margin-bottom: 14px; }
  .quotarows { gap: 11px; }
  .adminlist { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 8px; }
  .adminrowline {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 12px; border-radius: 10px; background: var(--bone);
  }
  .adminwho { display: grid; gap: 2px; min-width: 0; }
  .adminwho b { font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
  .adminwho em { font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--red); }
  .adminwho span { font-size: 11px; color: var(--soft); }
  .warnbtn { color: var(--red); }

  .acc-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 14px; }
  .acc-form input[type="text"] {
    flex: 1 1 220px; min-width: 0; border: 0; background: var(--bone); border-radius: 10px;
    padding: 0 14px; height: 40px; font: 400 14px/1.4 var(--sans); color: var(--ink);
  }
  .acc-made {
    display: grid; gap: 10px; padding: 14px 16px; margin-bottom: 14px; border-radius: 12px;
    background: var(--bone); box-shadow: 0 0 0 1px var(--hair); animation: mbrIn .45s cubic-bezier(.2, .8, .25, 1) both;
  }
  .acc-url { font: 500 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; color: var(--ink); }
  .acc-row { align-items: flex-start; animation: mbrIn .45s cubic-bezier(.2, .8, .25, 1) both; }
  .acc-row .adminwho { flex: 1 1 auto; }
  .acc-row .acc-url { color: var(--soft); }
  .acc-acts { display: flex; gap: 6px; flex: none; }
  .acc-acts .btn.link, .acc-made .btn, #accMake {
    font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; padding: 8px 12px; min-height: 36px;
    border-radius: 9px; background: var(--panel); color: var(--ink); text-align: center; box-shadow: 0 0 0 1px var(--hair);
  }
  #accMake { min-height: 40px; padding: 0 18px; background: var(--ink); color: var(--paper, #fff); }
  .acc-acts .btn.link.warnbtn { color: var(--red); }
  @media (max-width: 600px) {
    .acc-form #accSpan { width: 100%; justify-content: space-between; }
    .acc-form #accSpan button { flex: 1 1 0; padding: 0 6px; }
    #accMake { width: 100%; }
    .acc-row { flex-direction: column; }
    .acc-acts { width: 100%; }
    .acc-acts .btn.link { flex: 1 1 0; }
  }
  .acc-off { opacity: .55; }
  .mbr-top { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
  .mbr-stat { display: grid; gap: 3px; padding: 14px 16px; border-radius: 12px; background: var(--bone); animation: mbrIn .5s cubic-bezier(.2, .8, .25, 1) both; animation-delay: calc(var(--d, 0) * 60ms); }
  .mbr-stat b { font-size: 26px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; font-variant-numeric: tabular-nums; }
  .mbr-stat span { font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--soft); }
  .mbr-chartcard { margin-bottom: 14px; animation: mbrIn .5s cubic-bezier(.2, .8, .25, 1) both; animation-delay: .24s; }
  .mbr-chartcard.st-card, #judgingAdminBody .st-card { margin-bottom: 14px; }
  @media (min-width: 1180px) {
    .mbr-split { display: grid; grid-template-columns: minmax(300px, 5fr) minmax(0, 8fr); gap: 16px; align-items: start; }
    .mbr-left { position: sticky; top: 84px; min-width: 0; }
    .mbr-right { min-width: 0; }
    .mbr-left .mbr-top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mbr-left .mbr-chartcard.st-card { margin-bottom: 0; }
    .mbr-right .mbr { min-width: 680px; }
  }
  .mbr-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 12px; }
  .mbr-find { position: relative; flex: 1; min-width: 200px; max-width: 340px; }
  .mbr-find svg { position: absolute; left: 12px; top: 50%; width: 15px; height: 15px; transform: translateY(-50%); color: var(--soft); pointer-events: none; }
  .mbr-find input { width: 100%; height: 40px; padding: 0 14px 0 36px; border: 0; border-radius: 12px; background: var(--bone); color: var(--ink); font: inherit; font-size: 13px; outline: none; box-shadow: inset 0 0 0 1.5px transparent; transition: box-shadow .2s ease; }
  .mbr-find input:focus { box-shadow: inset 0 0 0 1.5px var(--ink); }
  .mbr-seg { display: inline-flex; gap: 2px; padding: 4px; border-radius: 12px; background: var(--bone); }
  .mbr-seg button { height: 32px; padding: 0 13px; border: 0; border-radius: 9px; background: transparent; color: var(--soft); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
  .mbr-seg button:hover { color: var(--ink); }
  .mbr-seg button[aria-pressed="true"] { background: var(--panel); color: var(--ink); box-shadow: 0 0 0 1px var(--hair); }
  .mbr-seg button b { margin-left: 6px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--soft); }
  .mbr-sample { margin: 0 0 12px; padding: 10px 14px; border-radius: 10px; background: var(--bone); font-size: 12px; color: var(--soft); }
  .mbr-sample b { color: var(--ink); }
  .mbr-wrap { overflow-x: auto; border-radius: 12px; box-shadow: 0 0 0 1px var(--hair); }
  .mbr-wrap.scroll { max-height: min(720px, 76vh); overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior: contain; }
  .mbr-wrap.scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .mbr { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 12.5px; }
  .mbr th { position: sticky; top: 0; padding: 0; text-align: left; background: var(--bone); }
  .mbr th button { display: flex; align-items: center; gap: 6px; width: 100%; padding: 12px 14px; border: 0; background: transparent; color: var(--soft); font: inherit; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; transition: color .2s ease; }
  .mbr th button:hover, .mbr th button.on { color: var(--ink); }
  .mbr th button svg { width: 9px; height: 9px; opacity: 0; transition: opacity .2s ease, transform .2s ease; }
  .mbr th button.on svg { opacity: 1; }
  .mbr th button.up svg { transform: rotate(180deg); }
  .mbr th.num, .mbr td.num { text-align: right; }
  .mbr th.num button { justify-content: flex-end; }
  .mbr th.num button svg { order: -1; }
  .mbr td { padding: 10px 14px; border-top: 1px solid var(--hair); vertical-align: middle; font-variant-numeric: tabular-nums; }
  .mbr tbody tr { animation: mbrIn .4s cubic-bezier(.2, .8, .25, 1) both; animation-delay: calc(var(--d, 0) * 22ms); transition: background-color .2s ease; }
  .mbr tbody tr:hover { background: var(--bone); }
  .mbr tbody tr.role-judge td:first-child { box-shadow: inset 3px 0 0 var(--red); }
  .mbr tbody.quiet tr { animation: none; }
  .mbr-who { display: flex; align-items: center; gap: 11px; min-width: 0; }
  .mbr-face { flex: none; width: 32px; height: 32px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--bone); color: var(--soft); font-size: 12px; font-weight: 800; }
  .mbr-face img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .mbr-name { display: grid; gap: 1px; min-width: 0; line-height: 1.25; }
  .mbr-name b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 700; }
  .mbr-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: var(--soft); }
  .mbr-when small { display: block; margin-top: 1px; font-size: 11px; color: var(--soft); }
  .mbr-dim { color: var(--edge); }
  .mbr-judge { text-align: left; }
  .mbr-you { display: inline-flex; align-items: center; height: 17px; margin-left: 7px; padding: 0 7px; border-radius: 6px; background: color-mix(in srgb, var(--ink) 11%, transparent); color: var(--soft); font-style: normal; font-size: 9.5px; font-weight: 800; letter-spacing: .1em; line-height: 1; text-transform: uppercase; vertical-align: middle; }
  .mbr-role { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 8px; margin-left: -8px; border: 0; border-radius: 8px; background: transparent; color: var(--soft); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
  .mbr-role svg { width: 9px; height: 9px; flex: none; transition: transform .25s cubic-bezier(.34, 1.4, .5, 1); }
  .mbr-role:hover { color: var(--ink); background: var(--bone); }
  .mbr-role[aria-expanded="true"] { color: var(--ink); background: var(--bone); }
  .mbr-role[aria-expanded="true"] svg { transform: rotate(180deg); }
  .mbr-role.r-judge, .mbr-role.r-admin { color: var(--red); }
  .mbr-role[disabled] { opacity: .6; cursor: default; box-shadow: none; }
  .mbr-menu { position: fixed; z-index: 400; min-width: 236px; padding: 6px; display: grid; gap: 2px; border-radius: 14px; background: var(--panel); box-shadow: 0 0 0 1px var(--hair), var(--lift); }
  .mbr-menu.in { animation: mbrIn .2s cubic-bezier(.2, .8, .25, 1) both; }
  .mbr-menu button { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 9px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--ink); font: inherit; text-align: left; cursor: pointer; transition: background-color .15s ease; }
  .mbr-menu button:hover { background: var(--bone); }
  .mbr-menu-t { display: grid; gap: 1px; }
  .mbr-menu-t b { font-size: 13px; font-weight: 800; }
  .mbr-menu-t small { font-size: 11px; font-weight: 600; color: var(--soft); }
  .mbr-menu button.r-judge .mbr-menu-t b { color: var(--red); }
  .mbr-menu button.sure { background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); }
  .mbr-menu button.sure .mbr-menu-t b { color: var(--red); }
  .mbr-menu svg { width: 15px; height: 15px; flex: none; color: var(--ink); }
  .mbr-empty td { padding: 34px 14px; text-align: center; color: var(--soft); }
  @keyframes mbrIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
  @media (max-width: 760px) { .mbr-top { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (prefers-reduced-motion: reduce) { .mbr-stat, .mbr-chartcard, .mbr tbody tr, .mbr-menu.in { animation: none; } }
  .opsrow.quotarow { grid-template-columns: 132px minmax(0, 1fr) 168px 46px; }
  .quotarow .opsname em {
    display: block; margin-top: 2px; font-style: normal; font-weight: 600;
    letter-spacing: .04em; text-transform: none; opacity: .75;
  }
  @media (max-width: 640px) {
    .opsrow.quotarow { grid-template-columns: minmax(0, 1fr) auto auto; row-gap: 6px; }
    .quotarow .opsbar { grid-column: 1 / -1; grid-row: 2; }
  }
  .opsrow {
    display: grid; grid-template-columns: 62px minmax(0, 1fr) 110px 46px;
    gap: 12px; align-items: center; font-size: 11px;
  }
  .opsname { font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soft); }
  .opsbar { height: 5px; border-radius: 999px; background: var(--bone); overflow: hidden; }
  .opsbar i { display: block; height: 100%; background: var(--soft); border-radius: 999px; }
  .opsrow.warm .opsbar i { background: var(--red); opacity: .6; }
  .opsrow.hot .opsbar i { background: var(--red); }
  .opsnum { font-family: var(--num); color: var(--soft); text-align: right; }
  .opspct { font-family: var(--num); font-weight: 700; text-align: right; }
  .opsrow.hot .opspct { color: var(--red); }
  .opswhat { display: grid; gap: 9px; margin: 14px 0 0; }
  .opswhat > div { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }
  .opswhat dt {
    font-size: 9.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--soft);
  }
  .opswhat dd { margin: 0; font-size: 11.5px; line-height: 1.5; color: var(--soft); }
  .usage dd.warn { color: var(--red); }
  .gifbars {
    display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 2px;
    align-items: end; height: 56px; margin: 4px 0 6px;
  }
  .gifbars span { position: relative; height: 100%; display: flex; align-items: flex-end; }
  .gifbars i { display: block; width: 100%; min-height: 1px; background: var(--soft); border-radius: 3px 3px 0 0; }
  .gifbars span.zero i { background: var(--bone); }
  .gifbars span.now i { background: var(--red); }
  .gifbars span:hover i { background: var(--ink); }
  .gifaxis {
    display: flex; justify-content: space-between; margin: 0 0 14px;
    font-family: var(--num); font-size: 10px; color: var(--soft);
  }
  .wm-spark { cursor: default; user-select: none; }
  .gate {
    position: fixed; inset: 0; z-index: 300; display: grid; place-items: center;
    background: rgba(8, 8, 8, .72); backdrop-filter: blur(3px);
  }
  .gate-box { width: min(320px, calc(100vw - 48px)); }
  .gate-code {
    width: 100%; box-sizing: border-box; border: 0; outline: 0; border-radius: 10px;
    background: var(--panel); color: var(--ink); padding: 15px 17px;
    font: 600 15px/1.3 var(--sans); letter-spacing: .18em; text-align: center;
    box-shadow: var(--lift);
  }
  .gate-code:focus { outline: 0; }
  .gate.wrong .gate-box { animation: gateno .36s ease; }
  @keyframes gateno {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-7px); }
    40% { transform: translateX(6px); }
    60% { transform: translateX(-4px); }
    80% { transform: translateX(3px); }
  }

  .pkcard {
    position: fixed; left: 16px; bottom: 16px; z-index: 250; width: max-content; max-width: calc(100vw - 32px); box-sizing: border-box;
    background: var(--panel); color: var(--ink); border-radius: 12px; padding: 14px 16px; box-shadow: var(--lift);
    font: 500 13px/1.45 var(--sans); animation: pkin .5s cubic-bezier(.2, .8, .2, 1) both;
  }
  .pkcard b { display: block; font-weight: 700; margin-bottom: 4px; }
  .pkcard p { margin: 0 0 10px; color: var(--soft); }
  .pkcard .btn.link { font-size: 11px; color: var(--red); }
  @keyframes pkin { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  @media (max-width: 900px) { .pkcard { bottom: 88px; } }

  .lore { max-width: none; }
  .rubric { border-collapse: collapse; width: 100%; max-width: 440px; margin: 14px 0 16px; }
  .rubric caption {
    text-align: left; font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
    color: var(--soft); padding-bottom: 8px; font-weight: 700;
  }
  .rubric th, .rubric td { border-top: 1px solid var(--hair); padding: 9px 0; font-size: 14px; }
  .rubric th { text-align: left; font-weight: 600; }
  .rubric td { text-align: right; font-variant-numeric: tabular-nums; color: var(--soft); white-space: nowrap; }
  .formula {
    border-left: 0; padding: 8px 0; margin: 16px 0;
    font-weight: 700; font-size: 15px;
  }
  .lore { display: grid; gap: 10px; }
  .faq {
    border: 0; background: var(--bone); border-radius: 13px;
    transition: background .15s ease, border-color .15s ease;
  }
  .faq[open] { background: var(--paper); border-color: var(--edge); }
  .faq > summary {
    cursor: pointer; list-style: none; padding: 17px 22px;
    display: flex; align-items: center; justify-content: space-between; gap: 18px;
  }
  .faq > summary::-webkit-details-marker { display: none; }
  .faq > summary:hover h3 { color: var(--ink); }
  .faq > summary h3 { margin: 0; transition: color .15s ease; }
  .faq-caret {
    width: 17px; height: 17px; flex: none; color: var(--red);
    transition: transform .22s cubic-bezier(.4, 0, .2, 1);
  }
  .faq[open] .faq-caret { transform: rotate(180deg); }
  .faq-body { padding: 0 22px 20px; }
  .faq-body > p, .faq-body > ol, .faq-body > ul, .faq-body > .pull { max-width: none; }
  .faq-body > :first-child { margin-top: 0; }
  .lore .lede { max-width: none; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.45; font-weight: 500; letter-spacing: -.01em; }
  .lore p, .lore .steps, .lore .note { max-width: none; }
  .pull, .years { max-width: none; }
  .lore .lede {
    font-family: var(--lede); font-size: 15px; font-weight: 400; line-height: 1.65;
    margin: 0 0 24px; max-width: none; letter-spacing: 0; color: var(--soft);
  }
  @media (max-width: 760px) { .lore .lede { font-size: 14px; } }
  .lore h3 { font-weight: 800; font-size: 21px; letter-spacing: -.035em; color: var(--red); margin: 0 0 13px; }
  .lore p { margin: 0 0 14px; line-height: 1.55; }
  .lore p:last-child { margin-bottom: 0; }
  .lore section { padding-top: 0; border-top: 0; }
  .pull { background: var(--bone); border: 0; border-radius: 10px; padding: 16px 18px; margin: 0 0 14px; max-width: none; line-height: 1.5; }
  .pull cite { display: block; margin-top: 8px; font-style: normal; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
  .years { display: grid; margin: 0; padding: 0; list-style: none; max-width: none; }
  .years li { display: flex; gap: 16px; align-items: baseline; padding: 13px 0; border-bottom: 1px solid var(--hair); }
  .years b { flex: none; width: 54px; font-weight: 800; font-size: 15px; color: var(--red); letter-spacing: -.02em; }
  .years span { font-size: 14px; }
  .steps { margin: 0; padding-left: 19px; display: grid; gap: 11px; line-height: 1.5; }
  .note { margin-top: 18px; font-size: 13px; color: var(--soft); line-height: 1.5; }
  .faq-body > .lc-part + .lc-part, .faq-body > .lc-part + .note { margin-top: 18px; }
  .faq-body .lc-part h4 { margin: 0 0 4px; font-size: 16px; font-weight: 800; letter-spacing: -.015em; color: var(--ink); }
  .handles { display: inline-flex; gap: 7px; flex-wrap: wrap; margin: 0 5px; vertical-align: -7px; }
  .handles a {
    width: 28px; height: 28px; display: grid; place-items: center; color: var(--ink);
    border: 0; border-radius: 7px; transition: color .15s ease, border-color .15s ease;
  }
  .handles a:hover { color: var(--red); border-color: var(--red); }
  .handles svg { width: 15px; height: 15px; }

  dialog {
    border: 0; border-radius: 12px; background: var(--panel); color: var(--ink);
    padding: 0; width: min(460px, calc(100vw - 32px)); box-shadow: var(--lift);
  }

  #viewer {
    width: fit-content; max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px);
    border: 0; border-radius: 14px; overflow: hidden; box-shadow: var(--lift);
    background: #000; line-height: 0;
  }
  #viewer > .viewer { line-height: normal; }
  .viewer {
    --sidew: clamp(360px, 25vw, 520px);
    --maxw: 1180px;
    --ar: 0.5625;
    --mediaw: min(var(--maxw), calc(100vw - 52px - var(--sidew)), calc((100dvh - 32px) * var(--ar)));
    --mediah: calc(var(--mediaw) / var(--ar));
    display: grid; grid-template-columns: minmax(0, var(--mediaw)) minmax(0, var(--sidew));
    align-items: start; overflow: hidden; width: fit-content; max-width: 100%;
  }
  .viewer > .viewer-media {
    grid-column: 1; grid-row: 1; align-self: start; background: #000;
    width: 100%; height: var(--mediah); aspect-ratio: auto; min-width: 0;
  }
  .viewer > .viewer-side {
    grid-column: 2; grid-row: 1; position: relative; z-index: 2;
    width: 100%; min-width: 0;
    height: var(--mediah); min-height: 0;
    background: var(--panel); overflow-y: auto; overflow-x: hidden;
    overscroll-behavior: contain;
  }
  html:has(#viewer[open]) { overflow: hidden; }
  #viewerJudge { display: none; }
  .mme-links .mme-line b .mme-spark { display: inline-block; width: 13px; height: 13px; margin-left: 7px; color: var(--red); vertical-align: -2px; font-style: normal; }
  .mme-links .mme-line b .mme-spark svg { display: block; width: 100%; height: 100%; fill: var(--red); }
  #viewer.judging { overflow: visible; background: transparent; }
  #viewer.judging > .viewer { border-radius: 14px; background: #000; }
  #mmoreJudging { display: grid; gap: 2px; }
  #mmoreJudging[hidden] { display: none; }
  #mmoreJudging small { font-size: 11px; font-weight: 600; color: var(--soft); }
  #viewer.judging .viewer { scrollbar-width: none; -ms-overflow-style: none; }
  #viewer.judging .viewer::-webkit-scrollbar { display: none; width: 0; }
  @media (max-width: 900px) { #viewer.judging .viewer-head { position: fixed; top: 16px; right: 16px; z-index: 5; } #viewer.judging .viewer-close { background: rgba(0, 0, 0, .55); color: #fff; border-radius: 50%; } }
  #viewer.judging #viewerJudge { display: block; }
  #viewer.judging .viewer-rate, #viewer.judging .viewer-foot, #viewer.judging .talk, #viewer.judging .prizemark, #viewer.judging .pb-auto { display: none !important; }
  @media (max-width: 900px) {
    .viewer {
      --sidew: 100%;
      --mediaw: min(calc(100vw - 24px), calc((100dvh - 220px) * var(--ar)));
      grid-template-columns: minmax(0, 1fr);
    }
    .viewer > .viewer-media { grid-column: 1; grid-row: 1; width: var(--mediaw); height: var(--mediah); aspect-ratio: auto; max-height: none; }
    .viewer > .viewer-side { grid-column: 1; grid-row: 2; height: auto; max-height: min(46dvh, calc(100dvh - 32px - var(--mediah))); }
  }
  .viewer > .viewer-side::-webkit-scrollbar { width: 0; height: 0; }
  .viewer-media {
    position: relative; background: #000; align-self: stretch; height: auto;
    width: auto; max-width: none; min-width: 0;
    border-right: 0; overflow: hidden;
  }

  .viewer-media iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

  .playbar {
    position: absolute; left: 12px; right: 12px; z-index: 6;
    bottom: calc(12px + var(--letterbox, 0px));
    display: flex; align-items: center; gap: 9px; padding: 5px 10px;
    border-radius: 12px; color: #fff;
    background: rgba(16, 16, 18, .4);
    backdrop-filter: blur(24px) saturate(1.5);
    -webkit-backdrop-filter: blur(24px) saturate(1.5);
    border: 0;
    box-shadow: 0 10px 34px rgba(0, 0, 0, .42);
    opacity: 0; transform: translateY(8px);
    transition: opacity .24s ease, transform .24s ease;
  }
  .viewer-media:hover .playbar, .cover:hover .playbar,
  .playbar.show, .playbar:has(:focus-visible) { opacity: 1; transform: none; }
  @media (hover: none) {
    .slide .playbar, .reel .playbar { opacity: 1; transform: none; transition: none; }
  }
  .playbar:has(.live) { opacity: 1; transform: none; }
  canvas.ambient {
    position: absolute; z-index: 0; pointer-events: none; opacity: 0; border-radius: 48px;
    filter: blur(64px) saturate(1.4); transition: opacity .9s ease;
  }
  canvas.ambient.fixed { position: fixed; z-index: -1; }
  canvas.ambient.on { opacity: .6; }
  .stage-wrap > .player, .stage-wrap > .rail { position: relative; z-index: 1; }
  .pb-btn {
    border: 0; background: transparent; color: #fff; cursor: pointer; padding: 0;
    width: 22px; height: 22px; flex: none; display: grid; place-items: center; border-radius: 6px;
    transition: background .15s ease;
  }
  .pb-btn:hover { background: transparent; color: var(--red); }
  .pb-btn svg { width: 14px; height: 14px; display: block; }
  .pb-time {
    font-size: 10px; font-weight: 600; font-variant-numeric: tabular-nums;
    letter-spacing: .02em; flex: none; opacity: .92;
  }
  .pb-track {
    flex: 1 1 auto; height: 12px; cursor: pointer; position: relative; display: flex; align-items: center;
    min-width: 40px;
  }
  .pb-rail {
    position: absolute; left: 0; right: 0; height: 3px; border-radius: 999px;
    background: rgba(255, 255, 255, .24);
  }
  .pb-fill {
    position: absolute; left: 0; height: 3px; width: 0; border-radius: 999px; background: #fff;
  }
  .pb-track > .pb-fill {
    min-width: 3px;
    box-shadow: 0 0 5px rgba(255, 255, 255, .55), 0 0 13px rgba(255, 255, 255, .28);
  }
  .pb-knob {
    position: absolute; left: 0; width: 9px; height: 9px; border-radius: 50%; background: #fff;
    margin-left: -4.5px; will-change: transform; backface-visibility: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5), 0 0 9px rgba(255, 255, 255, .6);
    opacity: 0; transition: opacity .15s ease;
  }
  .pb-track:hover .pb-knob, .pb-track.live .pb-knob { opacity: 1; }
  .pb-volwrap { display: flex; align-items: center; gap: 4px; flex: none; }
  .pb-auto { display: flex; align-items: center; gap: 7px; flex: none; }
  .pb-autoword { font-size: 11px; font-weight: 700; letter-spacing: 0; color: #fff; white-space: nowrap; }
  .pb-auto .swtch { width: 26px; height: 15px; border-color: rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .25); }
  .pb-auto .swtch .knob { width: 9px; height: 9px; top: 50%; left: 2px; transform: translate(0, -50%); will-change: transform; }
  .pb-auto .swtch[aria-pressed="true"] { background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); border-color: var(--red); }
  .pb-auto .swtch[aria-pressed="true"] .knob { transform: translate(11px, -50%); }
  .slide-side .slide-auto { display: none; }
  .pb-vol {
    width: 0; height: 16px; overflow: hidden; position: relative; cursor: pointer;
    display: flex; align-items: center; transition: width .22s ease;
  }
  .pb-volwrap:hover .pb-vol, .pb-volwrap:focus-within .pb-vol, .pb-vol.live { width: 62px; }
  .pb-vol .pb-rail, .pb-vol .pb-fill { height: 3px; }
  .pb-vol .pb-knob { margin-left: 0; transform: translateX(-50%); }
  @media (max-width: 760px) {
    .playbar { left: 8px; right: 8px; bottom: 8px; gap: 8px; padding: 8px 10px; }
    .pb-time { font-size: 10px; }
  }
  .viewer-side {
    padding: 20px; display: flex; flex-direction: column; gap: 15px; min-width: 0;
  }
  .viewer-side > .talk { flex: 1 0 50%; min-height: 50%; }
  .viewer-side > :not(.talk) { flex-shrink: 0; }
  .viewer-side > .viewer-cap { flex: 0 1 auto; min-height: 3em; max-height: 9em; }
  .viewer-side > .viewer-cap.open { max-height: none; flex-shrink: 0; }
  .viewer-side > .capmore { align-self: flex-start; margin-top: -8px; }
  .viewer-side .talk-list { flex: 1 1 auto; max-height: none; }
  .viewer-side .talk-form { margin-top: auto; }
  .viewer-side .talk-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .talkfull-btn {
    border: 0; background: transparent; color: var(--soft); cursor: pointer; padding: 0;
    width: 30px; height: 30px; display: grid; place-items: center; border-radius: 7px; flex: none;
    transition: color .15s ease;
  }
  .talkfull-btn:hover, .talkfull-btn:focus-visible { color: var(--ink); }
  .talkfull-btn svg { width: 15px; height: 15px; }
  .talkfull-btn .tf-in, .talkfull-btn[aria-pressed="true"] .tf-out { display: none; }
  .talkfull-btn[aria-pressed="true"] .tf-in { display: block; }
  .viewer-side.talkfull > :not(.talk):not(.viewer-head) { display: none !important; }
  .viewer-side.talkfull > .talk { flex: 1 1 auto; min-height: 0; }
  .viewer-side.talkfull .talk-head { padding-right: 40px; }
  .slide-side .talk-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  body.in-reel:not(.m-filters) .toolbar { display: none !important; }
  .slide > .slide-side.talkfull { align-self: stretch; display: flex; flex-direction: column; }
  @media (min-width: 861px) {
    .slide > .slide-side { max-height: min(100%, var(--playh, 100%)); }
    .slide > .slide-side.talkfull { align-self: center; height: var(--playh, 100%); }
  }
  .slide-side.talkfull > :not(.talk) { display: none !important; }
  .slide-side.talkfull > .talk { flex: 1 1 auto; min-height: 0; margin-top: 0; padding-top: 0; }
  .slide-side.talkfull .talk-list { max-height: none; flex: 1 1 auto; }
  .slide-side.talkfull .talk-form { margin-top: auto; }
  .viewer-side.talkfull .talkfull-btn { position: absolute; top: 15px; right: 50px; z-index: 3; }
  @media (max-width: 900px) { .talkfull-btn { display: none; } }
  .viewer-head { position: absolute; top: 14px; right: 14px; z-index: 3; display: flex; align-items: center; gap: 10px; }
  .viewer-head .badge { display: none; }
  .viewer-side { position: relative; }
  .viewer-who { padding-right: 36px; }
  .viewer-close {
    border: 0; background: transparent; border-radius: 7px;
    width: 32px; height: 32px; cursor: pointer; display: grid; place-items: center; flex: none;
  }
  .viewer-close { transition: color .2s ease; }
  .viewer-close:hover, .viewer-close:focus-visible { background: transparent; color: var(--red); }
  .viewer-close svg { width: 15px; height: 15px; }
  .viewer-who { display: flex; align-items: center; gap: 10px; min-width: 0; }
  .viewer-who .avatar { width: 34px; height: 34px; font-size: 14px; }
  .viewer-handle { margin: 0; font-size: 17px; font-weight: 800; letter-spacing: -.02em; overflow-wrap: anywhere; }
  .viewer-date { margin: 2px 0 0; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
  .viewer-cap {
    margin: 0; font-size: 14px; line-height: 1.45; overflow-wrap: anywhere;
    white-space: pre-wrap; max-height: 11em; overflow-y: auto;
    scrollbar-width: none; -ms-overflow-style: none;
  }
  .viewer-cap::-webkit-scrollbar { width: 0; height: 0; }
  .viewer-cap.more {
    -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 2.6em), transparent);
    mask-image: linear-gradient(180deg, #000 calc(100% - 2.6em), transparent);
  }
  .viewer-cap em { font-style: normal; color: var(--red); }
  .viewer-src {
    display: inline-flex; align-items: center; gap: 5px; align-self: start;
    font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
    color: var(--soft); text-decoration: none;
  }
  .viewer-src svg { width: 13px; height: 13px; flex: none; }
  .viewer-src:hover { color: var(--red); }
  .viewer-links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; }
  .viewer-share { padding: 0; border: 0; background: none; cursor: pointer; font-family: inherit; }
  .viewer-share b { font: inherit; }
  .viewer-share.is-shared { color: var(--red); }
  .viewer-rate { display: grid; gap: 7px; justify-items: start; }
  .viewer-rate .rate-head .bm-side { margin-block: -10px; }
  .tallyline { margin: 0; font-size: 12px; font-weight: 600; color: var(--soft); }
  .rate-head { margin: 0; display: flex; align-items: center; gap: 11px; }
  .rate-head .navlabel { margin: 0; }
  .rate-count {
    font-family: var(--num); font-size: 10px; font-weight: 700; color: var(--ink);
    letter-spacing: .08em;
  }
  .starhelp {
    border: 0; background: transparent; padding: 0; cursor: pointer; color: var(--soft);
    display: inline-grid; place-items: center; line-height: 0;
  }
  .starhelp svg { width: 14px; height: 14px; display: block; }
  .starhelp:hover { color: var(--red); }
  .crowdline { margin: 0; font-size: 12px; color: var(--soft); }
  .crowdline b { font-family: var(--num); font-weight: 700; color: var(--ink); }
  .viewer-rate .stars svg { width: 25px; height: 25px; }
  .viewer-foot { display: grid; gap: 12px; padding-top: 10px; }
  .viewer-foot .watch { margin-left: 0; font-size: 12px; }

  .talk { display: flex; flex-direction: column; gap: 10px; min-height: 0; border-top: 0; padding-top: 0; }
  .talk-head { color: var(--soft); margin: 0; }
  .talk-list {
    list-style: none; margin: 0; padding: 0; display: grid; gap: 14px;
    align-content: start; grid-auto-rows: max-content;
    max-height: 210px; overflow-y: auto; scrollbar-width: thin;
  }
  .talk-list:empty { display: none; }
  .saidedit { display: grid; gap: 7px; margin-top: 5px; }
  .saidedit textarea {
    width: 100%; box-sizing: border-box; font: inherit; font-size: 13px; line-height: 1.4;
    color: var(--ink); background: var(--bone); border: 0;
    border-radius: 7px; padding: 7px 9px; resize: none;
    min-height: 40px; max-height: 180px; overflow-y: auto;
  }
  .saidedit textarea:focus { outline: none; }
  .saidedit-acts { display: flex; gap: 14px; }
  .talkrow.kid { margin-left: 20px; padding-left: 12px; border-left: 2px solid var(--hair); }
  .talk-meta {
    display: flex; align-items: center; gap: 12px; margin-top: 5px; flex-wrap: wrap;
  }
  .talk-meta time {
    font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
    color: var(--soft); margin-left: 0;
  }
  .talk-meta .btn.link { padding: 0; font-size: 9.5px; letter-spacing: .1em; }
  .talk-meta .btn.link:hover { color: var(--red); }
  .likebtn {
    display: inline-flex; align-items: center; padding: 0; border: 0; line-height: 0;
    background: transparent; color: var(--soft); cursor: pointer; transition: color .15s ease;
  }
  .likebtn svg { width: 14px; height: 14px; display: block; fill: none; }
  .likebtn.on { color: var(--red); }
  .likebtn.on svg { fill: currentColor; }
  .likebtn:hover { color: var(--red); }
  .likecount {
    font-family: var(--num); font-size: 10px; font-weight: 700; letter-spacing: .06em;
    color: var(--soft); margin-left: -6px;
  }
  .mysaid { display: flex; gap: 14px; margin-top: 5px; align-items: center; }
  .mysaid .btn.link { padding: 0; font-size: 9.5px; letter-spacing: .1em; }
  .mysaid .btn.link:hover { color: var(--red); }
  .talk-list { scrollbar-width: none; -ms-overflow-style: none; }
  .talk-list::-webkit-scrollbar { width: 0; height: 0; }
  .talk-list.more {
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(to bottom, #000 calc(100% - 30px), transparent 100%);
  }
  .talk-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: start; }
  .talk-body { min-width: 0; display: block; }
  .talk-body b { font-size: 12.5px; font-weight: 700; color: var(--red); }
  .talk-body time {
    font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
    color: var(--soft); margin-left: 7px;
  }
  .talk-body p { margin: 2px 0 0; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
  .talk-list > li { display: block; }
  .talk-form {
    display: flex; align-items: center; gap: 10px; position: relative; flex-wrap: nowrap;
    border: 0; background: transparent; border-radius: 0;
    padding: 12px 0 0;
  }
  .emojibtn {
    flex: none; width: 28px; height: 28px; padding: 0; border: 0; background: transparent;
    color: var(--soft); cursor: pointer; display: grid; place-items: center;
    align-self: flex-end; margin-bottom: 1px; transition: color .15s ease;
  }
  .emojibtn:hover, .emojibtn[aria-expanded="true"] { color: var(--red); }
  .emojibtn svg { width: 19px; height: 19px; display: block; }
  .emojiwrap {
    position: fixed; z-index: 120; line-height: normal; border-radius: 16px; overflow: hidden;
    background: color-mix(in srgb, var(--panel) 84%, transparent);
    -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 14%, transparent), 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent), var(--lift);
  }
  .emojiwrap emoji-picker {
    --background: transparent; --border-color: color-mix(in srgb, var(--ink) 10%, transparent);
    --indicator-color: var(--red); --input-font-color: var(--ink); --category-font-color: var(--ink);
    --input-placeholder-color: var(--soft); --outline-color: var(--red); --outline-size: 0px; --input-border-color: var(--edge);
    --button-hover-background: var(--bone); --button-active-background: var(--hair);
  }
  .talk-form textarea {
    flex: 1 1 0%; min-width: 0; width: 100%; display: block; border: 0; background: transparent;
    border-radius: 0; padding: 4px 0; font: 400 13px/1.45 var(--sans); resize: none;
    min-height: 24px; max-height: 160px; overflow-y: auto; box-sizing: border-box;
  }
  .talk-form textarea:focus-visible { outline: none; box-shadow: none; }
  .talk-form textarea, .saidedit textarea, .sheet textarea, .notecode { scrollbar-width: none; -ms-overflow-style: none; }
  .talk-form textarea::-webkit-scrollbar, .saidedit textarea::-webkit-scrollbar, .sheet textarea::-webkit-scrollbar, .notecode::-webkit-scrollbar { width: 0; height: 0; display: none; }
  .talk-form .btn { flex: none; white-space: nowrap; }
  .talk-form .emojibtn { align-self: center; margin-bottom: 0; }
  @media (max-width: 760px) {
    #viewer { width: fit-content; max-width: calc(100vw - 20px); }
    .viewer { grid-template-columns: 1fr; }
    .viewer-media { height: auto; width: 100%; max-height: 54dvh; }
    .viewer-media iframe { position: absolute; }
    .viewer-side { padding: 15px; gap: 12px; }
  }
  dialog::backdrop { background: rgba(18, 18, 18, .55); animation: veilin .24s ease; }
  dialog[open] { animation: sheetin .26s cubic-bezier(.2, .7, .3, 1); }
  dialog.shutting { animation: sheetout .2s ease forwards; }
  dialog.shutting::backdrop { animation: veilout .2s ease forwards; }
  @keyframes sheetin {
    from { opacity: 0; transform: translateY(10px) scale(.985); }
    to { opacity: 1; transform: none; }
  }
  @keyframes sheetout {
    from { opacity: 1; transform: none; }
    to { opacity: 0; transform: translateY(10px) scale(.985); }
  }
  @keyframes veilin { from { opacity: 0; } to { opacity: 1; } }
  @keyframes veilout { from { opacity: 1; } to { opacity: 0; } }
  .sheet { padding: 22px; display: grid; gap: 15px; }
  .sheet h2 { font-weight: 800; font-size: 25px; letter-spacing: -.04em; color: var(--red); margin: 0; }
  label { display: grid; gap: 6px; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
  .sheet input, .sheet textarea {
    border: 0; background: var(--bone); border-radius: 5px; padding: 10px 11px; width: 100%;
    font: 400 14px/1.45 var(--sans); letter-spacing: 0; text-transform: none; resize: vertical;
  }
  .sheet textarea { min-height: 132px; }
  .sheet input:hover, .sheet textarea:hover { background: var(--hair); }
  .asks {
    display: flex; align-items: flex-start; gap: 10px; cursor: pointer;
    font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none;
  }
  .asks input[type="checkbox"] {
    width: 17px; height: 17px; flex: none; margin: 1px 0 0; accent-color: var(--red); cursor: pointer;
  }
  .asks input[type="checkbox"], .cfgcheck input[type="checkbox"], .runchecks input[type="checkbox"], .foundpick input[type="checkbox"] {
    -webkit-appearance: none; appearance: none; border: 0; border-radius: 4px; padding: 0;
    background: var(--edge) center / 12px 12px no-repeat; cursor: pointer;
  }
  .asks input[type="checkbox"]:checked, .cfgcheck input[type="checkbox"]:checked, .runchecks input[type="checkbox"]:checked, .foundpick input[type="checkbox"]:checked {
    background-color: var(--ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  }
  :root[data-theme="dark"] .asks input[type="checkbox"]:checked, :root[data-theme="dark"] .cfgcheck input[type="checkbox"]:checked, :root[data-theme="dark"] .runchecks input[type="checkbox"]:checked, :root[data-theme="dark"] .foundpick input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  }
  .asks input[type="checkbox"]:checked { background-color: var(--red); }
  :root[data-theme="dark"] .asks input[type="checkbox"]:checked { background-color: var(--red); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
  .asks span { display: block; }
  .asks .hint { display: block; margin-top: 2px; }
  .joinline {
    margin: 12px 0 0; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none;
    color: var(--soft);
  }
  .joinline b { color: var(--red); font-weight: 800; }
  .eligible {
    margin: 6px 0 0; font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none;
    color: var(--red); display: inline-flex; align-items: center; gap: 7px;
  }
  .trophymark { width: 15px; height: 15px; flex: none; }
  .prizemark {
    display: inline-flex; align-items: center; width: 14px; height: 14px; margin-left: 5px;
    color: var(--red); vertical-align: -2px; flex: none;
  }
  .prizemark svg { width: 100%; height: 100%; display: block; }
  .prizemark[hidden] { display: none; }
  .prizemark[data-eligible] { cursor: pointer; transition: color .15s ease; }
  .prizemark[data-eligible]:hover { color: var(--ink); }
  .collab {
    margin: 14px 0 0; font-size: 12px; letter-spacing: 0; text-transform: none;
    font-weight: 400; color: var(--soft);
  }
  .aco { margin-left: 4px; }
  .aco {
    font-family: 'Space Mono', ui-monospace, monospace; font-weight: 400;
    color: var(--ink); text-decoration: none; letter-spacing: -.01em;
    transition: color .15s ease;
  }
  .aco b { font-weight: 700; }
  .aco:hover { color: var(--red); }
  .sheetjoin { margin: 10px 0 0; font-size: 12px; }
  .sheetjoin.elig { margin-top: 6px; }
  .hint { font-size: 11px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--soft); }
  .row { display: flex; gap: 9px; justify-content: flex-end; flex-wrap: wrap; align-items: center; }
  .row .spread { margin-right: auto; }
  .notice { font-size: 13px; color: var(--red); font-weight: 600; margin: 0; }
  .notice:empty { display: none; }

  @media (max-width: 900px) {
    .shell, .shell.tight { grid-template-columns: 1fr; }

    .side {
      position: sticky; top: 0; z-index: 50; background: var(--paper);
      max-height: none; border-right: 0; border-bottom: 1px solid var(--hair);
      padding: 8px 14px calc(8px + env(safe-area-inset-top, 0px));
      display: flex; flex-wrap: wrap; align-items: center; gap: 7px;
    }

    .sidetop { flex: 1 1 auto; min-width: 0; }
    .brand { gap: 0; }
    .brand h1 { font-size: 18px; white-space: nowrap; }
    .brand .kicker, .brand p { display: none; }
    .collapse, .tags, .sidefoot, .socials, .navlabel, .countdown { display: none; }

    #openSubmit { flex: none; width: auto; padding: 7px 12px; font-size: 10px; letter-spacing: .1em; }
    .themerow {
      flex: none; width: 34px; height: 32px; padding: 0; justify-content: center; gap: 0;
    }
    .themerow span { display: none; }

    .find { flex: 1 1 100%; order: 3; }
    .find input { padding-block: 8px; }

    .filterbar {
      order: 4; flex: 1 1 100%; display: flex; align-items: center; gap: 6px;
      overflow-x: auto; scrollbar-width: none; padding-bottom: 1px;
    }
    .filterbar::-webkit-scrollbar { display: none; }
    .navgroup.sorts, .navgroup.plats, .navgroup.years, .navgroup.admin {
      flex: none; grid-auto-flow: column; justify-content: start; gap: 5px;
    }
    .navgroup.sorts .nav, .navgroup.admin .nav {
      font-size: 11px; padding: 6px 9px; gap: 6px; white-space: nowrap; border: 0;
    }
    .navgroup.sorts .nav svg, .navgroup.admin .nav svg { width: 14px; height: 14px; }
    .platbtn { width: 32px; height: 30px; }
    .wheelbox { flex: none; width: 150px; }
    .wheel { height: 30px; }
    .wheel button { flex-basis: 50px; height: 30px; font-size: 11px; }
    .wheel-pad { flex-basis: calc(100% - 50px); }
    .wheelmark { width: 50px; height: 30px; }
    .wheelmark::before, .wheelmark::after { height: 14px; }
    .pill { margin-left: 4px; }

    .navgroup.views {
      position: fixed; left: 0; right: 0; bottom: 0; z-index: 70;
      background: var(--paper); border-top: 1px solid var(--hair);
      display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 0;
      padding: 5px 5px calc(5px + env(safe-area-inset-bottom, 0px));
    }
    .navgroup.views .nav {
      flex-direction: column; gap: 3px; justify-content: center; text-align: center;
      font-size: 9px; letter-spacing: .02em; padding: 6px 2px; border-radius: 6px;
    }
    .navgroup.views .nav svg { width: 19px; height: 19px; }

    .stage { padding: 14px 14px 88px; }
    .stagehead h2 { font-size: 26px; }
    .grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 13px 9px; }

    .reel-track { height: var(--reelh, calc(100dvh - 196px)); min-height: 0; border-radius: 10px; }
    .slide {
      grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr) auto;
      gap: 10px; padding: 8px; align-content: stretch; justify-items: center;
    }
    .player { height: 100%; width: auto; max-width: 100%; }
    .slide-side { width: 100%; max-width: none; gap: 7px; padding-top: 0; align-content: start; }
    .slide-handle { font-size: 16px; }
    .slide-cap { font-size: 12.5px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
    .slide-meta { font-size: 9px; }
    .slide-rate .starwrap { width: 21px; height: 21px; }
    .slide-rate .stars svg { width: 21px; height: 21px; }
    .slide-foot { padding-top: 8px; }

    .viewer { grid-template-columns: max(var(--mediaw), min(100vw - 32px, 340px)); }
    .viewer > .viewer-media { justify-self: center; }
    .viewer-media { height: auto; width: 100%; max-width: none; max-height: 48dvh; border-right: 0; border-bottom: 0; }
    .viewer-side { padding: 14px; gap: 11px; }
    .viewer-handle { font-size: 18px; }
    .talk-list { max-height: 130px; }
  }
  @media (max-width: 900px) and (orientation: landscape) {
    .viewer {
      --sidew: clamp(260px, 40vw, 360px);
      grid-template-columns: minmax(0, var(--mediaw)) minmax(0, var(--sidew));
    }
    .viewer > .viewer-media { grid-column: 1; grid-row: 1; justify-self: stretch; }
    .viewer > .viewer-side { grid-column: 2; grid-row: 1; height: var(--mediah); max-height: none; }
  }

  .mbar, .mbrand, .tile-when, .tile-cap { display: none; }
  video, .cover, .player, .viewer-media, .shot, .foundshot {
    -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-user-drag: none;
  }
  .capmore {
    border: 0; background: transparent; padding: 0; justify-self: start; cursor: pointer;
    font: 700 10px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--soft);
  }
  .capmore:hover { color: var(--red); }
  .slide-cap.open { display: block; -webkit-line-clamp: unset; max-height: 30dvh; overflow-y: auto; scrollbar-width: none; }
  .slide-cap.open::-webkit-scrollbar { width: 0; height: 0; }

  @media (max-width: 900px) {
    .topbar {
      min-height: 52px; padding: 8px 14px; gap: 10px;
      transition: transform .34s cubic-bezier(.2, .7, .3, 1), background-color .38s ease;
    }
    .topbar .toptabs, .topbar #openSubmit { display: none; }
    .mbrand {
      display: inline-flex; align-items: center; gap: 7px; margin-right: auto; padding: 0;
      border: 0; background: transparent; color: var(--ink); cursor: pointer;
      font: 800 17px/1 var(--sans); letter-spacing: -.03em;
    }
    .mbrand svg { width: 15px; height: 15px; color: var(--red); flex: none; }
    .toolbar { top: 56px; padding: 8px 14px; transition: top .34s cubic-bezier(.2, .7, .3, 1); }
    .topbar { height: 56px; }
    .mastbrand .brand h1 { font-size: clamp(36px, calc((100vw - 40px) / 9.6), 62px); }
    body.bars-away .topbar, body.bars-away .topbar.rise.rise.shown { transform: translateY(-105%); }
    body.bars-away .toolbar { top: 0; }

    .mbar {
      display: flex; align-items: center; justify-content: space-between; gap: 2px;
      position: fixed; left: 50%; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); z-index: 80;
      width: min(94vw, 430px); height: 62px; padding: 5px 8px; border-radius: 999px;
      background: color-mix(in srgb, var(--paper) 90%, transparent);
      -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3);
      box-shadow: 0 10px 30px rgba(18, 18, 18, .16), 0 1px 3px rgba(18, 18, 18, .08);
      transform: translateX(-50%);
      transition: transform .34s cubic-bezier(.2, .7, .3, 1), background-color .38s ease;
    }
    body.bars-away .mbar { transform: translate(-50%, calc(100% + 30px)); }
    .mtab {
      flex: 1 1 0; min-width: 0; height: 52px; padding: 0; border: 0; border-radius: 999px;
      background: transparent; color: var(--soft); cursor: pointer;
      display: grid; place-items: center; align-content: center; gap: 4px;
      font: 600 10px/1 var(--sans); letter-spacing: .02em;
      transition: color .2s ease;
    }
    .mtab svg { width: 21px; height: 21px; }
    .mtab.on { color: var(--ink); }
    .mtab.on svg { color: var(--red); }
    .mtab.mpost {
      flex: 0 0 auto; width: 52px; height: 52px; margin: 0 4px; border-radius: 50%;
      background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8); color: #fff; box-shadow: 0 6px 16px color-mix(in srgb, var(--red) 32%, transparent);
    }
    .mtab.mpost svg { width: 24px; height: 24px; color: #fff; }
    .mmore {
      position: absolute; right: 6px; bottom: calc(100% + 10px); min-width: 196px;
      display: grid; gap: 2px; padding: 6px; border-radius: 16px;
      background: var(--paper); box-shadow: 0 12px 34px rgba(18, 18, 18, .2);
    }
    .mmore[hidden] { display: none; }
    .mmore button {
      border: 0; background: transparent; text-align: left; cursor: pointer;
      padding: 13px 14px; border-radius: 11px; color: var(--ink);
      font: 600 14px/1.2 var(--sans);
    }
    .mmore button:hover { background: var(--bone); }
    .mmore button.on { color: var(--red); }

    .stage { padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)); }

    .masthead .tags {
      display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 14px;
    }
    .masthead .tags::-webkit-scrollbar { display: none; }
    .masthead .socials { display: grid; }
    .masthead .socials .navlabel { display: none; }
    .recent-wrap { max-height: 156px; }

    .grid.feed {
      grid-template-columns: minmax(0, 1fr); row-gap: 30px; column-gap: 0;
      grid-auto-rows: auto; max-width: 560px; margin-inline: auto;
    }
    .grid.feed > .tile { grid-row-end: auto !important; }
    .feed .tile {
      display: grid; gap: 9px; align-content: start;
      grid-template-areas: "who" "art" "cap" "talk" "admin";
      grid-template-columns: minmax(0, 1fr);
    }
    .feed .tile .tile-meta, .feed .tile .tile-words { display: contents; }
    .feed .tile .tile-who {
      grid-area: who; margin: 0; display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap;
      white-space: normal; overflow: visible; overflow-wrap: anywhere; min-width: 0;
      font-size: 15px; font-weight: 800; letter-spacing: -.01em; color: var(--ink);
    }
    .feed .tile .tile-when {
      display: inline; font-size: 10px; font-weight: 600; letter-spacing: .12em;
      text-transform: uppercase; color: var(--soft);
    }
    .feed .tile .tile-art { grid-area: art; border-radius: 12px; }
    .feed .tile .cover { border-radius: 12px; }
    .feed .tile .tile-title { display: none; }
    .feed .tile .tile-cap {
      display: block; grid-area: cap; margin: 0;
      font-size: 14.5px; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-wrap;
    }
    .feed .tile .tile-cap em { font-style: normal; color: var(--red); }
    .feed .tile .tile-talk { grid-area: talk; justify-self: start; gap: 6px; padding: 2px 0 0; }
    .feed .tile .tile-talk svg { width: 18px; height: 18px; }
    .feed .tile .tile-talk b { font-size: 13px; }
    .feed .tile > :last-child:not(.tile-meta):not(.tile-art) { grid-area: admin; }

    .slide-cap { -webkit-line-clamp: 3; }

    .mbrand { min-height: 40px; }
    .mast-left .sociallinks { gap: 2px; }
    .mast-left .sociallinks a { display: grid; place-items: center; width: 40px; height: 40px; }
    .collab .aco { display: inline-block; padding-block: 11px; margin-block: -11px; }
    .tb-sorts .nav { min-height: 38px; }
    .platbtn { width: 38px; height: 38px; }
    .wheel, .wheel button, .wheelmark { height: 38px; }
    .pb-btn { width: 36px; height: 36px; }
    .railbtn { min-width: 40px; min-height: 40px; }
    .rankview { min-height: 38px; }
    #rank .rankbar { display: none !important; }
    .minedemo .btn { min-height: 38px; }
    .stars .starwrap { width: 30px; height: 30px; }
    .slide-rate .starwrap, .viewer-rate .starwrap { width: 30px; height: 30px; }
    .likebtn, .talk .btn.link, .starhelp, .capmore { position: relative; }
    .likebtn::after, .talk .btn.link::after, .starhelp::after, .capmore::after, .swtch::after {
      content: ""; position: absolute; inset: -11px -8px;
    }
    .emojibtn, .gifbtn { min-width: 36px; min-height: 36px; }
    .talk-form .btn { min-height: 36px; }
  }

  @media (min-width: 901px) and (max-width: 1100px) {
    .toptabs .nav > span:not(.pill) {
      position: absolute; width: 1px; height: 1px; overflow: hidden;
      clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
    }
    .toptabs .nav { padding-inline: 10px; }
  }
  @media (min-width: 1101px) {
    .topbar.tabs-tight .toptabs .nav > span:not(.pill) {
      position: absolute; width: 1px; height: 1px; overflow: hidden;
      clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
    }
    .topbar.tabs-tight .toptabs .nav { padding-inline: 10px; }
  }

  body, .side, .tile, .cover, .banner, .btn, .nav, .platbtn,
  .tag, .card, .reel-track, .empty, .find input, .sheet input, .sheet textarea,
  dialog, .collapse, .avatar, .slide-foot, .viewer-foot, .viewer-close {
    transition: background-color .38s ease, color .38s ease, border-color .38s ease, box-shadow .38s ease;
  }

  @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
  .mfilter, .mdone, .mfilthead, .mgrip, .mveil { display: none; }
  @media (max-width: 900px) {
    :root { --tabh: 60px; --mr: 22px; --mr2: 16px; }
    html, body { background: var(--paper); }

    .topbar {
      height: 58px; min-height: 58px; padding: 8px 16px; gap: 10px;
      background: color-mix(in srgb, var(--paper) 92%, transparent);
      -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    }
    .mbrand { font-size: 19px; letter-spacing: -.04em; }
    .mbrand svg { width: 17px; height: 17px; }
    .topacts { gap: 8px; }
    .topacts .avatarbtn, .topacts .themerow, .topacts .account-btn {
      width: 40px; height: 40px; min-width: 40px; border-radius: 50%; padding: 0;
      background: var(--bone); display: grid; place-items: center;
    }
    .topacts .account-btn .account-who { display: none; }
    .topacts .avatarbtn svg, .topacts .themerow svg { width: 20px; height: 20px; }
    .topacts .starbank { display: none; }

    .mbar {
      left: 12px; right: 12px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); width: auto; height: var(--tabh);
      padding: 5px; border-radius: 999px; transform: none;
      background: color-mix(in srgb, var(--paper) 88%, transparent);
      -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4);
      border: 1px solid color-mix(in srgb, var(--ink) 7%, transparent);
      box-shadow: 0 12px 32px rgba(18, 18, 18, .16), 0 1px 3px rgba(18, 18, 18, .08);
      transition: transform .34s cubic-bezier(.2, .7, .3, 1), background-color .25s ease;
    }
    body.bars-away .mbar { transform: none; }
    .mtab {
      height: 100%; border-radius: 999px; gap: 3px; font-size: 10px; font-weight: 700; color: var(--soft);
      transition: background-color .2s ease, color .2s ease;
    }
    .mtab svg { width: 22px; height: 24px; }
    .mtab.on { background: color-mix(in srgb, var(--ink) 8%, transparent); color: var(--ink); }
    .mtab.on svg { color: var(--ink); }
    .mtab.mpost {
      flex: 1 1 0; width: auto; height: 100%; margin: 0; border-radius: 999px;
      background: transparent; box-shadow: none; color: var(--soft);
    }
    .mtab.mpost svg { width: 26px; height: 24px; padding: 0; border-radius: 0; background: none; color: var(--red); }
    .mbar.iconly .mtab span { display: none; }
    .mbar.iconly .mtab svg { width: 25px; height: 25px; }
    .mbar.iconly .mtab.mpost svg { width: 28px; height: 28px; }
    :root[data-theme="dark"] .mbar, html.in-reel .mbar {
      background: rgba(28, 28, 30, .86); border-color: rgba(255, 255, 255, .08);
      box-shadow: 0 12px 32px rgba(0, 0, 0, .45);
    }
    :root[data-theme="dark"] .mtab, html.in-reel .mtab { color: rgba(255, 255, 255, .62); }
    :root[data-theme="dark"] .mtab.on, html.in-reel .mtab.on { background: rgba(255, 255, 255, .12); color: #fff; }
    :root[data-theme="dark"] .mtab.on svg, html.in-reel .mtab.on svg { color: #fff; }
    #mmore { display: none !important; }

    .stage { padding: 6px 16px calc(var(--tabh) + 32px + env(safe-area-inset-bottom, 0px)); }
    .stagehead { margin: 10px 0 14px; }
    .stagehead h2, #stageTitle {
      font-family: var(--sans) !important; font-style: normal !important; font-weight: 800 !important;
      font-size: 34px !important; letter-spacing: -.045em !important; line-height: 1 !important;
      color: var(--ink) !important; text-transform: none !important;
    }

    #shell { overflow-x: clip; }
    .masthead { display: block; padding: 6px 16px 4px; }
    .mast-left { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .mast-left > * { margin: 0 !important; }
    .mastbrand {
      grid-column: 1 / -1; background: var(--bone); border-radius: var(--mr); padding: 18px 18px 16px;
    }
    .mastbrand .brand .kicker { display: block !important; margin-bottom: 6px; }
    .mastbrand .brand h1 { font-size: clamp(34px, 11.4vw, 56px) !important; }
    .mast-sub { grid-column: 1 / -1; padding: 2px 4px; font-size: 14px !important; }
    .mast-left .countdown {
      grid-column: 1 / 2; background: var(--ink); color: var(--paper); border-radius: var(--mr);
      padding: 16px; display: grid !important; align-content: center; gap: 8px; min-height: 132px; border: 0;
    }
    .mast-left .countdown .cd-label { color: var(--red); font-size: 9.5px; letter-spacing: .16em; }
    .mast-left .countdown .cd-clock {
      color: var(--paper); font-size: 24px; line-height: 1.12; letter-spacing: -.02em; word-spacing: 100vw;
    }
    .mast-left .countdown .cd-ms { display: none; }
    .masthead .tags {
      grid-column: 2 / 3; background: var(--bone); border-radius: var(--mr); padding: 16px;
      display: flex !important; flex-direction: column; justify-content: center; gap: 8px; overflow: visible !important;
    }
    .masthead .tags .tag { font-size: 13px; }
    .joinline {
      grid-column: 1 / -1; background: var(--bone); border-radius: var(--mr) var(--mr) 0 0;
      padding: 16px 18px 6px; font-size: 14px !important; color: var(--ink) !important;
    }
    .eligible {
      grid-column: 1 / -1; background: var(--bone); border-radius: 0 0 var(--mr) var(--mr);
      padding: 4px 18px 16px; margin-top: -10px !important; display: flex !important;
    }
    .masthead .socials { grid-column: 1 / -1; display: block !important; }
    .masthead .sociallinks { display: flex; gap: 10px; }
    .masthead .sociallinks a {
      width: 46px !important; height: 46px !important; border-radius: 50%; background: var(--bone);
      display: grid !important; place-items: center;
    }
    .masthead .sociallinks svg { width: 19px !important; height: 19px !important; }
    .collab { grid-column: 1 / -1; padding: 0 4px; }

    .recent { padding: 16px 0 4px !important; margin: 0 !important; background: none !important; border: 0 !important; }
    .recent-wrap {
      max-height: 236px !important; overflow-x: hidden !important; overflow-y: hidden !important;
      scroll-snap-type: none; overscroll-behavior: auto !important; touch-action: pan-y;
      margin: 0; padding: 0; scrollbar-width: none;
    }
    .recent-wrap::-webkit-scrollbar { display: none; }
    .recent-track { grid-auto-flow: row; gap: 10px; padding: 2px 0; }
    .said { border: 0 !important; border-radius: var(--mr2) !important; background: var(--bone) !important; width: auto !important; }

    .toolbar {
      top: 58px; padding: 8px 16px 10px; background: var(--paper); gap: 10px;
      display: flex; flex-wrap: nowrap; align-items: center;
    }
    .toolbar .tb-left { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; min-width: 0; flex-wrap: nowrap; }
    .toolbar .find { flex: 1 1 auto; min-width: 0; order: 1; }
    .toolbar .find input {
      width: 100%; height: 44px; border-radius: 999px !important; border: 0 !important;
      background: var(--bone) !important; padding: 0 16px 0 42px; font-size: 15px;
    }
    .mfilter {
      order: 2; flex: none; width: 44px; height: 44px; border-radius: 50%; border: 0; cursor: pointer;
      background: var(--bone); color: var(--ink); display: grid; place-items: center;
    }
    .mfilter svg { width: 21px; height: 21px; }
    .mfilter.on { background: var(--ink); color: var(--paper); }
    body:not(.m-filters) .toolbar .tb-sorts, body:not(.m-filters) .toolbar .tb-filters { display: none !important; }
    body:not(.m-filters) .toolbar { display: none !important; }
    html.in-reel body.m-filters .toolbar { display: block !important; }
    .mveil {
      display: block; position: fixed; inset: 0; z-index: 94; background: rgba(18, 18, 18, .42);
      opacity: 0; pointer-events: none; transition: opacity .25s ease;
    }
    .mveil.on { opacity: 1; pointer-events: auto; }
    body.m-filters .toolbar {
      position: fixed; left: 0; right: 0; bottom: 0; top: auto; z-index: 96; display: block;
      padding: 22px 16px calc(18px + env(safe-area-inset-bottom, 0px)); border-radius: 24px 24px 0 0;
      box-shadow: 0 -16px 40px rgba(18, 18, 18, .18); max-height: 86dvh; overflow-y: auto;
    }
    body.m-filters .toolbar .tb-left { display: grid; gap: 16px; }
    body.m-filters .toolbar .find { order: 0; }
    body.m-filters .toolbar .mfilter { display: none; }
    body.m-filters .toolbar .tb-sorts {
      display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; order: 1;
    }
    body.m-filters .toolbar .tb-sorts .nav {
      justify-content: center; min-height: 48px; border-radius: 14px; background: var(--bone);
      font-size: 13px !important; padding: 0 10px !important;
    }
    body.m-filters .toolbar .tb-sorts .nav[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
    body.m-filters .toolbar .tb-filters { display: grid !important; gap: 14px; order: 2; }
    body.m-filters .toolbar .tb-sorts::before,
    body.m-filters .toolbar .platrow::before,
    body.m-filters .toolbar .wheelbox::before {
      grid-column: 1 / -1; display: block; margin: 0 0 2px;
      font: 700 10px/1.2 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--soft);
    }
    body.m-filters .toolbar .tb-sorts::before { content: "Sort"; }
    body.m-filters .toolbar .platrow::before { content: "Platform"; }
    body.m-filters .toolbar .wheelbox::before { content: "Year"; }
    body.m-filters .toolbar .platrow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    body.m-filters .toolbar .platbtn {
      width: auto; height: 48px; border-radius: 14px; background: var(--bone); color: var(--ink);
      display: flex; align-items: center; justify-content: center; gap: 8px; font: 700 13px/1 var(--sans);
    }
    body.m-filters .toolbar .platbtn svg { width: 18px; height: 18px; }
    body.m-filters .toolbar .platbtn[data-plat]::after { content: attr(data-plat); }
    body.m-filters .toolbar .platbtn.trophybtn::after { content: "Contest"; }
    body.m-filters .toolbar .platbtn[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
    body.m-filters .toolbar .wheelbox { width: auto !important; display: grid; gap: 8px; }
    body.m-filters .toolbar .wheel {
      display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; height: auto; overflow: visible;
      -webkit-mask-image: none; mask-image: none; scroll-snap-type: none;
    }
    body.m-filters .toolbar .wheel-pad, body.m-filters .toolbar .wheelmark { display: none !important; }
    body.m-filters .toolbar .wheel button {
      flex: none; height: 48px; border-radius: 14px; background: var(--bone); color: var(--ink);
      opacity: 1; transform: none; font-size: 13px;
    }
    body.m-filters .toolbar .wheel button[aria-selected="true"] { background: var(--ink); color: var(--paper); }
    .mdone { display: none; }
    body.m-filters .mdone {
      display: block; order: 3; width: 100%; height: 50px; border: 0; border-radius: 999px; cursor: pointer;
      background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8); color: #fff; font: 700 15px/1 var(--sans);
    }
    .mfilthead { display: none; }
    body.m-filters .mfilthead { display: block; order: -1; margin: 0; font: 800 24px/1 var(--sans); letter-spacing: -.03em; }

    .grid.feed { row-gap: 14px; }
    .feed .tile {
      background: var(--bone); border-radius: var(--mr); padding: 14px 14px 12px; gap: 10px;
    }
    .feed .tile .tile-who { font-size: 15px; }
    .feed .tile .tile-art, .feed .tile .cover { border-radius: var(--mr2); }
    .feed .tile .tile-cap { font-size: 14.5px; }
    .feed .tile .tile-talk {
      background: var(--paper); border-radius: 999px; padding: 8px 14px 8px 12px; gap: 7px;
    }

    html.in-reel .topbar, html.in-reel .masthead, html.in-reel .toolbar, html.in-reel .stagehead { display: none !important; }
    html.in-reel .stage { padding: 0 !important; }
    html.in-reel body { background: #000; }
    html.in-reel .reel-wrap { margin: 0 !important; }
    html.in-reel .reel-track {
      height: calc(100dvh - var(--tabh) - 20px - env(safe-area-inset-bottom, 0px)) !important; min-height: 0 !important;
      border-radius: 0 !important; background: #000 !important;
    }
    html.in-reel .reel-track > .slide {
      display: block !important; position: relative; height: 100% !important; min-height: 100%;
      padding: 0 !important; margin: 0 !important; scroll-snap-align: start; overflow: hidden;
    }
    html.in-reel .stage-wrap { position: absolute !important; inset: 0; display: block !important; }
    html.in-reel .player {
      position: absolute !important; inset: 0; width: 100% !important; height: 100% !important;
      max-width: none !important; border-radius: 0 !important; background: #000;
    }
    html.in-reel .player .cover {
      width: 100% !important; height: 100% !important; aspect-ratio: auto !important; border-radius: 0 !important;
      background: #000 !important;
    }
    html.in-reel .player .cover .shot.own, html.in-reel .player video { object-fit: contain !important; }
    html.in-reel .player .playbar { top: calc(12px + env(safe-area-inset-top, 0px)); bottom: auto; left: 12px; right: 12px; }
    html.in-reel .rail {
      position: absolute !important; right: 8px; bottom: 132px; top: auto !important; left: auto !important;
      display: grid !important; gap: 20px; z-index: 6; justify-items: center;
    }
    html.in-reel .railbtn { color: rgba(255, 255, 255, .96) !important; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .3)) drop-shadow(0 2px 6px rgba(0, 0, 0, .45)) drop-shadow(0 0 16px rgba(0, 0, 0, .3)); min-width: 48px; }
    html.in-reel .rail::before {
      content: ""; position: absolute; z-index: -1; pointer-events: none;
      top: -48px; bottom: -48px; right: -8px; width: 120px;
      background: radial-gradient(60% 50% at 100% 50%, rgba(0, 0, 0, .32), rgba(0, 0, 0, 0) 100%);
    }
    html.in-reel .railbtn svg { width: 30px !important; height: 30px !important; }
    html.in-reel .railbtn b { color: #fff; font-size: 12px; }
    html.in-reel .reel-track .slide > .slide-side {
      position: absolute !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 5;
      display: grid !important; gap: 6px; width: auto !important; height: auto !important; max-height: none !important;
      padding: 70px 76px 18px 16px !important; transform: none !important; opacity: 1 !important;
      background: linear-gradient(to top, rgba(0, 0, 0, .72), rgba(0, 0, 0, 0)) !important; color: #fff;
      overflow: visible !important; pointer-events: none;
    }
    html.in-reel .slide-side > * { pointer-events: auto; }
    html.in-reel .slide-side .slide-handle { color: #fff; font-size: 16px !important; }
    html.in-reel .slide-side .slide-meta { color: rgba(255, 255, 255, .75); }
    html.in-reel .slide-side .slide-cap { color: #fff; font-size: 14px !important; -webkit-line-clamp: 2; }
    html.in-reel .slide-side .slide-cap em { color: #fff; font-weight: 700; }
    html.in-reel .slide-side .slide-cap.open { -webkit-line-clamp: unset; }
    html.in-reel .slide-side .capmore { color: rgba(255, 255, 255, .85); }
    html.in-reel .slide-side .slide-rate, html.in-reel .slide-side .slide-foot { display: none; }
    html.in-reel .slide-side .slide-auto {
      position: fixed; top: calc(14px + env(safe-area-inset-top, 0px)); right: 14px; z-index: 7;
      color: #fff; display: none;
    }
    html.in-reel .slide-side .talk { display: none !important; }
    html.in-reel .reel-track.talking .slide.m-on .slide-side {
      position: fixed !important; inset: auto 0 0 0; z-index: 97; height: 66dvh !important;
      background: var(--paper) !important; color: var(--ink); border-radius: 24px 24px 0 0;
      padding: 14px 16px calc(10px + env(safe-area-inset-bottom, 0px)) !important; pointer-events: auto;
      display: flex !important; flex-direction: column; gap: 10px; box-shadow: 0 -16px 40px rgba(0, 0, 0, .3);
    }
    html.in-reel .reel-track.talking .slide.m-on .player { bottom: auto !important; height: calc(100% - 66dvh) !important; transition: height .3s cubic-bezier(.2, .7, .3, 1); }
    html.in-reel .reel-track.talking .slide.m-on .slide-side .slide-head,
    html.in-reel .reel-track.talking .slide.m-on .slide-side .slide-cap,
    html.in-reel .reel-track.talking .slide.m-on .slide-side .capmore,
    html.in-reel .reel-track.talking .slide.m-on .slide-side .slide-auto { display: none !important; }
    html.in-reel .reel-track.talking .slide.m-on .slide-side .slide-rate { display: grid; }
    html.in-reel .reel-track.talking .slide.m-on .slide-side .talk {
      display: flex !important; flex: 1 1 auto; min-height: 0; color: var(--ink);
    }
    html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list { flex: 1 1 auto; max-height: none !important; overflow-y: auto; }
    .mgrip {
      display: none; width: 44px; height: 5px; border-radius: 99px; background: var(--edge);
      margin: 0 auto 6px; border: 0; padding: 0; cursor: pointer; flex: none;
    }
    html.in-reel .reel-track.talking .slide.m-on .mgrip { display: block; }

    #viewer, #viewer[open] {
      width: 100vw !important; max-width: none !important; height: 100dvh !important; max-height: none !important;
      margin: 0 !important; border-radius: 0 !important; inset: 0;
    }
    #viewer .viewer {
      display: flex !important; flex-direction: column; height: 100%; overflow-y: auto; background: #000;
    }
    #viewer .viewer-media {
      flex: none; width: 100% !important; max-width: none !important; height: auto !important;
      max-height: 64dvh !important; min-height: 220px; aspect-ratio: var(--ar, 9 / 16);
    }
    #viewer .viewer-side {
      flex: 1 0 auto; margin-top: -20px; position: relative; z-index: 2; background: var(--paper);
      border-radius: 24px 24px 0 0; padding: 20px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
      overflow: visible !important; height: auto !important;
    }
    #viewer .viewer-side .talk-list { max-height: none !important; overflow: visible !important; }
    #viewer .talk-form {
      position: sticky; bottom: 0; z-index: 3; background: var(--paper);
      padding: 10px 0 calc(6px + env(safe-area-inset-bottom, 0px)); margin-top: auto;
    }
    #viewer .viewer-close {
      position: fixed; top: calc(12px + env(safe-area-inset-top, 0px)); left: 12px; z-index: 10;
      width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, .5) !important; color: #fff !important;
    }
    #viewer .viewer-close:hover { color: var(--red) !important; }

    dialog:not(#viewer)[open] {
      margin: auto 0 0 0 !important; width: 100vw !important; max-width: none !important;
      border-radius: 26px 26px 0 0 !important; max-height: 92dvh;
      padding-bottom: env(safe-area-inset-bottom, 0px); animation: msheet .32s cubic-bezier(.2, .7, .3, 1);
    }
    @keyframes msheet { from { transform: translateY(48px); opacity: .5; } to { transform: none; opacity: 1; } }
    dialog:not(#viewer) .btn.red, dialog:not(#viewer) .btn.block { border-radius: 999px; min-height: 50px; }

    .msheet { position: fixed; inset: 0; z-index: 120; }
    .msheet[hidden] { display: none; }
    .msheet-veil { position: absolute; inset: 0; background: rgba(18, 18, 18, .42); }
    .msheet-body {
      position: absolute; left: 0; right: 0; bottom: 0; max-height: 90dvh; overflow-y: auto;
      background: var(--paper); color: var(--ink); border-radius: 26px 26px 0 0;
      padding: 10px 16px calc(18px + env(safe-area-inset-bottom, 0px));
      animation: msheet .32s cubic-bezier(.2, .7, .3, 1); display: grid; gap: 12px;
    }
    .msheet-grip { width: 44px; height: 5px; border-radius: 99px; background: var(--edge); margin: 2px auto 6px; touch-action: none; }
    .dgrip { display: block; box-sizing: content-box; width: 44px; height: 5px; padding: 12px 14px; background: var(--edge); background-clip: content-box; border-radius: 99px; margin: 0 auto; touch-action: none; position: sticky; top: 0; z-index: 5; cursor: grab; }
    .mme-head { display: flex; align-items: center; gap: 14px; padding: 4px 2px; }
    .mme-face {
      width: 58px; height: 58px; border-radius: 50%; overflow: hidden; flex: none; background: var(--bone);
      display: grid; place-items: center; color: var(--red);
    }
    .mme-face img, .mme-face .avinner { width: 100%; height: 100%; object-fit: cover; display: block; }
    .mme-face svg { width: 28px; height: 28px; }
    .mme-who { display: grid; gap: 2px; min-width: 0; }
    .mme-who b { font-size: 22px; font-weight: 800; letter-spacing: -.03em; overflow-wrap: anywhere; }
    .mme-who span { font-size: 13px; color: var(--soft); }
    .mme-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .mme-card { border-radius: var(--mr); padding: 16px; background: var(--bone); display: grid; gap: 4px; align-content: start; }
    .mme-card.dark { background: var(--ink); color: var(--paper); }
    .mme-card b { font-size: 34px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
    .mme-card span { font-size: 12.5px; color: var(--soft); }
    .mme-card.dark span { color: rgba(255, 255, 255, .7); }
    :root[data-theme="dark"] .mme-card.dark { background: var(--bone); color: #fff; }
    .mme-cta {
      height: 52px; border: 0; border-radius: 999px; background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8); color: #fff; cursor: pointer;
      font: 700 15px/1 var(--sans); display: flex; align-items: center; justify-content: center; gap: 10px;
    }
    .mme-cta svg { width: 22px; height: 22px; }
    .mme-links { display: grid; gap: 6px; }
    .mme-links button {
      display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 54px;
      padding: 0 18px; border: 0; border-radius: var(--mr2); background: var(--bone); color: var(--ink);
      font: 700 15px/1 var(--sans); cursor: pointer; text-align: left;
    }
    .mme-links button svg { width: 16px; height: 16px; color: var(--soft); }
    .mme-links button.quiet { background: transparent; color: var(--soft); justify-content: center; }

    .minerow, .saidrow, .ladder li, .thread {
      border: 0 !important; border-radius: var(--mr) !important; background: var(--bone) !important;
    }
    .minelist, .ladder { display: grid; gap: 10px; }
    .faq { border: 0 !important; border-radius: var(--mr2) !important; background: var(--bone); padding: 4px 16px !important; margin-bottom: 8px; }
      body[data-mview]:not([data-mview="viewGrid"]) .masthead { display: none !important; }
    .mastbrand { order: 1; }
    .mast-left .countdown { order: 2; }
    .masthead .tags { order: 3; }
    .mast-sub { order: 4; }
    .joinline { order: 5; }
    .eligible { order: 6; }
    .masthead .socials { order: 7; }
    .collab { order: 8; }
    .mastbrand, .mastbrand .brand { text-align: center; justify-items: center; }
    .mast-left .countdown { text-align: center; justify-items: center; }
    .masthead .tags { align-items: center; text-align: center; }
    .mast-sub, .joinline, .collab { text-align: center; }
    .eligible { justify-content: center; text-align: center; }
    .masthead .sociallinks { justify-content: center; }
    .recent { flex: none !important; width: 100% !important; max-width: none !important; min-width: 0 !important; }
    .stagehead { justify-content: center; text-align: center; }
    .judgelede { text-align: center; }
    .mast-left .countdown .cd-clock { word-spacing: normal !important; font-size: 27px !important; line-height: 1.08 !important; }
    #stageTitle * {
      font-family: var(--sans) !important; font-style: normal !important; font-weight: 800 !important;
      font-size: inherit !important; letter-spacing: inherit !important; color: inherit !important;
      text-transform: none !important; transform: none !important; margin: 0 !important; padding: 0 !important;
      background: none !important; line-height: inherit !important; vertical-align: baseline !important;
      display: inline !important; opacity: 1 !important; -webkit-text-stroke: 0 !important; text-shadow: none !important;
    }
    html.in-reel .player .playbar {
      top: auto !important; bottom: 12px !important; left: 12px !important; right: 12px !important; z-index: 7;
    }
    html.in-reel .reel-track .slide > .slide-side { padding-bottom: 84px !important; }
    #viewer .viewer-side { max-height: none !important; min-height: calc(40dvh + 20px); padding-top: 26px !important; }
    #viewer .viewer-media .playbar { bottom: 30px !important; }
    .mme-cta svg, .mme-cta .dlogo { color: #fff !important; filter: none !important; width: 22px !important; height: 22px !important; }
    .mme-card { border: 0; text-align: left; font: inherit; color: inherit; cursor: pointer; }
      #stageTitle .ptsp { display: inline-block !important; width: .26em !important; }
    .empty { border: 0 !important; border-radius: var(--mr) !important; }
    .rankbar { border: 0 !important; box-shadow: none !important; }
    .topbar { padding-top: calc(8px + env(safe-area-inset-top, 0px)); height: calc(58px + env(safe-area-inset-top, 0px)); }
    .toolbar { top: calc(58px + env(safe-area-inset-top, 0px)); }
    input, textarea, select { font-size: 16px !important; }
    .topacts .avatarbtn, .topacts .themerow, .topacts .account-btn { width: 44px; height: 44px; min-width: 44px; }
    .topacts #themeBtn { width: 44px; height: 44px; }
    html.in-reel .reel-track.talking .slide.m-on .mgrip {
      box-sizing: content-box; padding: 18px 14px; background-clip: content-box; margin: -14px auto -8px;
    }
    .msheet-grip {
      display: block; box-sizing: content-box; padding: 16px 14px; background-clip: content-box;
      border: 0; margin: -12px auto -4px; cursor: pointer;
    }
    .pb-track { height: 32px; }
    .pb-btn { width: 40px; height: 40px; }
    .pb-vol { display: none; }
    .stars { gap: 8px; }
    .starwrap .hit { top: -8px; bottom: -8px; left: -4px; width: calc(100% + 8px); }
    .msheet-body, body.m-filters .toolbar, html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list { overscroll-behavior: contain; }
    html:has(.msheet:not([hidden])), html:has(body.m-filters) { overflow: hidden; }
    html.in-reel { background: #000; }
    body:has(textarea:focus, input[type="search"]:focus, input[type="text"]:focus, input:not([type]):focus) .mbar { display: none; }
    html.kb-open.in-reel .reel-track.talking .slide.m-on .slide-side {
      bottom: max(0px, calc(var(--kb, 0px) - var(--tabh) - 20px - env(safe-area-inset-bottom, 0px))) !important;
    }
    .talk .btn.link, .capmore { font-size: 11px; }
    .talk-meta time { font-size: 11px; }
    .talkrow .talk-body p { font-size: 15px; line-height: 1.45; }
  }
  @media (max-width: 900px) and (orientation: landscape) {
    .topbar, .masthead, html:not(.in-reel) .stage {
      padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));
    }
    .mbar { left: max(12px, env(safe-area-inset-left, 0px)); right: max(12px, env(safe-area-inset-right, 0px)); }
    html.in-reel .rail { right: max(8px, env(safe-area-inset-right, 0px)); }
  }
  @media (max-width: 900px) and (max-height: 500px) {
    html.in-reel .rail { bottom: 72px; gap: 8px; }
    html.in-reel .railbtn svg { width: 24px !important; height: 24px !important; }
  }

  .reeltop { display: none; }
  .sx-top {
    position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 6px;
    padding: calc(10px + env(safe-area-inset-top, 0px)) 10px 10px 12px;
    background: color-mix(in srgb, var(--paper) 82%, transparent);
    -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%);
  }
  .sx-find {
    flex: 1 1 auto; display: flex; align-items: center; gap: 9px; height: 40px; padding: 0 14px; min-width: 0;
    border-radius: 999px; background: color-mix(in srgb, var(--ink) 8%, transparent); color: var(--soft);
  }
  .sx-find svg { width: 18px; height: 18px; flex: none; }
  .sx-find input {
    flex: 1 1 auto; min-width: 0; height: 100%; padding: 0; border: 0; background: transparent; outline: none;
    color: var(--ink); font: 500 15px/1 var(--sans);
  }
  .sx-find input::placeholder { color: var(--soft); }
  .sx-find input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
  .sx-btn {
    position: relative; flex: none; width: 40px; height: 40px; display: grid; place-items: center;
    border: 0; border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer;
    transition: transform .12s ease;
  }
  .sx-btn svg { width: 25px; height: 25px; }
  .sx-btn:active { transform: scale(.9); }
  .sx-dot { position: absolute; top: 7px; right: 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--red); }
  .sx-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
  @media (min-width: 600px) { .sx-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  @media (min-width: 1200px) { .sx-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
  .sx-cell {
    position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; padding: 0; border: 0; border-radius: 0;
    background: color-mix(in srgb, var(--ink) 8%, transparent); cursor: pointer;
  }
  .sx-cell img, .sx-cell video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
  .sx-cell:active { opacity: .8; }
  .sx-count {
    position: absolute; left: 7px; bottom: 6px; display: inline-flex; align-items: center; gap: 4px;
    color: #fff; font: 700 12px/1 var(--sans); text-shadow: 0 1px 3px rgba(0, 0, 0, .65);
  }
  .sx-count svg { width: 14px; height: 14px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5)); }
  .sx-empty { grid-column: 1 / -1; padding: 56px 24px; text-align: center; color: var(--soft); font: 500 14px/1.5 var(--sans); }
  .fx { position: fixed; inset: 0; z-index: 130; }
  .fx-veil { position: absolute; inset: 0; background: rgba(0, 0, 0, .45); animation: fxfade .3s ease both; }
  .fx-body {
    position: absolute; left: 0; right: 0; bottom: 0; max-height: 86dvh; overflow-y: auto; overscroll-behavior: contain;
    padding: 6px 20px calc(22px + env(safe-area-inset-bottom, 0px)); border-radius: 26px 26px 0 0;
    background: var(--paper); color: var(--ink); box-shadow: 0 -12px 40px rgba(0, 0, 0, .22);
    animation: fxrise .44s cubic-bezier(.22, 1, .36, 1) both;
  }
  .fx.closing .fx-veil { animation: fxfade .26s ease reverse both; }
  .fx.closing .fx-body { animation: fxrise .26s cubic-bezier(.64, 0, .78, 0) reverse both; }
  @keyframes fxfade { from { opacity: 0; } to { opacity: 1; } }
  @keyframes fxrise { from { transform: translate3d(0, 100%, 0); } to { transform: none; } }
  :root[data-theme="dark"] .fx-body, html.in-reel .fx-body { background: #161618; color: #fff; }
  .fx-grip {
    display: block; width: 38px; height: 5px; margin: 0 auto 8px; padding: 10px; box-sizing: content-box;
    border: 0; border-radius: 99px; background: color-mix(in srgb, currentColor 22%, transparent); background-clip: content-box; cursor: pointer;
  }
  .fx-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .fx-head b { font: 800 22px/1.15 var(--sans); letter-spacing: -.025em; }
  .fx-done { border: 0; background: none; padding: 8px 2px; color: var(--red); font: 700 15px/1 var(--sans); cursor: pointer; }
  .fx-lede { margin: 6px 0 0; color: var(--soft); font: 400 13px/1.45 var(--sans); }
  .fx-sec { margin-top: 22px; }
  .fx-sec h3 { margin: 0; color: inherit; font: 700 15px/1.2 var(--sans); letter-spacing: -.01em; }
  .fx-sec p { margin: 3px 0 10px; color: var(--soft); font: 400 12.5px/1.4 var(--sans); }
  .fx-autorow { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .fx-autorow p { margin: 3px 0 0; }
  .fx-auto .swtch { width: 44px; height: 26px; }
  .fx-auto .swtch .knob { top: 2px; left: 2px; width: 20px; height: 20px; }
  .fx-auto .swtch[aria-pressed="true"] .knob { transform: translateX(18px); }
  .fx-chips { display: flex; flex-wrap: wrap; gap: 8px; }
  .fx-chip {
    display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: 999px;
    border: 1px solid color-mix(in srgb, currentColor 24%, transparent); background: transparent; color: inherit;
    font: 600 13px/1 var(--sans); cursor: pointer; transition: background-color .15s ease, border-color .15s ease, transform .1s ease;
  }
  .fx-chip svg { width: 14px; height: 14px; margin-left: -3px; }
  .fx-chip:active { transform: scale(.95); }
  .fx-chip[aria-pressed="true"] { background: color-mix(in srgb, currentColor 14%, transparent); border-color: transparent; }
  .fx-chip[aria-disabled="true"] { opacity: .38; cursor: default; }
  .fx-reset {
    display: block; margin: 24px 0 0; padding: 6px 0; border: 0; background: none; color: var(--soft);
    font: 600 13px/1 var(--sans); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
  }
  @media (max-width: 900px) {
    #mbar.mbar {
      left: 0; right: 0; margin: 0 auto; width: min(calc(100% - 32px), 440px); height: 62px; padding: 6px; gap: 2px;
      border-radius: 999px; background: rgba(255, 255, 255, .6);
      -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%);
      border: 1px solid rgba(255, 255, 255, .65);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 12px 32px rgba(0, 0, 0, .16), 0 2px 6px rgba(0, 0, 0, .06);
      transform: translate3d(0, 0, 0) scale(1); transform-origin: 50% 100%;
      transition: transform .5s cubic-bezier(.22, 1, .36, 1), background-color .3s ease, box-shadow .3s ease;
    }
    :root[data-theme="dark"] #mbar.mbar, html.in-reel #mbar.mbar {
      background: rgba(34, 34, 36, .5); border-color: rgba(255, 255, 255, .1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(255, 255, 255, .03), 0 14px 36px rgba(0, 0, 0, .55);
    }
    html.bar-small #mbar.mbar { transform: translate3d(0, 8px, 0) scale(.8); }
    #mbar .mtab {
      height: 100%; border-radius: 999px; color: rgba(0, 0, 0, .74);
      transition: background-color .2s ease, color .2s ease, transform .12s ease;
    }
    #mbar .mtab:active { transform: scale(.9); }
    #mbar .mtab svg, #mbar .mtab .dlogo { width: 26px; height: 26px; color: inherit; }
    #mbar .mtab.on { background: rgba(0, 0, 0, .07); color: #000; }
    :root[data-theme="dark"] #mbar .mtab, html.in-reel #mbar .mtab { color: rgba(255, 255, 255, .88); }
    :root[data-theme="dark"] #mbar .mtab.on, html.in-reel #mbar .mtab.on { background: rgba(255, 255, 255, .15); color: #fff; }
    #mbar .mtab.mpost svg { width: 26px; height: 26px; color: var(--red); }
    #mbar .mface {
      display: block; width: 28px; height: 28px; border-radius: 50%; overflow: hidden;
      box-shadow: 0 0 0 1.5px color-mix(in srgb, currentColor 35%, transparent);
    }
    #mbar .mface img, #mbar .mface .avinner { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
    #mbar .mtab.on .mface { box-shadow: 0 0 0 2px currentColor; }
    #mbar { touch-action: none; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; }
    .mlens {
      position: fixed; left: 0; top: 0; z-index: 150; width: 104px; border-radius: 999px;
      overflow: hidden; pointer-events: none; opacity: 0; will-change: transform; transform-origin: 50% 50%;
      background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .04) 55%, rgba(255, 255, 255, .08));
      -webkit-backdrop-filter: blur(1px) saturate(1.3); backdrop-filter: blur(1px) saturate(1.3);
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .14),
        inset 0 3px 4px -1px rgba(255, 255, 255, .3),
        inset 0 -3px 4px -2px rgba(255, 255, 255, .16),
        0 12px 30px rgba(0, 0, 0, .4),
        0 2px 8px rgba(0, 0, 0, .22);
      transition: opacity .18s ease;
    }
    .mlens.show { opacity: 1; }
    .mlens-cv { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
    @keyframes sfoot-fallback { to { opacity: 1; } }
    .sfoot-slot { transition: opacity .7s ease; }
    html:not(.page-in) .sfoot-slot { opacity: 0; animation: sfoot-fallback .01s 8s forwards; }
    #mbar.mbar { transition: transform .62s cubic-bezier(.22, 1, .36, 1), opacity .5s ease, background-color .3s ease, box-shadow .3s ease; }
    #mbar.mbar:not(.mbar-in) { opacity: 0; transform: translate3d(0, 34px, 0) scale(.92); pointer-events: none; }
    #mbar .mpill {
      position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: 0; border-radius: 999px; pointer-events: none;
      background: rgba(255, 255, 255, .15); opacity: 0;
    }
    #mbar.dragging .mpill, #mbar.gliding .mpill { opacity: 0 !important; }
    #mbar > .mtab { position: relative; z-index: 1; }
    #mbar > .mtab.on, :root #mbar > .mtab.on, :root[data-theme="dark"] #mbar > .mtab.on, html.in-reel #mbar > .mtab.on { background: transparent !important; box-shadow: none !important; }
    #mbar.dragging > .mtab { opacity: .35; }
    #mbar.dragging > .mtab.on, :root #mbar.dragging > .mtab.on, :root[data-theme="dark"] #mbar.dragging > .mtab.on { background: transparent !important; box-shadow: none !important; }
    @media (prefers-reduced-motion: reduce) { .mlens { transition: none; } }
    body.in-search .topbar, body.in-search .masthead, body.in-search .stagehead { display: none !important; }
    body.in-search .stage { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; }
    html.in-reel .reeltop {
      display: grid; grid-template-columns: 44px 1fr 44px; position: fixed; top: 0; left: 0; right: 0; z-index: 60; align-items: center;
      padding: calc(18px + env(safe-area-inset-top, 0px)) 8px 14px; pointer-events: none;
      background: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, 0));
    }
    html.in-reel .reeltop > * { pointer-events: auto; }
    #reel:has(.reel-track.talking) .reeltop { display: none; }
    .rt-tabs { grid-column: 2; justify-self: center; display: flex; align-items: center; gap: 22px; }
    .rt-tab {
      display: inline-flex; align-items: center; height: 40px; padding: 0 2px; border: 0; background: none; color: rgba(255, 255, 255, .55); cursor: pointer;
      font: 800 19px/1 var(--sans); letter-spacing: 0; text-shadow: 0 1px 4px rgba(0, 0, 0, .35); transition: color .2s ease;
    }
    .rt-tab[aria-pressed="true"] { color: var(--red); }
    .rt-tab { position: relative; }
    .rt-tab::after { content: ''; position: absolute; left: 50%; bottom: 3px; width: 0; height: 2px; border-radius: 2px; background: var(--red); transform: translateX(-50%); transition: width .25s cubic-bezier(.22, 1, .36, 1); }
    .rt-tab[aria-pressed="true"]::after { width: 18px; }
    .rt-filter {
      grid-column: 3; justify-self: end; width: 40px; height: 40px; margin-right: 4px; display: grid; place-items: center;
      border: 0; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .45));
    }
    .rt-filter svg { width: 29px; height: 29px; }
  }

  .reelline { display: none; }
  @media (max-width: 900px) and (hover: none) { .tipbox { display: none !important; } }
  @media (max-width: 900px) {
    html.in-reel .stage { transform: translate3d(0, 0, 0); }
    html.in-reel .player .playbar { display: none !important; }
    html.in-reel .reel-track .slide > .slide-side { padding-bottom: 30px !important; }
    html.in-reel .rail { bottom: 64px; }
    html.in-reel .reelline {
      display: block; position: fixed; left: 26px; right: 26px; z-index: 79; height: 22px; touch-action: none; cursor: pointer;
      bottom: calc(10px + env(safe-area-inset-bottom, 0px) + 62px + 8px);
      transition: bottom .5s cubic-bezier(.22, 1, .36, 1), opacity .2s ease;
    }
    html.in-reel.bar-small .reelline { bottom: calc(10px + env(safe-area-inset-bottom, 0px) + 44px + 6px); }
    .reelline.none, html.in-reel:has(.reel-track.talking) .reelline, html:has(.fx:not([hidden])) .reelline { opacity: 0; pointer-events: none; }
    .reelline::before, .reelline i {
      content: ''; position: absolute; left: 0; top: 50%; height: 2px; margin-top: -1px; border-radius: 2px;
      transition: height .15s ease, margin .15s ease;
    }
    .reelline::before { right: 0; background: rgba(255, 255, 255, .3); }
    .reelline i { width: 100%; background: #fff; transform-origin: 0 50%; transform: scaleX(var(--p, 0)); box-shadow: 0 0 8px rgba(255, 255, 255, .45), 0 0 18px rgba(255, 255, 255, .22); }
    .reelline b {
      position: absolute; top: 50%; left: calc(var(--p, 0) * 100%); width: 12px; height: 12px; margin: -6px 0 0 -6px;
      border-radius: 50%; background: #fff; opacity: 0; transition: opacity .15s ease; box-shadow: 0 0 8px rgba(255, 255, 255, .6), 0 0 16px rgba(255, 255, 255, .3);
    }
    .reelline.live::before, .reelline.live i { height: 4px; margin-top: -2px; }
    .reelline.live b { opacity: 1; }
    .tapflash {
      position: absolute; left: 50%; top: 50%; z-index: 8; width: 76px; height: 76px; margin: -38px 0 0 -38px;
      display: grid; place-items: center; border-radius: 50%; color: #fff; pointer-events: none;
      background: rgba(0, 0, 0, .38); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
      animation: tapflash .7s cubic-bezier(.22, 1, .36, 1) both;
    }
    .tapflash svg { width: 32px; height: 32px; }
    @keyframes tapflash { 0% { opacity: 0; transform: scale(.7); } 18% { opacity: 1; transform: scale(1); } 70% { opacity: 1; } 100% { opacity: 0; transform: scale(1.06); } }
    html.in-reel .slide.muted .player::after {
      content: ''; position: absolute; right: 12px; bottom: 12px; z-index: 7; width: 30px; height: 30px; border-radius: 50%;
      background: rgba(0, 0, 0, .45) center / 16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3.2L12 5.5v13l-4.8-4H4z' fill='white'/%3E%3Cpath d='m16 9.5 5 5M21 9.5l-5 5'/%3E%3C/svg%3E");
      pointer-events: none;
    }
    html.in-reel .reel-track { --sheeth: 60dvh; }
    html.in-reel .reel-track.talking .slide.m-on .slide-side {
      height: var(--sheeth) !important; border-radius: 28px 28px 0 0 !important; background: #fff !important;
      box-shadow: 0 -10px 30px rgba(0, 0, 0, .18);
    }
    :root[data-theme="dark"].in-reel .reel-track.talking .slide.m-on .slide-side { background: #141416 !important; box-shadow: none; }
    html.in-reel .reel-track.talking .slide.m-on .player {
      --avail: calc(100dvh - var(--tabh) - 20px - env(safe-area-inset-bottom, 0px) - var(--sheeth) - env(safe-area-inset-top, 0px) - 20px);
      top: calc(env(safe-area-inset-top, 0px) + 8px) !important; bottom: auto !important; left: 0 !important; right: 0 !important;
      margin: 0 auto !important;
      width: min(calc(100% - 16px), calc(var(--avail) * var(--ar, .5625))) !important;
      height: min(var(--avail), calc((100vw - 16px) / var(--ar, .5625))) !important;
      border-radius: 22px !important; overflow: hidden; background: #000;
    }
    html.in-reel .reel-track.talking .slide.m-on .player .cover,
    html.in-reel .reel-track.talking .slide.m-on .player video,
    html.in-reel .reel-track.talking .slide.m-on .player img { border-radius: inherit; }
    html.in-reel .reel-track.talking .slide.m-on .player {
      isolation: isolate; -webkit-mask-image: linear-gradient(#000, #000); mask-image: linear-gradient(#000, #000);
    }
    html.in-reel .reel-track.talking .slide.m-on .player video { object-fit: cover !important; }
    html.in-reel .reel-track.sheetdrag .slide.m-on .player, html.in-reel .reel-track.sheetdrag .slide.m-on .slide-side { transition: none !important; }
    html.in-reel .reel-track.talking .slide.m-on .mgrip { touch-action: none; }
  }

  .talk-form {
    align-items: flex-end; gap: 2px; margin-top: 12px; padding: 5px 5px 5px 16px; border-radius: 24px;
    background: color-mix(in srgb, var(--ink) 6%, transparent); border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
  }
  .talk-form textarea { align-self: center; padding: 6px 0; }
  .talk-form .gifchip { align-self: center; margin-right: 6px; }
  .talk-form .emojibtn, .talk-form .gifbtn {
    flex: none; width: 34px; height: 34px; min-width: 34px; min-height: 34px; margin: 0; padding: 0;
    display: grid; place-items: center; align-self: flex-end; border: 0; border-radius: 50%;
    background: transparent; color: var(--soft); cursor: pointer; transition: color .15s ease, transform .1s ease;
  }
  .talk-form .emojibtn svg, .talk-form .gifbtn svg { width: 22px; height: 22px; }
  .talk-form .emojibtn:hover, .talk-form .gifbtn:hover, .talk-form [aria-expanded="true"] { color: var(--ink); }
  .talk-form .emojibtn:active, .talk-form .gifbtn:active { transform: scale(.9); }
  .talk-send {
    flex: none; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; display: none; place-items: center;
    background: var(--red); color: #fff; cursor: pointer; align-self: flex-end;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--red) 40%, transparent);
    animation: sendpop .28s cubic-bezier(.22, 1, .36, 1) both;
  }
  .talk-send svg { width: 18px; height: 18px; }
  .talk-send:active { transform: scale(.9); }
  .talk-form:has(textarea:not(:placeholder-shown)) .emojibtn,
  .talk-form:has(textarea:not(:placeholder-shown)) .gifbtn,
  .talk-form[data-gifurl] .gifbtn { display: none; }
  .talk-form:has(textarea:not(:placeholder-shown)) .talk-send, .talk-form[data-gifurl] .talk-send { display: grid; }
  @keyframes sendpop { from { opacity: 0; transform: scale(.6) rotate(-30deg); } to { opacity: 1; transform: none; } }
  @media (min-width: 901px) {
    .talk-form { padding: 3px 4px 3px 14px; }
    .talk-form textarea { padding: 5px 0; }
    .talk-form .emojibtn, .talk-form .gifbtn, .talk-send { width: 30px; height: 30px; min-width: 30px; min-height: 30px; }
    .talk-form .emojibtn svg, .talk-form .gifbtn svg { width: 20px; height: 20px; }
    .talk-send svg { width: 16px; height: 16px; }
    .viewer-side > .talk { display: contents; }
    .viewer-side .talk-list { min-height: min(160px, 35%); margin-top: -5px; }
    .viewer-side .talk-form {
      position: sticky; bottom: 0; z-index: 3; flex-shrink: 0;
      background: color-mix(in srgb, var(--ink) 6%, var(--panel));
      border-color: color-mix(in srgb, var(--ink) 10%, var(--panel));
      box-shadow: 0 22px 0 30px var(--panel);
    }
  }
  @media (max-width: 900px) {
    .talk-form .emojibtn { display: none !important; }
    html.in-reel .reel-track.talking .slide.m-on .slide-side .talk { min-height: 0; }
    html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-form { margin-top: auto; }
    .msheet-body { padding: 6px 20px calc(20px + env(safe-area-inset-bottom, 0px)); gap: 14px; }
    :root[data-theme="dark"] .msheet-body { background: #161618; }
    .mme-face { width: 48px !important; height: 48px !important; }
    .mme-who b { font-size: 19px; letter-spacing: -.02em; }
    .mme-who span { font-size: 12.5px; }
    .mme-cta { height: 42px; font-size: 14px; gap: 8px; }
    .mme-cta svg, .mme-cta .dlogo { width: 19px !important; height: 19px !important; }
    .mme-cards { gap: 8px; }
    .mme-card, .mme-card.dark, :root[data-theme="dark"] .mme-card.dark {
      padding: 12px 14px; border-radius: 16px; gap: 3px;
      background: color-mix(in srgb, var(--ink) 6%, transparent); color: var(--ink);
    }
    .mme-card b { font-size: 22px; letter-spacing: -.03em; }
    .mme-card span, .mme-card.dark span { font-size: 12px; color: var(--soft); }
    .mme-links { gap: 0; border-radius: 16px; overflow: hidden; background: color-mix(in srgb, var(--ink) 5%, transparent); }
    .mme-links button {
      min-height: 52px; padding: 8px 16px; border-radius: 0; background: transparent;
      border-bottom: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
    }
    .mme-links button:last-child { border-bottom: 0; }
    .mme-links button.quiet { min-height: 46px; font: 600 14px/1 var(--sans); }
    .mme-line { display: grid; gap: 3px; text-align: left; }
    .mme-line b { font: 600 15px/1.2 var(--sans); }
    .mme-line small { font: 400 12px/1.3 var(--sans); color: var(--soft); }
  }

  @media (max-width: 900px) {
    #mbar.mbar, :root[data-theme="dark"] #mbar.mbar, html.in-reel #mbar.mbar {
      isolation: isolate; overflow: visible; border: 0;
      background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02) 55%, rgba(255, 255, 255, .05)), rgba(24, 24, 28, .44);
      -webkit-backdrop-filter: blur(18px) saturate(190%) brightness(1.04); backdrop-filter: blur(18px) saturate(190%) brightness(1.04);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .22),
        inset 0 -1px 0 rgba(255, 255, 255, .06),
        inset 0 0 18px rgba(255, 255, 255, .05),
        0 10px 30px rgba(0, 0, 0, .38),
        0 2px 8px rgba(0, 0, 0, .2);
    }
    :root:not([data-theme="dark"]):not(.in-reel) #mbar.mbar {
      background: linear-gradient(180deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .34) 55%, rgba(255, 255, 255, .5)), rgba(255, 255, 255, .22);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .9),
        inset 0 -1px 0 rgba(255, 255, 255, .4),
        inset 0 0 18px rgba(255, 255, 255, .35),
        0 10px 30px rgba(0, 0, 0, .14),
        0 2px 8px rgba(0, 0, 0, .06);
    }
    #mbar.mbar::before {
      content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1.2px; pointer-events: none;
      background: conic-gradient(from 210deg at 50% 50%,
        rgba(255, 255, 255, .7), rgba(255, 255, 255, .12) 18%, rgba(255, 255, 255, .05) 32%, rgba(255, 255, 255, .16) 45%,
        rgba(255, 255, 255, .62) 52%, rgba(255, 255, 255, .1) 68%, rgba(255, 255, 255, .05) 82%, rgba(255, 255, 255, .7));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
      mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
    }
    :root:not([data-theme="dark"]):not(.in-reel) #mbar.mbar::before {
      background: conic-gradient(from 210deg at 50% 50%,
        rgba(255, 255, 255, 1), rgba(255, 255, 255, .5) 18%, rgba(0, 0, 0, .06) 32%, rgba(255, 255, 255, .5) 45%,
        rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, .45) 68%, rgba(0, 0, 0, .06) 82%, rgba(255, 255, 255, 1));
    }
    #mbar .mtab.on, :root[data-theme="dark"] #mbar .mtab.on, html.in-reel #mbar .mtab.on {
      background: rgba(255, 255, 255, .14); box-shadow: none;
    }
    :root:not([data-theme="dark"]):not(.in-reel) #mbar .mtab.on { background: rgba(0, 0, 0, .07); box-shadow: none; }
    #mbar .mtab.mpost .mloop { width: 32px; height: 16px; color: var(--red); filter: drop-shadow(0 0 6px color-mix(in srgb, var(--red) 45%, transparent)); }
    html.in-reel .reel-track.talking .slide.m-on .slide-side {
      left: 8px !important; right: 8px !important; bottom: 8px !important; border-radius: 28px !important;
    }
    html.in-reel .reel-track.talking .slide.m-on .player {
      --avail: calc(100dvh - var(--tabh) - 28px - env(safe-area-inset-bottom, 0px) - var(--sheeth) - env(safe-area-inset-top, 0px) - 20px);
    }
    html.kb-open.in-reel .reel-track.talking .slide.m-on .slide-side {
      bottom: max(8px, calc(var(--kb, 0px) - var(--tabh) - 20px - env(safe-area-inset-bottom, 0px))) !important;
    }
  }

  .reelamb { display: none; }
  @media (min-width: 901px) {
    .reel-track .slide { position: relative; }
    .reel-track .slide > .stage-wrap { position: relative; z-index: 1; }
  }
  @media (min-width: 901px) {
    .reel-wrap {
      isolation: isolate; color: var(--ink);
      --paper: var(--ud-paper, #0f1113); --bone: var(--ud-bone, #16181b); --panel: var(--ud-panel, #0c0d0f); --edge: var(--ud-edge, #2b2e33); --hair: var(--ud-hair, #1f2226);
      --ink: #ffffff; --soft: #b4b4b4; --chip: rgba(0, 0, 0, .86); --chip-ink: #ffffff;
      color-scheme: dark;
    }
    .reelamb {
      display: block; position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: 12px;
      background: #050505; pointer-events: none; contain: strict; clip-path: inset(0 round 12px);
    }
    .reelamb[hidden] { display: none !important; }
    .reelamb canvas {
      position: absolute; left: -10%; top: -10%; width: 120%; height: 120%; max-width: none; max-height: none; display: block;
      opacity: 0; transition: opacity .6s ease;
    }
    .reelamb canvas.on { opacity: 1; }
    .reel-wrap > .reel-track { position: relative; z-index: 1; background: transparent; }
  }
  @media (prefers-reduced-motion: reduce) { .reelamb canvas { transition: none; } }


  @media (max-width: 900px) {
    .mme-app { display: grid; gap: 12px; padding: 14px; border-radius: 16px; background: color-mix(in srgb, var(--ink) 5%, transparent); }
    .mme-apphead { display: grid; gap: 3px; }
    .mme-apphead b { font: 700 15px/1.2 var(--sans); }
    .mme-apphead span { font: 400 12px/1.4 var(--sans); color: var(--soft); }
    .mme-icons { display: flex; gap: 10px; }
    .mme-icon {
      display: flex; align-items: center; gap: 10px; flex: 1 1 0; min-width: 0; padding: 8px 12px 8px 8px; border-radius: 14px;
      border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); background: transparent; color: inherit; cursor: pointer;
      font: 600 13px/1 var(--sans); transition: border-color .15s ease, background-color .15s ease;
    }
    .mme-icon img { width: 40px; height: 40px; border-radius: 10px; display: block; box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent); }
    .mme-icon[aria-pressed="true"] { border-color: var(--red); background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); }
    .mme-install {
      height: 40px; border: 0; border-radius: 999px; background: var(--ink); color: var(--paper);
      font: 700 14px/1 var(--sans); cursor: pointer;
    }
    .mme-steps { margin: 0; padding: 0 0 0 18px; display: grid; gap: 7px; font: 400 13px/1.45 var(--sans); color: var(--ink); }
    .mme-steps li::marker { color: var(--soft); font-weight: 700; }
    .mme-steps i { display: inline-grid; place-items: center; width: 22px; height: 22px; vertical-align: -6px; margin: 0 2px; border-radius: 6px; background: color-mix(in srgb, var(--ink) 9%, transparent); font-style: normal; }
    .mme-steps i svg { width: 15px; height: 15px; }
    .mme-appnote { margin: 0; font: 400 12.5px/1.45 var(--sans); color: var(--soft); }
  }

  .homehead { display: none; }

  #submitDialog {
    width: min(580px, calc(100vw - 32px)); border-radius: 22px; overflow: hidden; color: var(--ink);
    background: color-mix(in srgb, var(--panel) 78%, transparent);
    -webkit-backdrop-filter: blur(26px) saturate(170%); backdrop-filter: blur(26px) saturate(170%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--ink) 9%, transparent), 0 30px 70px -20px rgba(0, 0, 0, .55);
  }
  :root[data-theme="dark"] #submitDialog { background: rgba(22, 22, 24, .74); }
  #submitDialog::backdrop { background: rgba(0, 0, 0, .5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
  #submitDialog .sheet { padding: 26px 26px 22px; }
  #submitDialog input[type="url"], #submitDialog input[type="text"] {
    border-radius: 12px; border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
    background: color-mix(in srgb, var(--ink) 5%, transparent);
  }
  #submitDialog .row { display: flex; justify-content: flex-end; }
  #submitDialog .btn.sendloop {
    position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 18px 0 14px;
    border: 0; border-radius: 14px; color: #fff; letter-spacing: .06em; font-size: 12px;
    background: radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, color-mix(in srgb, var(--red) 88%, #fff), color-mix(in srgb, var(--red) 84%, #000));
    box-shadow: inset 0 0 12px color-mix(in srgb, color-mix(in srgb, var(--red) 79%, #fff) 35%, transparent), 0 0 9px -4px color-mix(in srgb, var(--red) 65%, transparent), 0 2px 6px rgba(0, 0, 0, .25);
  }
  #submitDialog .btn.sendloop::before {
    content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1px; pointer-events: none;
    background: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--red) 12%, #fff) 100%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 64%, #fff) 60%, transparent) 40%, color-mix(in srgb, color-mix(in srgb, var(--red) 82%, #fff) 25%, transparent) 75%, color-mix(in srgb, color-mix(in srgb, var(--red) 61%, #fff) 50%, transparent));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  }
  #submitDialog .btn.sendloop svg { width: 26px; height: 13px; flex: none; }
  #submitDialog .btn.sendloop:hover:not([disabled]) { filter: brightness(1.06); }
  #submitForm.sent > :not(.sentcard) { display: none !important; }
  .dupnote { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px; color: var(--red); font-size: 13px; font-weight: 600; }
  .dupnote[hidden] { display: none; }
  .dupview {
    height: 30px; padding: 0 12px; border: 0; border-radius: 10px; cursor: pointer; font: 600 12px/1 var(--sans); color: var(--ink);
    background: color-mix(in srgb, var(--ink) 8%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent);
  }
  .dupview:hover { background: color-mix(in srgb, var(--ink) 14%, transparent); }
  .sentcard { display: grid; justify-items: center; gap: 10px; padding: 18px 8px 6px; text-align: center; }
  .sentcard[hidden] { display: none; }
  .sent-mark {
    width: 64px; height: 64px; display: grid; place-items: center; border-radius: 18px; color: #fff; margin-bottom: 4px;
    background: radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, color-mix(in srgb, var(--red) 88%, #fff), color-mix(in srgb, var(--red) 84%, #000));
    box-shadow: inset 0 0 14px color-mix(in srgb, color-mix(in srgb, var(--red) 79%, #fff) 40%, transparent), 0 0 14px -4px color-mix(in srgb, var(--red) 70%, transparent);
    animation: sentpop .5s cubic-bezier(.34, 1.4, .5, 1) both;
  }
  .sent-mark svg { width: 34px; height: 17px; }
  .sentcard h3 { margin: 0; font: 800 22px/1.15 var(--sans); letter-spacing: -.02em; color: var(--ink); }
  .sentcard p { margin: 0; max-width: 360px; color: var(--soft); font: 400 13.5px/1.5 var(--sans); }
  .sent-acts { display: flex; gap: 10px; margin-top: 10px; }
  .sent-btn {
    height: 42px; padding: 0 18px; border-radius: 13px; cursor: pointer; font: 700 13px/1 var(--sans); color: var(--ink);
    border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent); background: color-mix(in srgb, var(--ink) 6%, transparent);
  }
  .sent-btn.primary { color: #fff; border-color: transparent; background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8); }
  @keyframes sentpop { from { opacity: 0; transform: scale(.6) rotate(-12deg); } to { opacity: 1; transform: none; } }
  @media (prefers-reduced-motion: reduce) { .sent-mark { animation: none; } }
  .rt-full { display: none; }
  @media (max-width: 900px) {
    .rt-full {
      grid-column: 1; justify-self: start; width: 40px; height: 40px; display: grid; place-items: center;
      border: 0; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .45));
    }
    .rt-full svg { width: 24px; height: 24px; }
  }
  html.reel-full #mbar, html.reel-full .topbar { display: none !important; }
  html.reel-full.in-reel .reel-track { height: 100dvh !important; }
  html.reel-full .reelline { bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; }
  html.reel-full .reeltop { padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important; }
  html.reel-full .rt-full, html.reel-full .reeltop .rt-filter { display: grid; }
  html.reel-full.in-reel .rail { bottom: 48px; }
  @media (orientation: landscape) and (max-height: 500px) {
    html.in-reel .rail, html.reel-full.in-reel .rail { top: calc(64px + env(safe-area-inset-top, 0px)) !important; bottom: auto !important; gap: 4px; }
    html.in-reel .railbtn b { font-size: 10px; }
  }
  @media (orientation: landscape) and (max-height: 500px) and (pointer: coarse) {
    html:not(.reel-full):not(.native-full) body::before {
      content: 'Turn your phone upright. Use full screen to watch sideways.';
      position: fixed; inset: 0; z-index: 500; display: grid; place-items: center; align-content: center; gap: 14px;
      padding: 120px 40px 40px; text-align: center; background: var(--paper) 50% calc(50% - 30px) / 64px 64px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23e8291f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='15' y='6' width='18' height='32' rx='4'/%3E%3Cpath d='M21 33h6'/%3E%3Cpath d='M38 26a14 14 0 0 1-9 13M10 22a14 14 0 0 1 9-13'/%3E%3Cpath d='m26 38 3 1-1 3M22 10l-3-1 1-3'/%3E%3C/svg%3E");
      color: var(--ink); font: 600 16px/1.45 var(--sans);
    }
    html:not(.reel-full):not(.native-full) body > * { visibility: hidden; }
  }

  @media (max-width: 900px) {
    .jdeck { --jw: max(210px, min(66vw, 470px, calc((100dvh - 390px) / 1.4))); }
    .jdeck, :root[data-theme="dark"] .jdeck {
      --deckbg: transparent; margin-left: -16px; margin-right: -16px; border-radius: 0; background: transparent;
    }
    .jdeck::after { display: none; }
    body.in-judges .stage {
      display: flex; flex-direction: column; justify-content: center;
      min-height: calc(100dvh - env(safe-area-inset-top, 0px) - 10px - var(--tabh) - 34px - env(safe-area-inset-bottom, 0px));
      padding-top: 0 !important; padding-bottom: 12px !important;
    }
    body.in-judges .stage > [hidden] { display: none !important; }
    body.in-judges #judgesBody .jdeck { flex: none; height: calc(var(--jw) * 1.4 + 76px); }
    .mme-show {
      justify-self: start; height: 34px; padding: 0 14px; border-radius: 10px; cursor: pointer;
      border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent); background: transparent; color: inherit;
      font: 600 13px/1 var(--sans);
    }
    .apppoint {
      position: fixed; z-index: 600; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px;
      background: var(--red); color: #fff; font: 700 14px/1.3 var(--sans); box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
      animation: appoint 1.2s ease-in-out infinite alternate;
    }
    .apppoint .ap-arrow svg { width: 22px; height: 22px; display: block; }
    .apppoint.bottom-center { left: 50%; bottom: calc(86px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); }
    .apppoint.bottom-right { right: 14px; bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
    .apppoint.top-right { right: 14px; top: calc(14px + env(safe-area-inset-top, 0px)); flex-direction: row-reverse; }
    .apppoint.top-right .ap-arrow { transform: rotate(180deg); }
    @keyframes appoint { from { margin-bottom: 0; margin-top: 0; } to { margin-bottom: -6px; margin-top: -6px; } }
  }
  .mback { display: none; }
  @media (max-width: 900px) {
    .shell > .topbar { display: none !important; }
    .mback {
      position: fixed; z-index: 70; left: 12px; top: calc(10px + env(safe-area-inset-top, 0px)); width: 40px; height: 40px;
      display: none; place-items: center; border: 0; border-radius: 50%; cursor: pointer; color: #fff;
      background: rgba(24, 24, 28, .5); -webkit-backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 6px 18px rgba(0, 0, 0, .3);
    }
    .mback svg { width: 22px; height: 22px; }
    body.in-sub .mback { display: grid; }
    body.in-sub .stage { padding-top: calc(56px + env(safe-area-inset-top, 0px)) !important; }
    :root:not([data-theme="dark"]):not(.in-reel) #mbar.mbar {
      background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02) 55%, rgba(255, 255, 255, .05)), rgba(18, 18, 20, .86);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -1px 0 rgba(255, 255, 255, .06), 0 10px 30px rgba(0, 0, 0, .28);
    }
    :root:not([data-theme="dark"]):not(.in-reel) #mbar.mbar::before {
      background: conic-gradient(from 210deg at 50% 50%, rgba(255, 255, 255, .7), rgba(255, 255, 255, .12) 18%, rgba(255, 255, 255, .05) 32%,
        rgba(255, 255, 255, .16) 45%, rgba(255, 255, 255, .62) 52%, rgba(255, 255, 255, .1) 68%, rgba(255, 255, 255, .05) 82%, rgba(255, 255, 255, .7));
    }
    :root:not([data-theme="dark"]):not(.in-reel) #mbar .mtab { color: rgba(255, 255, 255, .88); }
    :root:not([data-theme="dark"]):not(.in-reel) #mbar .mtab.on { background: rgba(255, 255, 255, .14); color: #fff; }
    .masthead { display: none !important; }
    body[data-mview="viewGrid"]:not(.in-search) #about .homehead { margin-top: 18px; }
    .mme-follow { display: grid; gap: 12px; padding: 14px 16px; border-radius: 16px; background: color-mix(in srgb, var(--ink) 5%, transparent); }
    .mme-socials { display: flex; gap: 10px; }
    .mme-socials a {
      width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px;
      background: color-mix(in srgb, var(--ink) 8%, transparent); color: var(--ink);
    }
    .mme-socials a svg { width: 19px; height: 19px; }
    .mme-credit { margin: 0; font: 400 12px/1.4 var(--sans); color: var(--soft); }
    .mme-credit .aco { color: var(--ink); }
    body[data-mview="viewGrid"]:not(.in-search) .homehead {
      display: block; margin: 40px 0 14px; text-align: center; color: var(--red);
      font: 800 30px/1.05 var(--sans); letter-spacing: -.02em;
    }
    body[data-mview="viewGrid"]:not(.in-search) #about { margin-top: 8px; }
    body[data-mview="viewGrid"]:not(.in-search) .stage { display: flex; flex-direction: column; }
    body[data-mview="viewGrid"]:not(.in-search) #about { order: 1; }
    body[data-mview="viewGrid"]:not(.in-search) #judgesView { order: 2; padding-bottom: 20px; }
    body[data-mview="viewGrid"]:not(.in-search) .stage > .stagehead,
    body[data-mview="viewGrid"]:not(.in-search) #grid,
    body[data-mview="viewGrid"]:not(.in-search) #emptyState { display: none !important; }
    .shell { padding-top: calc(env(safe-area-inset-top, 0px) + 10px); }
    html.in-reel .shell, body.in-search .shell { padding-top: 0; }
    .jdeck .jspot {
      top: 50%; width: 150%; height: 92%; transform: translate(-50%, -50%); opacity: .95; filter: blur(26px);
      background: radial-gradient(closest-side, color-mix(in srgb, var(--spot) 78%, transparent) 0%, color-mix(in srgb, var(--spot) 30%, transparent) 50%, transparent 100%);
    }
    :root:not([data-theme="dark"]) .jdeck .jspot { opacity: .5; }
    .mme-card b { display: inline-flex; align-items: center; gap: 6px; }
    .mme-star { display: inline-grid; color: var(--red); }
    .mme-star svg { width: 18px; height: 18px; }
    .mme-appear {
      display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 8px 12px 8px 16px;
      border-bottom: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
    }
    .mme-appear:last-child { border-bottom: 0; }
    .mme-seg { display: inline-flex; flex: none; padding: 3px; gap: 2px; border-radius: 12px; background: color-mix(in srgb, var(--ink) 12%, transparent); }
    .mme-seg button {
      width: 40px; height: 30px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 8px;
      background: transparent; color: var(--soft); cursor: pointer; transition: background-color .15s ease, color .15s ease;
    }
    .mme-seg button svg { width: 17px; height: 17px; display: block; }
    .mme-seg button[aria-pressed="true"] { background: #ffffff; color: #121212; box-shadow: 0 1px 3px rgba(0, 0, 0, .22); }
    :root[data-theme="dark"] .mme-seg button[aria-pressed="true"] { background: rgba(255, 255, 255, .16); color: #fff; }
  }
  @media (max-width: 900px) and (prefers-reduced-transparency: reduce) {
    #mbar.mbar, :root[data-theme="dark"] #mbar.mbar, html.in-reel #mbar.mbar { background: var(--paper); -webkit-backdrop-filter: none; backdrop-filter: none; }
  }
  .lp-hero, .lp-judges { display: none; }
  .lp-sr { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
  @media (max-width: 900px) {
    body[data-mview="viewGrid"]:not(.in-search):not(.in-sub):not(.in-admin) .lp-hero { display: flex; }
    body[data-mview="viewGrid"]:not(.in-search):not(.in-sub):not(.in-admin) .lp-judges.is-on { display: block; }
    .lp-hero {
      --lp-x: 16px; --lp-lap: 210px; --lp-ease: cubic-bezier(.22, 1, .36, 1);
      order: -1; position: relative; isolation: isolate; flex-direction: column; justify-content: flex-end; min-width: 0; min-height: 100svh;
      margin: calc(-16px - env(safe-area-inset-top, 0px)) -16px 0; padding: calc(150px + env(safe-area-inset-top, 0px)) 0 0;
      overflow: hidden; color: #fff; text-align: left;
    }
    .lp-hero :where(p, h2) { margin: 0; }
    .lp-film { position: absolute; left: 0; right: 0; top: 0; z-index: -1; height: calc(var(--lp-top, 50svh) + var(--lp-lap)); overflow: hidden; background: #0a0a0b; }
    .lp-film img, .lp-film video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: none; display: block; object-fit: cover; pointer-events: none; }
    .lp-film img:not([src]) { visibility: hidden; }
    .lp-film video { opacity: 0; transition: opacity .7s ease; }
    .lp-film video.on { opacity: 1; }
    .lp-film .lp-top { opacity: 0; transition: opacity .55s ease; }
    .lp-film .lp-top.on { opacity: 1; }
    .lp-shade {
      position: absolute; inset: 0;
      background:
        linear-gradient(180deg, rgba(0, 0, 0, .46) 0, rgba(0, 0, 0, 0) 140px),
        linear-gradient(0deg, var(--paper) 0, rgba(0, 0, 0, 0) 150px),
        linear-gradient(0deg, rgba(0, 0, 0, .58) var(--lp-lap), rgba(0, 0, 0, .28) calc(var(--lp-lap) + 90px), rgba(0, 0, 0, 0) calc(var(--lp-lap) + 220px)),
        rgba(0, 0, 0, .1);
    }

    .lp-sheet {
      position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: stretch; min-width: 0;
      padding: 0 0 calc(62px + 10px + 24px + 34px);
      --ink: #ffffff; --soft: rgba(255, 255, 255, .64); color: var(--ink);
    }
    .lp-sheet::before {
      content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
      background: linear-gradient(180deg, rgba(18, 18, 20, .32) 0, rgba(12, 12, 13, .56) 130px, rgba(6, 6, 7, .88) 270px, var(--paper) 420px);
      -webkit-backdrop-filter: blur(30px) saturate(.75) brightness(.8); backdrop-filter: blur(30px) saturate(.75) brightness(.8);
      -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .08) 18px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .6) 64px, rgba(0, 0, 0, .86) 86px, #000 104px);
      mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .08) 18px, rgba(0, 0, 0, .3) 40px, rgba(0, 0, 0, .6) 64px, rgba(0, 0, 0, .86) 86px, #000 104px);
    }

    .lp-nowrow { position: absolute; z-index: 5; left: var(--lp-x); right: var(--lp-x); bottom: calc(100% + 18px); display: flex; align-items: flex-end; }
    .lp-hero:not(.lp-ready) .lp-nowrow { visibility: hidden; }
    .lp-now {
      display: grid; justify-items: start; gap: 7px; min-width: 0; max-width: 100%; margin: 0; padding: 4px 6px 4px 0; border: 0; border-radius: 12px;
      background: none; cursor: pointer; text-align: left; color: rgba(255, 255, 255, .76); font: 800 9.5px/1 var(--sans); letter-spacing: .24em; text-transform: uppercase;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .55), 0 2px 14px rgba(0, 0, 0, .5); -webkit-tap-highlight-color: transparent;
    }
    .lp-now[hidden] { display: none; }
    .lp-now b {
      display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
      color: #fff; font: 800 22px/1.1 var(--sans); letter-spacing: -.025em; text-transform: none;
    }
    .lp-now.lp-swap b { animation: lpSwap .6s var(--lp-ease) both; }
    @keyframes lpSwap { from { opacity: 0; transform: translate3d(0, 6px, 0); } to { opacity: 1; transform: none; } }
    .lp-now:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

    .lp-strip {
      position: relative; display: block; --lp-h: 100px; --lp-gap: 10px; --lp-pad: 16px;
      height: calc(var(--lp-h) + 30px); margin: 0 0 -18px; padding: 0; overflow-x: auto; overflow-y: hidden;
      scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scroll-behavior: auto;
      -webkit-mask-image: linear-gradient(90deg, transparent calc(var(--lp-pad) - 9px), #000 calc(var(--lp-pad) - 5px), #000 calc(100% - var(--lp-pad) + 5px), transparent calc(100% - var(--lp-pad) + 9px));
      mask-image: linear-gradient(90deg, transparent calc(var(--lp-pad) - 9px), #000 calc(var(--lp-pad) - 5px), #000 calc(100% - var(--lp-pad) + 5px), transparent calc(100% - var(--lp-pad) + 9px));
    }
    .lp-strip::-webkit-scrollbar { display: none; }
    .lp-track { position: relative; height: 100%; }
    .lp-sitem {
      position: absolute; top: 6px; left: 0; width: 46px; height: var(--lp-h); margin: 0; padding: 0; border: 0; border-radius: 14px; overflow: hidden; cursor: pointer;
      background: #161618; box-shadow: 0 12px 24px -16px rgba(0, 0, 0, .95); transition: transform .45s var(--lp-ease); -webkit-tap-highlight-color: transparent;
    }
    .lp-sitem img {
      position: absolute; left: var(--il, 0%); top: var(--it, 0%); width: var(--iw, 100%); height: var(--ih, 100%); max-width: none;
      display: block; object-fit: cover; pointer-events: none; -webkit-user-select: none; user-select: none; -webkit-user-drag: none;
    }
    .lp-sitem::after {
      content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none;
      background: rgba(0, 0, 0, .26); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09), inset 0 1px 0 rgba(255, 255, 255, .14);
      transition: background-color .35s ease;
    }
    .lp-sitem[aria-pressed="true"]::after { background: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px var(--red); }
    .lp-sitem:active { transform: scale(.96); }
    .lp-sitem:focus-visible { outline: none; }
    .lp-sitem:focus-visible::after { box-shadow: inset 0 0 0 2px #fff; }

    .lp-word { display: flex; align-items: center; width: max-content; max-width: 100%; margin: 20px var(--lp-x) 0; color: var(--ink); font: 800 31px/1 var(--sans); letter-spacing: -.045em; white-space: nowrap; }
    .lp-count { position: relative; margin: 16px var(--lp-x) 0; display: grid; grid-template-columns: minmax(max-content, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: end; }
    .lp-days {
      grid-column: 1; grid-row: 1 / span 2; align-self: end; display: block; margin: 0 0 -.035em -.05em; padding-right: .08em;
      font: 700 min(38vw, 150px)/.74 var(--num); letter-spacing: -.075em; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap;
    }
    :root[data-theme="dark"] .lp-days {
      background: linear-gradient(180deg, #ffffff 34%, color-mix(in srgb, var(--red) 22%, #fff) 78%, color-mix(in srgb, var(--red) 62%, #fff) 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
      filter: drop-shadow(0 18px 60px color-mix(in srgb, var(--red) 35%, transparent));
    }
    .lp-days.is-done { grid-column: 1 / span 2; grid-row: 1; margin-bottom: 0; font-size: min(13vw, 54px); letter-spacing: -.05em; line-height: .9; }
    .lp-unit { grid-column: 2; grid-row: 1; align-self: end; display: grid; gap: 4px; padding: 0 0 12px; color: var(--ink); font: 800 16px/1.12 var(--sans); letter-spacing: -.01em; white-space: nowrap; }
    .lp-unit i { display: block; font-style: normal; }
    .lp-unit i + i { color: color-mix(in srgb, var(--red) 81%, #fff); }
    .lp-hms {
      position: relative; grid-column: 2; grid-row: 2; justify-self: stretch; align-self: end; display: flex; align-items: flex-start; justify-content: center; gap: 7px;
      margin: 0; padding: 9px 12px 8px; border-radius: 12px;
      background: radial-gradient(120% 90% at 50% 0, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 62%), rgba(255, 255, 255, .045);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .055);
    }
    .lp-hms.is-off { display: none; }
    .lp-hms::before, .lp-tile::before {
      content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
      background: var(--lp-rim, radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .34), rgba(255, 255, 255, .08) 58%, rgba(255, 255, 255, 0) 86%));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
      mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
    }
    .lp-t { display: grid; justify-items: center; gap: 5px; min-width: 30px; }
    .lp-t b { color: var(--ink); font: 700 19px/1 var(--num); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
    .lp-t small { color: var(--soft); font: 700 7.5px/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; }
    .lp-hms > i { padding-top: 2px; color: color-mix(in srgb, var(--red) 81%, #fff); font: 700 15px/1 var(--num); font-style: normal; }

    .lp-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 22px var(--lp-x) 0; }
    .lp-tile {
      position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 11px; min-width: 0; height: 56px; margin: 0; padding: 0 14px 0 16px; border: 0; border-radius: 14px;
      cursor: pointer; text-align: left; color: #fff; font: 800 14.5px/1.15 var(--sans); letter-spacing: -.012em;
      transition: transform .5s var(--lp-ease); -webkit-tap-highlight-color: transparent;
    }
    .lp-tile span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .lp-tile svg { display: block; flex: none; }
    .lp-tile .lp-tloop { width: 28px; height: 14px; }
    .lp-tile .lp-tplay { width: 22px; height: 22px; }
    .lp-tile.is-red {
      --lp-rim: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--red) 12%, #fff) 100%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 64%, #fff) 70%, transparent) 38%, color-mix(in srgb, color-mix(in srgb, var(--red) 82%, #fff) 34%, transparent) 72%, color-mix(in srgb, color-mix(in srgb, var(--red) 61%, #fff) 60%, transparent));
      background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8);
      box-shadow: inset 0 0 12px color-mix(in srgb, color-mix(in srgb, var(--red) 79%, #fff) 40%, transparent), inset 0 -6px 12px -6px rgba(90, 0, 0, .3), 0 0 9px -4px color-mix(in srgb, var(--red) 65%, transparent), 0 2px 6px -1px rgba(0, 0, 0, .45);
      transition: transform .5s var(--lp-ease), box-shadow .25s ease, background .25s ease;
    }
    .lp-tile.is-glass {
      --lp-rim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .34), rgba(255, 255, 255, .08) 58%, rgba(255, 255, 255, .03) 86%);
      background: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, rgba(30, 30, 30, .66), rgba(16, 16, 16, .6)), #070707;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 1px 2px rgba(0, 0, 0, .4), 0 8px 18px -10px rgba(0, 0, 0, .8);
      transition: transform .5s var(--lp-ease), box-shadow .25s ease;
    }
    .lp-tile:active { transform: scale(.97); }
    .lp-tile.is-red:active {
      background: linear-gradient(180deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .04) 52%), linear-gradient(180deg, #78c8ff, var(--red) 45%, #0a63bd);
      box-shadow: inset 0 0 13px color-mix(in srgb, color-mix(in srgb, var(--red) 73%, #fff) 46%, transparent), inset 0 -6px 12px -6px rgba(90, 0, 0, .26), 0 0 10px 2px color-mix(in srgb, var(--red) 24%, transparent), 0 0 24px 4px color-mix(in srgb, var(--red) 32%, transparent);
    }
    .lp-tile.is-glass .lp-tplay { color: var(--red); }
    .lp-tile.is-glass:active { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 10px 2px rgba(255, 255, 255, .07), 0 0 22px 4px rgba(255, 255, 255, .08); }
    .lp-tile:focus-visible, .lp-jcard:focus-visible { outline: 2px solid rgba(255, 255, 255, .7); outline-offset: 3px; }

    .lp-judges {
      position: relative; isolation: isolate; order: 2; margin: 30px 0 0; padding: 20px 12px 12px; border-radius: 26px; overflow: hidden;
      color: var(--ink); --ink: #ffffff; --soft: rgba(255, 255, 255, .62); --lp-ease: cubic-bezier(.22, 1, .36, 1);
      background:
        radial-gradient(110% 130px at 50% 0, rgba(255, 255, 255, .075), rgba(255, 255, 255, 0) 100%),
        linear-gradient(180deg, rgba(27, 27, 30, .92) 0%, rgba(15, 15, 17, .92) 100%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    }
    .lp-judges::before {
      content: ""; position: absolute; inset: 0; z-index: 4; border-radius: inherit; padding: 1px; pointer-events: none;
      background: radial-gradient(70% 140px at 50% 0, rgba(255, 255, 255, .42), rgba(255, 255, 255, .1) 55%, rgba(255, 255, 255, .03) 100%);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
      mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
    }
    .lp-jhead { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 14px; text-align: center; }
    .lp-jhead h2 { margin: 0; color: var(--ink); font: 800 26px/1 var(--sans); letter-spacing: -.035em; }
    .lp-jgrid {
      display: flex; margin: 0 -12px -12px; padding: 0 0 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
      scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch;
    }
    .lp-jgrid::-webkit-scrollbar { display: none; }
    .lp-jgrid.is-drag { scroll-snap-type: none; cursor: grabbing; -webkit-user-select: none; user-select: none; }
    .lp-jpage {
      flex: 0 0 100%; min-width: 0; box-sizing: border-box; padding: 0 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
      align-content: start; scroll-snap-align: start; scroll-snap-stop: always;
    }
    .lp-jcard {
      position: relative; isolation: isolate; aspect-ratio: 4 / 4.8; min-width: 0; margin: 0; padding: 0 12px 12px; border: 0; border-radius: 16px; overflow: hidden;
      display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 5px; text-align: left; cursor: pointer; color: #fff;
      background: radial-gradient(130% 90% at 50% 0%, color-mix(in srgb, var(--jc, var(--red)) 46%, #0c0c0d), #0c0c0d 78%);
      box-shadow: 0 18px 32px -22px rgba(0, 0, 0, .95); transition: transform .45s var(--lp-ease); -webkit-tap-highlight-color: transparent;
    }
    .lp-jcard .jbg { position: absolute; inset: 0; z-index: 0; border-radius: inherit; width: 100%; height: 100%; max-width: none; object-fit: cover; pointer-events: none; }
    .lp-jcard .jbgshade { position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, .3) 58%, rgba(0, 0, 0, .82) 100%); }
    .lp-jcard .jytslot { display: none; }
    .lp-jtint { position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none; background: radial-gradient(120% 46% at 50% 112%, color-mix(in srgb, var(--jc, var(--red)) 42%, transparent), transparent 72%); }
    .lp-jcard::after {
      content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; pointer-events: none;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09), inset 0 1px 0 rgba(255, 255, 255, .2);
    }
    .lp-jcard b { position: relative; z-index: 2; max-width: 100%; overflow-wrap: anywhere; font: 800 17px/1.12 var(--sans); letter-spacing: -.025em; text-shadow: 0 1px 10px rgba(0, 0, 0, .5); }
    .lp-jcard em { position: relative; z-index: 2; color: rgba(255, 255, 255, .8); font: 700 9px/1.2 var(--sans); font-style: normal; letter-spacing: .2em; text-transform: uppercase; }
    .lp-jcard:active { transform: scale(.97); }

    :root:not([data-theme="dark"]) .lp-shade {
      background:
        linear-gradient(180deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, 0) 140px),
        linear-gradient(0deg, var(--paper) 0, rgba(0, 0, 0, 0) 190px),
        linear-gradient(0deg, rgba(0, 0, 0, .42) var(--lp-lap), rgba(0, 0, 0, .2) calc(var(--lp-lap) + 90px), rgba(0, 0, 0, 0) calc(var(--lp-lap) + 220px));
    }
    :root:not([data-theme="dark"]) .lp-sheet { --ink: #141416; --soft: #6c6c73; }
    :root:not([data-theme="dark"]) .lp-sheet::before {
      background: linear-gradient(180deg, color-mix(in srgb, var(--paper) 46%, transparent) 0, color-mix(in srgb, var(--paper) 78%, transparent) 130px, color-mix(in srgb, var(--paper) 95%, transparent) 250px, var(--paper) 360px);
      -webkit-backdrop-filter: blur(30px) saturate(1.1); backdrop-filter: blur(30px) saturate(1.1);
    }
    :root:not([data-theme="dark"]) .lp-days { color: #141416; }
    :root:not([data-theme="dark"]) .lp-unit i + i, :root:not([data-theme="dark"]) .lp-hms > i { color: var(--red); }
    :root:not([data-theme="dark"]) .lp-hms {
      --lp-rim: radial-gradient(70% 115% at 50% 0%, #ffffff, rgba(255, 255, 255, .5) 58%, rgba(255, 255, 255, 0) 86%);
      background: radial-gradient(120% 90% at 50% 0, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0) 62%), rgba(255, 255, 255, .55);
      box-shadow: inset 0 0 0 1px rgba(20, 20, 22, .06), 0 8px 18px -12px rgba(20, 20, 22, .35);
    }
    :root:not([data-theme="dark"]) .lp-sitem { background: #dcdce0; box-shadow: 0 12px 22px -14px rgba(20, 20, 22, .55); }
    :root:not([data-theme="dark"]) .lp-sitem::after { background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .3); }
    :root:not([data-theme="dark"]) .lp-sitem[aria-pressed="true"]::after { background: rgba(255, 255, 255, 0); box-shadow: inset 0 0 0 2px var(--red); }
    :root:not([data-theme="dark"]) .lp-sitem:focus-visible::after { box-shadow: inset 0 0 0 2px #141416; }
    :root:not([data-theme="dark"]) .lp-tile.is-red {
      --lp-rim: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--red) 16%, #fff) 95%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 58%, #fff) 40%, transparent) 42%, color-mix(in srgb, color-mix(in srgb, var(--red) 65%, #fff) 8%, transparent) 74%, color-mix(in srgb, color-mix(in srgb, var(--red) 59%, #000) 30%, transparent));
      background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, color-mix(in srgb, var(--red) 88%, #fff), color-mix(in srgb, var(--red) 84%, #000));
      box-shadow: 0 1px 2px rgba(18, 18, 18, .12), 0 3px 8px -4px color-mix(in srgb, var(--red) 50%, transparent);
    }
    :root:not([data-theme="dark"]) .lp-tile.is-glass {
      --lp-rim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .42), rgba(255, 255, 255, .1) 58%, rgba(255, 255, 255, 0) 86%);
      background: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 60%), rgba(24, 24, 27, .92);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 2px rgba(18, 18, 20, .2), 0 10px 22px -12px rgba(18, 18, 20, .6);
    }
    :root:not([data-theme="dark"]) .lp-tile:focus-visible, :root:not([data-theme="dark"]) .lp-jcard:focus-visible { outline-color: #141416; }
    :root:not([data-theme="dark"]) .lp-judges {
      --ink: #141416; --soft: #6c6c73;
      background:
        radial-gradient(110% 130px at 50% 0, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .72) 0%, rgba(248, 248, 250, .6) 100%);
      box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(20, 20, 22, .05), 0 26px 54px -32px rgba(60, 14, 8, .4);
    }
    :root:not([data-theme="dark"]) .lp-judges::before { background: radial-gradient(70% 140px at 50% 0, #ffffff, rgba(255, 255, 255, .6) 55%, rgba(20, 20, 22, .05) 100%); }
    :root:not([data-theme="dark"]) .lp-jcard { box-shadow: 0 16px 28px -18px rgba(20, 20, 22, .6); }
  }
  @media (max-width: 379px) {
    .lp-strip { --lp-h: 92px; }
    .lp-acts { gap: 8px; }
    .lp-tile { padding: 0 10px 0 13px; gap: 9px; font-size: 14px; }
    .lp-tile .lp-tloop { width: 25px; height: 12.5px; }
    .lp-tile .lp-tplay { width: 20px; height: 20px; }
    .lp-count { column-gap: 8px; }
  }
  @media (min-width: 640px) and (max-width: 900px) {
    .lp-hero { --lp-x: 44px; }
    .lp-sheet { padding-bottom: calc(62px + 10px + 34px + 34px); }
    .lp-sheet > .lp-word, .lp-sheet > .lp-count, .lp-sheet > .lp-acts { max-width: 620px; }
    .lp-strip { --lp-h: 150px; --lp-gap: 14px; --lp-pad: 44px; }
    .lp-sitem { border-radius: 16px; }
    .lp-word { margin-top: 30px; font-size: 52px; }
    .lp-count { margin-top: 22px; column-gap: 14px; }
    .lp-days { font-size: 250px; }
    .lp-days.is-done { font-size: 84px; }
    .lp-unit { font-size: 23px; padding-bottom: 18px; gap: 6px; }
    .lp-hms { padding: 12px 18px 11px; gap: 12px; border-radius: 14px; }
    .lp-t { min-width: 40px; }
    .lp-t b { font-size: 28px; }
    .lp-t small { font-size: 9.5px; }
    .lp-hms > i { font-size: 22px; }
    .lp-acts { gap: 14px; margin-top: 30px; }
    .lp-tile { height: 68px; padding: 0 20px; gap: 14px; font-size: 17px; }
    .lp-tile .lp-tloop { width: 36px; height: 18px; }
    .lp-tile .lp-tplay { width: 27px; height: 27px; }
    .lp-nowrow { bottom: calc(100% + 26px); }
    .lp-now b { font-size: 30px; }
    .lp-now { font-size: 11px; }
    .lp-judges { padding: 26px 20px 20px; border-radius: 28px; }
    .lp-jhead h2 { font-size: 32px; }
    .lp-jgrid { margin: 0 -20px -20px; padding-bottom: 20px; }
    .lp-jpage { padding: 0 20px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
    .lp-jcard { padding: 0 14px 14px; }
    .lp-jcard b { font-size: 19px; }
  }
  @media (min-width: 901px) {
    :root {
      --seghead: 72px;
      --seg-blur: blur(20px) saturate(170%);
      --seg-glass: rgba(246, 245, 242, .62);
      --seg-line: rgba(18, 18, 18, .08);
      --seg-top: rgba(255, 255, 255, .8);
      --seg-shadow: 0 1px 2px rgba(18, 18, 18, .05), 0 10px 24px -12px rgba(18, 18, 18, .22);
      --seg-rim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .95), rgba(255, 255, 255, .42) 58%, rgba(255, 255, 255, .14) 86%);
      --seg-menu: rgba(244, 243, 240, .8);
      --seg-menu-shadow: 0 2px 6px rgba(18, 18, 18, .06), 0 22px 48px -18px rgba(18, 18, 18, .34);
      --seg-sep: rgba(18, 18, 18, .08);
      --seg-red: var(--red);
      --seg-ico: rgba(18, 18, 18, .56);
      --seg-ico-on: #121212;
      --seg-hov: rgba(18, 18, 18, .05);
      --seg-hov-edge: inset 0 0 0 1px rgba(18, 18, 18, .05);
      --seg-ring: rgba(18, 18, 18, .55);
      --seg-on-fill: linear-gradient(180deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0) 55%), linear-gradient(180deg, color-mix(in srgb, var(--red) 12%, transparent), color-mix(in srgb, var(--red) 7%, transparent));
      --seg-on-rim: linear-gradient(180deg, color-mix(in srgb, var(--red) 44%, transparent), color-mix(in srgb, var(--red) 18%, transparent) 50%, color-mix(in srgb, var(--red) 13%, transparent));
      --seg-on-halo: inset 0 0 10px color-mix(in srgb, var(--red) 6%, transparent), 0 0 8px -3px color-mix(in srgb, var(--red) 34%, transparent), 0 1px 2px rgba(18, 18, 18, .05);
      --seg-hv-fill: linear-gradient(180deg, rgba(18, 18, 18, .03), rgba(18, 18, 18, .05));
      --seg-hv-rim: linear-gradient(180deg, rgba(18, 18, 18, .1), rgba(18, 18, 18, .05));
      --seg-hv-halo: inset 0 0 10px color-mix(in srgb, var(--red) 0%, transparent), 0 0 8px -3px color-mix(in srgb, var(--red) 0%, transparent), 0 1px 2px rgba(18, 18, 18, 0);
      --seg-cta-fill: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, color-mix(in srgb, var(--red) 88%, #fff), color-mix(in srgb, var(--red) 84%, #000));
      --seg-cta-fill-up: linear-gradient(180deg, rgba(255, 255, 255, .26), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, color-mix(in srgb, var(--red) 85%, #fff), color-mix(in srgb, var(--red) 95%, #000));
      --seg-cta-rim: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--red) 16%, #fff) 95%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 58%, #fff) 40%, transparent) 42%, color-mix(in srgb, color-mix(in srgb, var(--red) 65%, #fff) 10%, transparent) 74%, color-mix(in srgb, color-mix(in srgb, var(--red) 59%, #000) 35%, transparent));
      --seg-cta-halo: 0 1px 2px rgba(18, 18, 18, .12), 0 3px 8px -4px color-mix(in srgb, var(--red) 50%, transparent);
      --seg-cta-halo-up: 0 1px 2px rgba(18, 18, 18, .14), 0 4px 9px -4px color-mix(in srgb, var(--red) 58%, transparent);
    }
    :root[data-theme="dark"] {
      --seg-glass: rgba(24, 24, 26, .62);
      --seg-line: rgba(255, 255, 255, .06);
      --seg-top: rgba(255, 255, 255, .05);
      --seg-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 24px -10px rgba(0, 0, 0, .75);
      --seg-rim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .34), rgba(255, 255, 255, .08) 58%, rgba(255, 255, 255, 0) 86%);
      --seg-menu: rgba(20, 20, 22, .8);
      --seg-menu-shadow: 0 2px 6px rgba(0, 0, 0, .4), 0 24px 52px -16px rgba(0, 0, 0, .85);
      --seg-sep: rgba(255, 255, 255, .07);
      --seg-red: color-mix(in srgb, var(--red) 81%, #fff);
      --seg-ico: rgba(255, 255, 255, .7);
      --seg-ico-on: #ffffff;
      --seg-hov: rgba(255, 255, 255, .06);
      --seg-hov-edge: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 0 0 1px rgba(255, 255, 255, .04);
      --seg-ring: rgba(255, 255, 255, .6);
      --seg-on-fill: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8);
      --seg-on-rim: linear-gradient(180deg, #d1f0ff, rgba(159, 220, 255, .4) 55%, rgba(159, 220, 255, .7));
      --seg-on-halo: inset 0 1px 0 rgba(255, 255, 255, .55), 0 4px 12px -4px rgba(3, 20, 50, .6), 0 0 14px -4px rgba(92, 188, 255, .6);
      --seg-hv-fill: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8);
      --seg-hv-rim: linear-gradient(180deg, #d1f0ff, rgba(159, 220, 255, .4) 55%, rgba(159, 220, 255, .7));
      --seg-hv-halo: inset 0 1px 0 rgba(255, 255, 255, .55), 0 4px 12px -4px rgba(3, 20, 50, .6), 0 0 14px -4px rgba(92, 188, 255, .6);
      --seg-cta-fill: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8);
      --seg-cta-fill-up: radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, color-mix(in srgb, var(--red) 58%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 75%, #000) 40%, transparent));
      --seg-cta-rim: linear-gradient(180deg, #d1f0ff, rgba(159, 220, 255, .4) 55%, rgba(159, 220, 255, .7));
      --seg-cta-halo: inset 0 1px 0 rgba(255, 255, 255, .55), 0 6px 18px -6px rgba(3, 20, 50, .6), 0 0 16px -4px rgba(92, 188, 255, .6);
      --seg-cta-halo-up: inset 0 1px 0 rgba(255, 255, 255, .6), 0 6px 18px -6px rgba(3, 20, 50, .6), 0 0 18px -3px rgba(92, 188, 255, .75);
    }

    .shell > .topbar {
      position: sticky; top: 0; z-index: 60;
      display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(max-content, 1fr); align-items: center; gap: 16px;
      height: var(--seghead); min-height: 0; padding: 12px 24px 14px;
      background: transparent; pointer-events: none;
    }
    .toolbar { position: relative; top: auto; }

    .topbar .toptabs, .topbar .actpill {
      position: relative; z-index: 0;
      background: transparent; border: 1px solid transparent; border-radius: 18px;
      box-shadow: var(--seg-shadow);
      pointer-events: auto;
    }
    .topbar .toptabs::after, .topbar .actpill::after {
      content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; pointer-events: none;
      border: 1px solid var(--seg-line); background: var(--seg-glass);
      -webkit-backdrop-filter: var(--seg-blur); backdrop-filter: var(--seg-blur);
      box-shadow: inset 0 1px 0 var(--seg-top);
    }
    .topbar .toptabs::before, .topbar .actpill::before,
    .topbar .actpill .account-menu::before, .topbar .actpill .modemenu::before, .topbar .adminmenu::before,
    .topbar .actpill .modemenu button[aria-pressed="true"]::before, .topbar .adminmenu button[aria-pressed="true"]::before,
    .seg-glow::before, .topbar .topacts #openSubmit::before {
      content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px;
      pointer-events: none;
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude;
    }
    .topbar .toptabs::before, .topbar .actpill::before,
    .topbar .actpill .account-menu::before, .topbar .actpill .modemenu::before, .topbar .adminmenu::before { inset: -1px; background: var(--seg-rim); }
    .topbar .actpill { position: relative; }
    .topbar .toptabs {
      grid-column: 2; justify-self: center; flex: none; position: relative; overflow: visible; min-width: 0;
      display: flex; align-items: center; gap: 2px; height: 48px; padding: 5px;
    }
    .topbar .toptabs .nav, .topbar .toptabs > .nav:first-child {
      position: relative; z-index: 1; width: 46px; height: 36px; padding: 0; gap: 0; flex: none;
      display: grid; place-items: center; border-radius: 13px;
      background: transparent; color: var(--seg-ico); font-weight: 600;
      transition: color .22s ease, background-color .22s ease;
    }
    .topbar .toptabs .nav svg {
      width: 19px; height: 19px; color: currentColor;
      transition: color .22s ease, transform .45s cubic-bezier(.34, 1.4, .5, 1);
    }
    .topbar .toptabs .nav > span:not(.pill) {
      position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: 0;
      clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
    }
    .topbar .toptabs .nav:hover, .topbar .toptabs .nav:focus-visible,
    .topbar .toptabs .nav[aria-pressed="true"] { background: transparent; color: var(--seg-ico-on); font-weight: 600; }
    .topbar .toptabs .nav:hover svg, .topbar .toptabs .nav:focus-visible svg { color: currentColor; transform: scale(1.08); }
    .topbar .toptabs .nav[aria-pressed="true"] svg { color: currentColor; }
    .topbar .toptabs .nav[aria-pressed="true"]::after { content: none; }
    .topbar .toptabs .nav:focus-visible { box-shadow: inset 0 0 0 1.5px var(--seg-ring); }
    .topbar .toptabs .nav .pill {
      position: absolute; top: 2px; right: 4px; margin: 0; font-size: 9px; line-height: 1; color: var(--red);
    }
    .topbar .toptabs .nav .pill.none { display: none; }
    .topbar .toptabs .adminpick { display: inline-flex; }

    .seg-glow {
      position: absolute; left: 0; top: 0; z-index: 0; width: 46px; height: 36px; border-radius: 13px;
      pointer-events: none; opacity: 0;
      background: var(--seg-on-fill); box-shadow: var(--seg-on-halo);
      transform: translate3d(5px, 5px, 0);
      transition: opacity .22s ease,
        transform .6s cubic-bezier(.34, 1.3, .5, 1), width .6s cubic-bezier(.34, 1.3, .5, 1), box-shadow .3s ease;
      transition: opacity .22s ease,
        transform .6s linear(0, 0.076, 0.246, 0.444, 0.63, 0.784, 0.898, 0.975, 1.02, 1.043, 1.049, 1.046, 1.037, 1.028, 1.019, 1.011, 1.005, 1.001, 0.999, 0.998, 0.998, 0.998, 0.998, 0.999, 1),
        width .6s linear(0, 0.076, 0.246, 0.444, 0.63, 0.784, 0.898, 0.975, 1.02, 1.043, 1.049, 1.046, 1.037, 1.028, 1.019, 1.011, 1.005, 1.001, 0.999, 0.998, 0.998, 0.998, 0.998, 0.999, 1),
        box-shadow .3s ease;
    }
    .seg-glow.is-on { opacity: 1; }
    .seg-glow::before { background: var(--seg-on-rim); }
    .seg-glow.is-hover { background: var(--seg-hv-fill); box-shadow: var(--seg-hv-halo); }
    .seg-glow.is-hover::before { background: var(--seg-hv-rim); }
    .seg-glow.seg-snap { transition: none; }

    .topbar .topacts {
      grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 10px;
      min-width: 0; pointer-events: auto;
    }
    .topbar .actpill { display: flex; align-items: center; gap: 2px; height: 48px; padding: 5px; }
    .topbar .actpill #themeBtn, .topbar .actpill .avatarbtn {
      width: 42px; height: 36px; min-width: 0; padding: 0; border-radius: 13px;
      display: grid; place-items: center; background: transparent; color: var(--seg-ico);
      transition: color .22s ease, background-color .22s ease;
    }
    .topbar .actpill #themeBtn svg { width: 18px; height: 18px; }
    .topbar .actpill .avatarbtn .dlogo { width: 21px; height: 21px; color: currentColor; transform: none; }
    .topbar .actpill .avatarbtn img { width: 26px; height: 26px; border-radius: 50%; }
    .topbar .actpill #themeBtn:hover, .topbar .actpill #themeBtn:focus-visible,
    .topbar .actpill .avatarbtn:hover, .topbar .actpill .avatarbtn:focus-visible {
      background: var(--seg-hov); color: var(--seg-ico-on); box-shadow: var(--seg-hov-edge);
    }
    .topbar .actpill .avatarbtn:hover .dlogo, .topbar .actpill .avatarbtn:focus-visible .dlogo { color: currentColor; transform: scale(1.06); }
    .topbar .actpill #themeBtn:focus-visible, .topbar .actpill .avatarbtn:focus-visible,
    .topbar .actpill .account-btn:focus-visible, .topbar .actpill .modebtn:focus-visible { box-shadow: inset 0 0 0 1.5px var(--seg-ring); }
    .topbar .actpill .starbank {
      height: 36px; padding: 0 11px 0 10px; gap: 6px; border: 0; border-radius: 13px; background: transparent;
    }
    .topbar .actpill .starbank .bank-star { width: 15px; height: 15px; }
    .topbar .actpill .bank-num b, .topbar .actpill .bank-num i { font-size: 13.5px; }
    .topbar .actpill .account { order: 2; }
    .topbar .actpill #themeBtn { position: relative; margin-right: 6px; }
    .topbar .actpill #themeBtn::after {
      content: ''; position: absolute; right: -5px; top: 50%; width: 1px; height: 20px; margin-top: -10px;
      background: var(--seg-sep); pointer-events: none;
    }
    .topbar .actpill .starbank:not([hidden]) { position: relative; margin-right: 6px; }
    .topbar .actpill .starbank:not([hidden])::after {
      content: ''; position: absolute; right: -5px; top: 50%; width: 1px; height: 20px; margin-top: -10px;
      background: var(--seg-sep); pointer-events: none;
    }
    .topbar .actpill .account-btn {
      height: 36px; padding: 0 11px 0 4px; gap: 8px; border-radius: 13px; background: transparent;
      transition: background-color .22s ease, box-shadow .22s ease;
    }
    .topbar .actpill .account-btn:hover, .topbar .actpill .account-btn[aria-expanded="true"] { background: var(--seg-hov); box-shadow: var(--seg-hov-edge); }
    .topbar .actpill .avatar-chip { width: 28px; height: 28px; box-shadow: 0 0 0 1px var(--seg-line); }

    .topbar .actpill .modepick { order: -1; display: flex; align-items: center; padding-right: 7px; margin-right: 5px; }
    .topbar .actpill .modepick::after {
      content: ""; position: absolute; right: 0; top: 9px; bottom: 9px; width: 1px; border-radius: 1px; background: var(--seg-sep);
    }
    .topbar .actpill .modebtn {
      height: 36px; padding: 0 10px 0 9px; gap: 7px; border-radius: 13px;
      color: var(--seg-ico-on); font-size: 9.5px; letter-spacing: .14em;
      transition: background-color .22s ease, box-shadow .22s ease, color .22s ease;
    }
    .topbar .actpill .modebtn .seg-mi { width: 16px; height: 16px; flex: none; color: var(--seg-ico); }
    .topbar .actpill .modebtn[data-now="admin"] .seg-mi-admin { display: block !important; color: var(--seg-red); }
    .topbar .actpill .modebtn[data-now="user"] .seg-mi-user,
    .topbar .actpill .modebtn[data-now="guest"] .seg-mi-guest { display: block !important; }
    .topbar .actpill .modebtn > svg:not(.seg-mi) { width: 10px; height: 10px; color: var(--seg-ico); transition: transform .3s cubic-bezier(.34, 1.4, .5, 1); }
    .topbar .actpill .modebtn[aria-expanded="true"] > svg:not(.seg-mi) { transform: rotate(180deg); }
    .topbar .actpill .modebtn:hover, .topbar .actpill .modebtn[aria-expanded="true"] { background: var(--seg-hov); color: var(--seg-ico-on); box-shadow: var(--seg-hov-edge); }

    .topbar .actpill .account-menu, .topbar .actpill .modemenu, .topbar .adminmenu {
      border: 1px solid var(--seg-line); background: var(--seg-menu);
      -webkit-backdrop-filter: var(--seg-blur); backdrop-filter: var(--seg-blur);
      box-shadow: inset 0 1px 0 var(--seg-top), var(--seg-menu-shadow);
    }

    .topbar .actpill .modemenu {
      top: calc(100% + 13px); left: -6px; right: auto; min-width: 0; width: max-content; padding: 4px; gap: 1px; border-radius: 14px;
    }
    .topbar .actpill .modemenu .seg-mm-head {
      display: block !important; margin: 0; padding: 5px 10px 4px;
      font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--soft);
    }
    .topbar .actpill .modemenu button {
      position: relative; display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: center; column-gap: 10px;
      min-height: 38px; padding: 5px 16px 5px 6px; border-radius: 10px; white-space: nowrap;
      color: var(--ink); font-size: 12.5px; font-weight: 700; letter-spacing: 0; text-transform: none;
      transition: background-color .2s ease, box-shadow .2s ease;
    }
    .topbar .actpill .modemenu .seg-mm-ico {
      display: grid !important; place-items: center; width: 26px; height: 26px; border-radius: 8px;
      background: var(--seg-hov); box-shadow: var(--seg-hov-edge); color: var(--seg-ico);
    }
    .topbar .actpill .modemenu .seg-mm-ico svg { width: 14px; height: 14px; display: block; }
    .topbar .actpill .modemenu .seg-mm-txt { display: grid; gap: 1px; line-height: 1.25; min-width: 0; }
    .topbar .actpill .modemenu .seg-mm-txt small { display: block !important; font-size: 10.5px; font-weight: 600; color: var(--soft); }
    .topbar .actpill .modemenu .seg-mm-check { display: none !important; }
    .topbar .actpill .modemenu button:hover { color: var(--ink); background: var(--seg-hov); box-shadow: var(--seg-hov-edge); }
    .topbar .actpill .modemenu button[aria-pressed="true"] { color: var(--ink); background: transparent; box-shadow: none; }
    .topbar .actpill .modemenu button[aria-pressed="true"]:hover { background: var(--seg-hov); box-shadow: var(--seg-hov-edge); }
    .topbar .actpill .modemenu button[aria-pressed="true"]::before { background: none; }
    .topbar .actpill .modemenu button[aria-pressed="true"] .seg-mm-ico { color: var(--seg-red); background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8); box-shadow: inset 0 0 0 1.5px var(--seg-red); }

    .topbar .actpill .account-menu {
      top: calc(100% + 13px); right: -6px; min-width: 276px; padding: 8px; gap: 2px; border-radius: 18px;
    }
    .topbar .actpill .seg-who {
      display: grid !important; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; column-gap: 11px;
      padding: 6px 6px 12px; margin-bottom: 2px; border-bottom: 1px solid var(--seg-sep);
    }
    .topbar .actpill .seg-who-face {
      width: 40px; height: 40px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 1px var(--seg-line);
    }
    .topbar .actpill .seg-who-face .avface, .topbar .actpill .seg-who-face img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .topbar .actpill .seg-who-name { display: grid; gap: 1px; min-width: 0; line-height: 1.25; text-align: left; }
    .topbar .actpill .seg-who-name b, .topbar .actpill .seg-who-name em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .topbar .actpill .seg-who-name b { font-size: 14px; font-weight: 800; color: var(--ink); }
    .topbar .actpill .seg-who-name em { font-style: normal; font-size: 11px; font-weight: 600; color: var(--soft); }
    .topbar .actpill .seg-who-via {
      display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px 0 8px; border-radius: 8px;
      background: var(--seg-hov); box-shadow: var(--seg-hov-edge); color: var(--seg-ico);
      font-size: 10.5px; font-weight: 700; letter-spacing: .01em;
    }
    .topbar .actpill .seg-who-via svg { width: 13px; height: 13px; display: block; }
    .topbar .actpill .account-menu .menu-stars { padding: 10px 8px 12px; gap: 8px; margin-bottom: 2px; border-bottom: 1px solid var(--seg-sep); }
    .topbar .actpill .account-menu .menu-saved, .topbar .actpill .account-menu #signOutBtn {
      display: flex; align-items: center; justify-content: flex-start; gap: 11px; width: 100%; height: 40px; padding: 0 10px;
      border: 0; border-radius: 12px; background: transparent; color: var(--ink);
      font-size: 12.5px; font-weight: 700; letter-spacing: 0; text-transform: none; text-align: left;
      transition: background-color .2s ease, box-shadow .2s ease, color .2s ease;
    }
    .topbar .actpill .account-menu #signOutBtn { color: var(--soft); }
    .topbar .actpill .account-menu .menu-saved svg, .topbar .actpill .account-menu #signOutBtn svg { width: 16px; height: 16px; flex: none; color: var(--seg-ico); }
    .topbar .actpill .account-menu #signOutBtn .seg-out { display: block !important; }
    .topbar .actpill .account-menu .menu-saved:hover, .topbar .actpill .account-menu #signOutBtn:hover {
      color: var(--ink); background: var(--seg-hov); box-shadow: var(--seg-hov-edge);
    }
    .topbar .actpill .account-menu .menu-saved:hover svg, .topbar .actpill .account-menu .menu-saved[aria-pressed="true"] svg { color: var(--seg-red); }

    .topbar .adminmenu { min-width: 212px; margin-top: 6px; padding: 6px; gap: 2px; border-radius: 16px; }
    .topbar .adminmenu button {
      position: relative; min-height: 38px; padding: 0 12px; border-radius: 11px;
      color: var(--soft); font-size: 12.5px; font-weight: 700;
      transition: background-color .2s ease, box-shadow .2s ease, color .2s ease;
    }
    .topbar .adminmenu button:hover { color: var(--ink); background: var(--seg-hov); box-shadow: var(--seg-hov-edge); }
    .topbar #judgeMenu, .topbar #adminMenu { min-width: 0; width: max-content; padding: 4px; border-radius: 13px; }
    .topbar #judgeMenu button, .topbar #adminMenu button { min-height: 30px; padding: 0 14px; border-radius: 9px; font-size: 12px; white-space: nowrap; justify-content: center; }
    .topbar #adminMenu .pill { margin-left: 4px; }
    .topbar .adminmenu button[aria-pressed="true"] { color: var(--ink); background: var(--seg-on-fill); box-shadow: var(--seg-on-halo); }
    .topbar .adminmenu button[aria-pressed="true"]::before { background: var(--seg-on-rim); }

    .topbar .topacts #openSubmit {
      position: relative; flex: none; width: 48px; height: 48px; min-width: 0; padding: 0; gap: 0;
      border: 0; border-radius: 14px; display: grid; place-items: center;
      background: var(--seg-cta-fill); color: #ffffff;
      -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%);
      box-shadow: var(--seg-cta-halo);
      transition: transform .3s cubic-bezier(.34, 1.4, .5, 1), box-shadow .3s ease;
    }
    .topbar .topacts #openSubmit::before { background: var(--seg-cta-rim); }
    .topbar .topacts #openSubmit > span {
      position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: 0;
      clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
    }
    .topbar .topacts #openSubmit .plus, .topbar .topacts #openSubmit .seg-loop { display: none; }
    .topbar .topacts #openSubmit .seg-plus { display: block; width: 20px; height: 20px; flex: none; }
    .topbar .topacts #openSubmit[data-icon="loop"] .seg-plus { display: none; }
    .topbar .topacts #openSubmit[data-icon="loop"] .seg-loop { display: block; width: 28px; height: 14px; flex: none; }
    .topbar .topacts #openSubmit:hover, .topbar .topacts #openSubmit:focus-visible {
      color: #ffffff; background: var(--seg-cta-fill-up);
      box-shadow: var(--seg-cta-halo-up), 0 0 10px 2px color-mix(in srgb, var(--red) 24%, transparent), 0 0 24px 4px color-mix(in srgb, var(--red) 32%, transparent), 0 0 54px 8px color-mix(in srgb, var(--red) 14%, transparent);
    }
    .topbar .topacts #openSubmit { --mx: 50%; --my: 50%; isolation: isolate; }
    .topbar .topacts #openSubmit::after {
      content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
      opacity: 0; transition: opacity .3s ease;
      background: radial-gradient(70px circle at var(--mx) var(--my), rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 62%);
    }
    .topbar .topacts #openSubmit:hover::after, .topbar .topacts #openSubmit:focus-visible::after { opacity: 1; }
    .topbar .topacts #openSubmit:hover::before, .topbar .topacts #openSubmit:focus-visible::before {
      background: radial-gradient(50px circle at var(--mx) var(--my), #ffffff, rgba(255, 255, 255, 0) 70%), var(--seg-cta-rim);
    }
    .topbar .topacts #openSubmit:focus-visible { outline: 2px solid var(--seg-ring); outline-offset: 3px; }
    .topbar .topacts #openSubmit:active { transform: translateY(0); }
  }
  @media (min-width: 901px) and (max-width: 1499px) {
    .topbar .actpill .account-who { display: none; }
    .topbar .actpill .account-btn { padding: 0 4px; }
  }
  @media (min-width: 901px) and (max-width: 1060px) {
    .shell > .topbar { padding-inline: 16px; gap: 10px; }
    .topbar .toptabs .nav, .topbar .toptabs > .nav:first-child { width: 40px; }
    .topbar .topacts #openSubmit { padding: 0; }
  }
  @media (min-width: 901px) and (prefers-reduced-motion: reduce) {
    .seg-glow, .topbar .toptabs .nav svg, .topbar .topacts #openSubmit { transition: none; }
    .topbar .toptabs .nav:hover svg, .topbar .topacts #openSubmit:hover { transform: none; }
  }
  @media (min-width: 901px) and (prefers-reduced-transparency: reduce) {
    .topbar .toptabs::after, .topbar .actpill::after,
    .topbar .actpill .account-menu, .topbar .actpill .modemenu, .topbar .adminmenu { background: var(--panel); -webkit-backdrop-filter: none; backdrop-filter: none; }
  }
  @media (min-width: 901px) {
    :root {
      --vx-ease: cubic-bezier(.2, .8, .2, 1);
      --vxg-fill: linear-gradient(180deg, rgba(252, 252, 251, .84), rgba(238, 237, 234, .7));
      --vxg-fill-up: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(245, 244, 242, .82));
      --vxg-rim: linear-gradient(180deg, rgba(18, 18, 18, .15), rgba(18, 18, 18, .08) 60%, rgba(18, 18, 18, .11));
      --vxg-rim-up: linear-gradient(180deg, rgba(18, 18, 18, .24), rgba(18, 18, 18, .12) 60%, rgba(18, 18, 18, .16));
      --vxg-top: inset 0 1px 0 rgba(255, 255, 255, .95);
      --vxg-halo: 0 1px 2px rgba(18, 18, 18, .06), 0 6px 14px -8px rgba(18, 18, 18, .22);
      --vxg-ink: #121212;
      --vxg-soft: rgba(18, 18, 18, .5);
      --vxr-fill: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, color-mix(in srgb, var(--red) 88%, #fff), color-mix(in srgb, var(--red) 84%, #000));
      --vxr-fill-up: linear-gradient(180deg, rgba(255, 255, 255, .26), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, color-mix(in srgb, var(--red) 85%, #fff), color-mix(in srgb, var(--red) 95%, #000));
      --vxr-rim: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--red) 16%, #fff) 95%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 58%, #fff) 40%, transparent) 42%, color-mix(in srgb, color-mix(in srgb, var(--red) 65%, #fff) 10%, transparent) 74%, color-mix(in srgb, color-mix(in srgb, var(--red) 59%, #000) 35%, transparent));
      --vxr-halo: 0 1px 2px rgba(18, 18, 18, .12), 0 3px 8px -4px color-mix(in srgb, var(--red) 50%, transparent);
      --vxr-halo-up: 0 1px 2px rgba(18, 18, 18, .14), 0 4px 9px -4px color-mix(in srgb, var(--red) 58%, transparent);
      --vxt-fill: linear-gradient(180deg, color-mix(in srgb, var(--red) 10%, transparent), color-mix(in srgb, var(--red) 6%, transparent));
      --vxt-rim: linear-gradient(180deg, color-mix(in srgb, var(--red) 50%, transparent), color-mix(in srgb, var(--red) 20%, transparent) 60%, color-mix(in srgb, var(--red) 28%, transparent));
      --vx-panel: rgba(250, 249, 247, .74);
      --vx-well: rgba(18, 18, 18, .035);
      --vx-well-edge: rgba(18, 18, 18, .07);
      --vx-card-bg: #e4e1db;
      --vx-card-edge: rgba(18, 18, 18, .08);
      --vx-card-shade: 0 9px 20px -8px rgba(48, 30, 18, .26);
      --vx-glow: rgba(245, 244, 241, .88);
      --vx-glow-mid: rgba(245, 244, 241, .5);
    }
    :root[data-theme="dark"] {
      --vxg-fill: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, rgba(30, 30, 30, .66), rgba(16, 16, 16, .6));
      --vxg-fill-up: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .13), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, rgba(40, 40, 40, .7), rgba(22, 22, 22, .64));
      --vxg-rim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .34), rgba(255, 255, 255, .08) 58%, rgba(255, 255, 255, .03) 86%);
      --vxg-rim-up: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .5), rgba(255, 255, 255, .12) 58%, rgba(255, 255, 255, .05) 86%);
      --vxg-top: inset 0 1px 0 rgba(255, 255, 255, .06);
      --vxg-halo: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 18px -10px rgba(0, 0, 0, .8);
      --vxg-ink: #ffffff;
      --vxg-soft: rgba(255, 255, 255, .55);
      --vxr-fill: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8);
      --vxr-fill-up: radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, color-mix(in srgb, var(--red) 58%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 75%, #000) 40%, transparent));
      --vxr-rim: linear-gradient(180deg, #d1f0ff, rgba(159, 220, 255, .4) 55%, rgba(159, 220, 255, .7));
      --vxr-halo: inset 0 1px 0 rgba(255, 255, 255, .55), 0 6px 18px -6px rgba(3, 20, 50, .6), 0 0 16px -4px rgba(92, 188, 255, .6);
      --vxr-halo-up: inset 0 1px 0 rgba(255, 255, 255, .6), 0 6px 18px -6px rgba(3, 20, 50, .6), 0 0 18px -3px rgba(92, 188, 255, .75);
      --vxt-fill: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8));
      --vxt-rim: linear-gradient(180deg, #d1f0ff, rgba(159, 220, 255, .4) 55%, rgba(159, 220, 255, .7));
      --vx-panel: color-mix(in srgb, var(--panel) 46%, transparent);
      --vx-well: rgba(255, 255, 255, .04);
      --vx-well-edge: rgba(255, 255, 255, .07);
      --vx-card-bg: transparent;
      --vx-card-edge: rgba(255, 255, 255, .1);
      --vx-card-shade: 0 12px 26px -8px rgba(0, 0, 0, .66);
      --vx-glow: transparent;
      --vx-glow-mid: transparent;
    }

    #vxHero.masthead { position: relative; display: block; padding: 0; margin-top: calc(-1 * var(--seghead, 72px)); }
    body[data-mview]:not([data-mview="viewGrid"]) #vxHero.masthead, body.in-search #vxHero.masthead { display: none !important; }
    .vx-stage { position: relative; height: 100vh; height: 100svh; min-height: 640px; overflow: hidden; isolation: isolate; contain: layout paint; }
    .vx-sky {
      position: absolute; inset: 0; z-index: 0; pointer-events: none;
      background: var(--paper);
    }
    :root[data-theme="dark"] .vx-sky { background: var(--paper); }
    .vx-field {
      position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none;
      opacity: 0; transition: opacity 1.4s ease;
    }
    .vx-field.on { opacity: 1; }
    .vx-stage.vx-open .vx-field.on { opacity: .3; transition-duration: .5s; }
    .vx-card { position: absolute; left: 50%; top: 50%; opacity: 0; pointer-events: auto; will-change: transform, opacity; }
    .vx-stage.vx-open .vx-card { pointer-events: none; }
    .vx-card.hot { cursor: pointer; }
    .vx-face {
      position: absolute; inset: 0; overflow: hidden; border-radius: 14px;
      background: var(--vx-card-bg); box-shadow: var(--vx-card-shade);
      transition: transform .4s cubic-bezier(.34, 1.4, .5, 1), filter .3s ease;
    }
    .vx-face::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px var(--vx-card-edge); pointer-events: none; }
    .vx-face img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: none; display: block; user-select: none; pointer-events: none; }
    .vx-card.far .vx-face { filter: blur(2.2px); }
    .vx-card.hot .vx-face { transform: scale(1.06); filter: none; }
    .vx-stage::after {
      content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 16%; z-index: 2; pointer-events: none;
      background: linear-gradient(to bottom, color-mix(in srgb, var(--paper) 0%, transparent), var(--paper));
    }
    .vx-core {
      position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center;
      pointer-events: none;
    }

    .vx-hub {
      position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; pointer-events: auto;
      transition: opacity .3s ease, translate .5s var(--vx-ease), visibility 0s linear 0s;
    }
    .vx-stage.vx-open .vx-hub { opacity: 0; translate: 0 -18px; visibility: hidden; pointer-events: none; transition: opacity .25s ease, translate .5s var(--vx-ease), visibility 0s linear .3s; }
    .vx .mastbrand { margin: 0; justify-items: center; }
    .vx .mastbrand .brand { justify-items: center; gap: 16px; }
    .vx .mastbrand .kicker { margin: 0 -.34em 0 0; font-size: 10.5px; letter-spacing: .34em; }
    .vx .mastbrand .brand h1 { margin: 0 .09em 0 0; font-size: clamp(66px, 7.4vw, 136px); letter-spacing: -.05em; line-height: .9; }
    .vx-word .wm-set { color: var(--ink); }
    .vx .vx-line {
      margin: 20px 0 0; max-width: 23em; font-family: var(--sans); font-size: clamp(18px, 1.5vw, 26px); font-weight: 600; line-height: 1.28; letter-spacing: -.02em;
      color: color-mix(in srgb, var(--ink) 52%, transparent); text-wrap: balance;
    }
    .vx .vx-line b { color: var(--ink); font-weight: 700; }
    .vx .countdown {
      display: flex; align-items: baseline; justify-content: center; gap: 12px; flex-wrap: wrap;
      margin: 26px 0 0; padding: 0; min-width: 0; border: 0; background: none;
    }
    .vx .countdown .cd-label { margin: 0; font-size: 10px; letter-spacing: .26em; color: var(--red); }
    .vx .countdown .cd-clock {
      margin: 0; color: var(--ink); font-size: 28px; line-height: 1; letter-spacing: -.02em; white-space: nowrap;
      text-shadow: 0 2px 18px var(--paper), 0 0 6px color-mix(in srgb, var(--paper) 70%, transparent);
    }
    .vx .countdown .cd-ms { color: var(--red); opacity: .85; }
    .vx-acts { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 26px; }
    .vx-btn, .vx-infobtn {
      position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center;
      margin: 0; border: 0; cursor: pointer; white-space: nowrap; color: var(--vxg-ink);
      background: var(--vxg-fill);
      -webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%);
      box-shadow: var(--vxg-top), var(--vxg-halo);
      transition: transform .3s cubic-bezier(.34, 1.4, .5, 1), box-shadow .3s ease, background .3s ease;
    }
    .vx-btn::before, .vx-infobtn::before, .vx-panel::before, .vx .vx-panel .tag::before, .vx .vx-panel .sociallinks a::before {
      content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
      background: var(--vxg-rim);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude;
    }
    .vx-btn { gap: 10px; height: 50px; padding: 0 20px 0 17px; border-radius: 14px; font: 700 14.5px/1 var(--sans); letter-spacing: 0; }
    .vx-btn svg { width: 18px; height: 18px; flex: none; display: block; }
    .vx-btn.vx-go svg { width: 26px; height: 13px; }
    .vx-btn:hover, .vx-btn:focus-visible { background: var(--vxg-fill-up); }
    .vx-btn:hover::before, .vx-btn:focus-visible::before { background: var(--vxg-rim-up); }
    .vx-btn:active { transform: translate3d(0, 0, 0); }
    .vx-btn:focus-visible, .vx-infobtn:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
    .vx-go { color: #ffffff; background: var(--vxr-fill); box-shadow: var(--vxr-halo); }
    .vx-go::before { background: var(--vxr-rim); }
    .vx-go:hover, .vx-go:focus-visible { color: #ffffff; background: var(--vxr-fill-up); box-shadow: var(--vxr-halo-up); }
    .vx-go:hover::before, .vx-go:focus-visible::before { background: var(--vxr-rim); }
    .vx-alt svg { color: var(--red); }
    .vx-btn { --mx: 50%; --my: 50%; }
    .vx-btn::after {
      content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
      opacity: 0; transition: opacity .3s ease;
      background: radial-gradient(130px 78px at var(--mx) var(--my), rgba(255, 255, 255, .22), rgba(255, 255, 255, .13) 28%, rgba(255, 255, 255, .05) 56%, rgba(255, 255, 255, .012) 78%, rgba(255, 255, 255, 0) 100%);
    }
    .vx-btn:hover::after, .vx-btn:focus-visible::after { opacity: 1; }
    .vx-btn:hover::before, .vx-btn:focus-visible::before { background: radial-gradient(90px circle at var(--mx) var(--my), rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 70%), var(--vxg-rim-up); }
    .vx-go:hover::before, .vx-go:focus-visible::before { background: radial-gradient(90px circle at var(--mx) var(--my), #ffffff, rgba(255, 255, 255, 0) 70%), var(--vxr-rim); }
    .vx-go:hover, .vx-go:focus-visible { box-shadow: var(--vxr-halo-up), 0 0 10px 2px color-mix(in srgb, var(--red) 24%, transparent), 0 0 26px 4px color-mix(in srgb, var(--red) 32%, transparent), 0 0 64px 10px color-mix(in srgb, var(--red) 14%, transparent); }
    .vx-alt:hover, .vx-alt:focus-visible { box-shadow: var(--vxg-halo), 0 0 10px 2px color-mix(in srgb, var(--ink) 7%, transparent), 0 0 26px 4px color-mix(in srgb, var(--ink) 9%, transparent); }
    #vxHero .wm-spark path { filter: url(#wmRimSpark); }
    #vxHero .wm-loop path { stroke: url(#wmLoopFade); filter: url(#wmLoopEdge); }
    #vxHero .wm-loop { filter: drop-shadow(0 -1px 2.5px color-mix(in srgb, color-mix(in srgb, var(--red) 89%, #fff) 32%, transparent)); }

    .vx-info { position: absolute; left: 50%; bottom: 46px; z-index: 6; transform: translateX(-50%); pointer-events: auto; }
    .vx-infobtn { gap: 9px; height: 40px; padding: 0 14px; border-radius: 12px; font: 600 13px/1 var(--sans); letter-spacing: .005em; }
    .vx-infobtn .vx-dot { display: block; width: 14px; height: 14px; flex: none; color: var(--red); }
    .vx-infobtn .vx-label { display: block; min-width: 92px; line-height: 1; text-align: center; text-box: trim-both cap alphabetic; translate: 0 .5px; }
    .vx-infobtn .vx-chev { display: block; width: 10px; height: 6px; flex: none; color: var(--vxg-soft); transition: transform .35s var(--vx-ease); }
    .vx-infobtn .vx-label, .vx-infobtn .vx-chev { transition: color .2s ease, transform .35s var(--vx-ease); }
    .vx-infobtn:hover .vx-label, .vx-infobtn:hover .vx-chev, .vx-stage.vx-open .vx-infobtn .vx-label, .vx-stage.vx-open .vx-infobtn .vx-chev { color: var(--vxg-ink); }
    .vx-stage.vx-open .vx-chev { transform: rotate(180deg); }
    #vxInfoBtn.vxv-dates { gap: 10px; padding: 0 15px; height: 42px; }
    #vxInfoBtn .vx-cal { display: block; width: 16px; height: 16px; flex: none; color: var(--red); }
    #vxInfoBtn .vxv-when { font-weight: 800; line-height: 1; }
    #vxInfoBtn .vxv-sep { display: block; width: 1px; height: 16px; background: var(--vxg-soft); opacity: .35; }
    #vxInfoBtn.vxv-dates .vx-label { min-width: 0; color: var(--vxg-soft); }
    #vxInfoBtn.vxv-dates:hover .vx-label, .vx-stage.vx-open #vxInfoBtn.vxv-dates .vx-label { color: var(--vxg-ink); }

    .vx-panel {
      position: absolute; left: 50%; top: 50%; z-index: 5; isolation: isolate;
      width: min(960px, calc(100vw - 64px)); box-sizing: border-box; padding: 24px 26px 20px;
      color: var(--ink); text-align: left; border-radius: 16px;
      background: var(--vxg-fill), var(--vx-panel);
      -webkit-backdrop-filter: blur(26px) saturate(160%); backdrop-filter: blur(26px) saturate(160%);
      box-shadow: var(--vxg-top), var(--vxg-halo), 0 30px 70px -30px rgba(0, 0, 0, .5);
      opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(-50%, calc(-50% + 16px), 0) scale(.985);
      transition: opacity .22s ease, transform .45s var(--vx-ease), visibility 0s linear .45s;
    }
    .vx-stage.vx-open .vx-panel {
      opacity: 1; visibility: visible; pointer-events: auto; transform: translate3d(-50%, -50%, 0);
      transition: opacity .3s ease .08s, transform .5s var(--vx-ease) .04s, visibility 0s;
    }
    .vx-pin { display: grid; gap: 18px; max-height: calc(100svh - var(--seghead, 72px) - 170px); overflow: auto; scrollbar-width: thin; }
    .vx-phead { display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
    .vx-ptitle { margin: 0; font: 800 24px/1.1 var(--sans); letter-spacing: -.03em; color: var(--ink); }
    .vx .vx-panel .tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; background: none; overflow: visible; }
    .vx .vx-panel .tag {
      position: relative; display: inline-flex; align-items: center; height: 30px; padding: 0 11px; border-radius: 10px;
      border: 0; background: var(--vxg-fill); box-shadow: var(--vxg-top);
      color: var(--vxg-ink); font-size: 12px; font-weight: 600; letter-spacing: .01em;
    }
    .vx .vx-panel .tag:last-child { background: var(--vxt-fill); }
    .vx .vx-panel .tag:last-child::before { background: var(--vxt-rim); }
    .vx .vx-panel .joinline { margin: -6px 0 0; padding: 0; font-size: 14px; line-height: 1.45; font-weight: 600; color: color-mix(in srgb, var(--ink) 70%, transparent); background: none; }
    .vx-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
    .vx-col { min-width: 0; padding: 16px 16px 15px; border-radius: 14px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    .vx-ch { margin: 0 0 12px; font-size: 10px; letter-spacing: .22em; color: var(--red); }
    .vx-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 9px; font-size: 13px; line-height: 1.45; color: color-mix(in srgb, var(--ink) 68%, transparent); }
    .vx-list li { position: relative; margin: 0; padding: 0 0 0 22px; }
    .vx-list b { color: var(--ink); font-weight: 700; }
    ol.vx-list { counter-reset: vxstep; }
    ol.vx-list li { counter-increment: vxstep; }
    ol.vx-list li::before {
      content: counter(vxstep); position: absolute; left: 0; top: 2px; width: 15px; height: 15px; padding-top: 1.5px; border-radius: 5px;
      display: grid; place-items: center; font: 700 9.5px/1 var(--num, var(--sans)); color: var(--red);
      background: color-mix(in srgb, var(--red) 13%, transparent);
    }
    ul.vx-list li::before { content: ""; position: absolute; left: 5px; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); }
    ol.vx-list.vx-dates li { padding-left: 0; display: grid; gap: 1px; }
    ol.vx-list.vx-dates li::before { display: none; }
    .vx-dates b { color: var(--ink); }
    .vx-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px 18px; flex-wrap: wrap; }
    .vx .vx-panel .eligible { margin: 0; padding: 0; background: none; }
    .vx-follow { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
    .vx .vx-panel .socials { display: flex; align-items: center; gap: 4px; margin: 0; }
    .vx .vx-panel .socials .navlabel { display: none; }
    .vx .vx-panel .sociallinks { display: flex; gap: 6px; }
    .vx .vx-panel .sociallinks a {
      position: relative; width: 36px; height: 36px; border-radius: 11px; border: 0;
      background: var(--vxg-fill); color: var(--vxg-ink); box-shadow: var(--vxg-top);
      transition: background .3s ease, color .2s ease, transform .3s cubic-bezier(.34, 1.4, .5, 1);
    }
    .vx .vx-panel .sociallinks a:hover, .vx .vx-panel .sociallinks a:focus-visible { background: var(--vxg-fill-up); color: var(--red); }
    .vx .vx-panel .sociallinks a:hover::before, .vx .vx-panel .sociallinks a:focus-visible::before { background: var(--vxg-rim-up); }
    .vx .vx-panel .sociallinks svg { width: 15px; height: 15px; }
    .vx .vx-panel .collab { margin: 0; padding: 0; }
    @media (prefers-reduced-motion: no-preference) {
      .vx-hub .kicker, .vx-hub .wordmark, .vx-hub .vx-line, .vx-hub .countdown, .vx-hub .vx-acts { animation: vxIn 1.25s var(--vx-ease) backwards; }
      .vx-hub .wordmark { will-change: opacity, transform; transform: translateZ(0); }
      .vx-hub .kicker { animation-delay: .25s; }
      .vx-hub .wordmark { animation-delay: .85s; }
      .vx-hub .vx-line { animation-delay: 1.5s; }
      .vx-hub .countdown { animation-delay: 2.15s; }
      .vx-hub .vx-acts { animation-delay: 2.8s; }
      @keyframes vxIn { from { opacity: 0; transform: translate3d(0, 18px, 0); } to { opacity: 1; transform: none; } }
      .vx-info .vx-infobtn { animation: vxChipIn 1.1s var(--vx-ease) 3.5s backwards; }
      @keyframes vxChipIn { from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: 0 0; } }
    }
    @media (prefers-reduced-motion: reduce) {
      .vx-field, .vx-face, .vx-hub, .vx-panel, .vx-btn, .vx-infobtn, .vx-chev { transition: none !important; }
      .vx-card.hot .vx-face { transform: none; }
    }
    @media (prefers-reduced-transparency: reduce) {
      .vx-btn, .vx-infobtn, .vx-panel { -webkit-backdrop-filter: none; backdrop-filter: none; }
      .vx-panel { background: var(--panel); }
    }
  }
  @media (min-width: 901px) and (max-height: 760px) {
    .vx .mastbrand .brand h1 { font-size: clamp(60px, 6.6vw, 110px); }
    .vx .countdown { margin-top: 20px; }
    .vx-acts { margin-top: 20px; }
    .vx-info { bottom: 40px; }
    .vx-panel { padding: 20px 22px 18px; }
    .vx-pin { gap: 14px; }
  }
  @media (min-width: 901px) and (max-width: 1100px) {
    .vx-list { font-size: 12.5px; }
    .vx-col { padding: 14px 13px 13px; }
  }
  .asc { display: none; }
  @media (min-width: 901px) {
    .asc {
      --ph: 520px; --pw: 256px; --k: .6; --asc-ease: cubic-bezier(.22, .9, .2, 1);
      position: relative; isolation: isolate; overflow: hidden;
      display: grid; grid-template-rows: auto minmax(300px, 1fr) auto; row-gap: 18px; justify-items: center;
      margin: -22px -24px calc(30px + max(0px, 100svh - var(--seghead, 72px) - 1120px) + 14px); padding: 30px 0 28px;
      height: calc(100svh - var(--seghead, 72px)); min-height: 600px; max-height: 1120px;
      color: var(--ink); background: transparent;
    }
    .asc[hidden] { display: none !important; }
    .asc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

    .asc-head { position: relative; z-index: 12; display: grid; justify-items: center; gap: 12px; padding: 0 24px; text-align: center; transition: opacity .3s ease, visibility 0s linear 0s; }
    .asc-word { margin: 0 .09em 0 0; font-size: clamp(46px, min(5.4vw, 8.6vh), 96px); font-weight: 800; font-style: normal; letter-spacing: -.05em; line-height: .92; color: var(--ink); }
    .asc-word .wm-set { color: var(--ink); }
    .asc-line { margin: 0; max-width: 640px; font: 500 16px/1.45 var(--sans); letter-spacing: -.005em; color: color-mix(in srgb, var(--ink) 56%, transparent); }

    .asc-stage { position: relative; z-index: 2; width: 100%; height: 100%; min-height: 300px; outline: none; touch-action: pan-y; cursor: grab; -webkit-user-select: none; user-select: none; transition: opacity .5s ease; }
    .asc-stage.asc-grab { cursor: grabbing; }
    .asc-stage.asc-grab .asc-card, .asc-stage.asc-grab .asc-tap { pointer-events: none !important; }
    .asc-stage:focus-visible .asc-phone { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 0 0 2px var(--paper), 0 0 0 4px var(--red); }

    .asc-deck { position: absolute; inset: 0; z-index: 4; perspective: 1400px; perspective-origin: 50% 50%; transition: opacity .14s ease; }
    .asc-deck.asc-fade { opacity: 0; }
    .asc-card {
      position: absolute; left: 50%; top: 50%; margin: 0; padding: 0; border: 0; border-radius: 16px; background: none; color: #fff;
      cursor: pointer; opacity: 0; visibility: hidden; transform-origin: 50% 50%; will-change: transform, opacity;
      -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; touch-action: pan-y;
    }
    .asc-cin {
      position: absolute; inset: 0; display: block; border-radius: inherit; overflow: hidden; background: #121212;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, .08);
      opacity: 0; transition: opacity .45s ease, transform .45s var(--asc-ease);
    }
    .asc-card.filled .asc-cin { opacity: 1; }
    :root:not([data-theme="dark"]) .asc-cin { background: #dcdad5; box-shadow: 0 0 0 1px rgba(18, 18, 18, .07), 0 16px 28px -20px rgba(18, 18, 18, .42); }
    .asc-art {
      position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; max-width: none; max-height: none;
      object-fit: cover; transform: translate(-50%, -50%); pointer-events: none; -webkit-user-drag: none;
    }
    .asc-art.fit { object-fit: fill; }
    .asc-dim { position: absolute; inset: 0; z-index: 1; background: #000; opacity: 0; pointer-events: none; transition: opacity .2s linear; }
    :root:not([data-theme="dark"]) .asc-dim { background: var(--paper); }
    .asc-card:hover .asc-cin, .asc-card:focus-visible .asc-cin { transform: scale(1.035); }
    .asc-card:hover .asc-dim, .asc-card:focus-visible .asc-dim { opacity: 0 !important; }
    .asc-stage.asc-grab .asc-card:hover .asc-cin { transform: none; }

    .asc:not(.asc-live) .asc-card { opacity: 0 !important; }
    .asc-word { transition: opacity .5s ease; }
    .asc-line { transition: opacity .5s ease .04s; }
    .asc:not(.asc-live) .asc-word, .asc:not(.asc-live) .asc-line { opacity: 0; transition: none; }
    .asc:not(.asc-live) .asc-sstill, .asc:not(.asc-live) .asc-svid { transition: none; }
    @media (prefers-reduced-motion: reduce) { .asc-word, .asc-line { transition: opacity .2s linear; } }
    .asc-row { transition: opacity .5s ease .33s, translate .7s cubic-bezier(.2, .85, .2, 1) .33s; }
    .asc:not(.asc-fan) .asc-row { opacity: 0; translate: 0 14px; pointer-events: none; transition: none; }
    @media (prefers-reduced-motion: reduce) { .asc-row { transition: opacity .2s linear; translate: 0 0; } }
    .asc-phone { opacity: 0; translate: 0 36px; scale: .97; transition: opacity .55s ease .08s, translate .95s cubic-bezier(.2, .85, .2, 1) .08s, scale .95s cubic-bezier(.2, .85, .2, 1) .08s; }
    .asc.asc-live .asc-phone { opacity: 1; translate: 0 0; scale: 1; }
    @media (prefers-reduced-motion: reduce) { .asc-phone { transition: opacity .2s linear; translate: 0 0; scale: 1; } }
    .asc-phone {
      position: absolute; z-index: 30; left: 50%; top: 50%; width: var(--pw); height: var(--ph); transform: translate(-50%, -50%);
      padding: 8px; border-radius: 46px; background: #141416;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 0 0 1px rgba(0, 0, 0, .8);
    }
    :root:not([data-theme="dark"]) .asc-phone { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 0 0 1px rgba(0, 0, 0, .55), 0 40px 70px -42px rgba(18, 18, 18, .55); }
    .asc-phone::before, .asc-phone::after { content: ""; position: absolute; width: 3px; border-radius: 2px; background: #1d1d21; }
    .asc-phone::before { right: -3px; top: 25%; height: 11%; }
    .asc-phone::after { left: -3px; top: 18%; height: 6.3%; box-shadow: 0 calc(var(--ph) * .087) 0 #1d1d21; }
    .asc-screen { position: relative; width: 100%; height: 100%; border-radius: 38px; overflow: hidden; background: #000; isolation: isolate; }
    .asc-slides { position: absolute; inset: 0; z-index: 1; overflow: hidden; border-radius: inherit; }
    .asc-slide { position: absolute; inset: 0; overflow: hidden; background: #000; }
    .asc-slide.is-out { z-index: 0; pointer-events: none; }
    .asc-slide.is-idle { visibility: hidden; }
    .asc-slide:not(.is-out) { z-index: 1; }
    .asc-sstill, .asc-svid { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; display: block; }
    .asc-sstill { opacity: 0; transition: opacity .35s ease; }
    .asc-sstill.on { opacity: 1; }
    .asc-svid { opacity: 0; transition: opacity .45s ease; }
    .asc-svid.on { opacity: 1; }
    .asc-svid.fit, .asc-sstill.fit { inset: auto; left: 50%; top: 50%; max-width: none; max-height: none; object-fit: fill; transform: translate(-50%, -50%); }
    .asc-tap { position: absolute; inset: 0; z-index: 4; margin: 0; padding: 0; border: 0; border-radius: inherit; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; }
    .asc-hole {
      position: absolute; z-index: 5; left: 50%; top: calc(23.5px * var(--k) - 5px); width: 10px; height: 10px; margin-left: -5px; border-radius: 50%;
      background: #08080a; box-shadow: 0 0 0 1.5px #18181b; pointer-events: none;
    }
    .asc-ui {
      position: absolute; left: 0; top: 0; z-index: 3; width: 390px; height: 844px; transform: scale(var(--k)); transform-origin: 0 0;
      color: #fff; font-family: var(--sans); pointer-events: none; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
    }
    .asc-ui > * { position: absolute; }
    .asc-sb { left: 0; right: 0; top: 0; height: 47px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px 0 36px; }
    .asc-sb b { font: 700 16px/1 var(--sans); letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
    .asc-sb i { display: flex; align-items: center; gap: 6px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5)); }
    .asc-sb svg { display: block; width: auto; height: 11.5px; }
    .asc-sb .asc-batt { height: 12.5px; }
    .asc-rt { left: 0; right: 0; top: 47px; display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; padding: 18px 8px 14px; }
    .asc-rt-full, .asc-rt-fx { width: 40px; height: 40px; display: grid; place-items: center; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .45)); }
    .asc-rt-full svg { width: 24px; height: 24px; display: block; }
    .asc-rt-fx { grid-column: 3; justify-self: end; }
    .asc-rt-fx svg { width: 29px; height: 29px; display: block; }
    .asc-rt-tabs { grid-column: 2; justify-self: center; display: flex; align-items: center; gap: 22px; }
    .asc-rt-tab { display: inline-flex; align-items: center; height: 40px; padding: 0 2px; color: rgba(255, 255, 255, .55); font: 800 19px/1 var(--sans); white-space: nowrap; }
    .asc-rt-tab.on { color: var(--red); }
    .asc-rail { right: 8px; bottom: 144px; width: 48px; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-bottom: 14px; }
    .asc-rb { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 48px; color: rgba(255, 255, 255, .96); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .35)) drop-shadow(0 2px 6px rgba(0, 0, 0, .5)); }
    .asc-rb > svg { width: 30px; height: 30px; display: block; }
    .asc-rb b { display: grid; place-items: center; min-height: 18px; font: 700 12px/18px var(--num); color: #fff; }
    .asc-rb b .noneloop { display: block; width: 20.4px; height: 34px; color: var(--red); }
    .asc-side { left: 16px; right: 76px; bottom: 110px; display: flex; flex-direction: column; gap: 6px; text-shadow: 0 1px 2px rgba(0, 0, 0, .75), 0 2px 10px rgba(0, 0, 0, .6); }
    .asc-handle { font: 800 16px/24px var(--sans); letter-spacing: -.48px; }
    .asc-meta { margin-top: -4px; font: 600 9px/13.5px var(--sans); letter-spacing: 1.26px; text-transform: uppercase; color: rgba(255, 255, 255, .75); }
    .asc-cap { font: 400 14px/20.3px var(--sans); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .asc-cap em { font-style: normal; font-weight: 700; }
    .asc-moretxt { font: 700 11px/11px var(--sans); letter-spacing: 1.32px; text-transform: uppercase; color: rgba(255, 255, 255, .85); }
    .asc-seek { left: 26px; right: 26px; bottom: 80px; height: 22px; }
    .asc-seek::before, .asc-seek i { content: ""; position: absolute; left: 0; top: 50%; height: 2px; margin-top: -1px; border-radius: 2px; }
    .asc-seek::before { right: 0; background: rgba(255, 255, 255, .3); }
    .asc-seek i { width: 100%; background: #fff; transform-origin: 0 50%; transform: scaleX(var(--p, 0)); }
    .asc-mute { right: 20px; bottom: 102px; width: 14px; height: 14px; color: rgba(255, 255, 255, .5); }
    .asc-mute svg { width: 100%; height: 100%; display: block; }
    .asc-bar {
      left: 16px; right: 16px; bottom: 10px; height: 62px; padding: 6px; display: flex; gap: 2px; border-radius: 24px;
      background: rgba(26, 26, 30, .7); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), inset 0 1px 0 rgba(255, 255, 255, .18);
    }
    .asc-tab { position: relative; flex: 1 1 0; display: grid; place-items: center; border-radius: 18px; color: rgba(255, 255, 255, .88); }
    .asc-tab svg { width: 26px; height: 26px; display: block; }
    .asc-tab.on { background: rgba(255, 255, 255, .14); color: #fff; }
    .asc-tab-post svg { width: 32px; height: 16px; color: var(--red); }

    .asc-row { position: relative; z-index: 12; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; padding: 0 24px; }
    .asc-more.vxv-dates { gap: 10px; padding: 0 15px; height: 42px; }
    .asc-more .vx-cal { display: block; width: 16px; height: 16px; flex: none; color: var(--red); }
    .asc-more .vxv-when { font-weight: 800; line-height: 1; }
    .asc-more .vxv-sep { display: block; width: 1px; height: 16px; background: var(--vxg-soft); opacity: .35; }
    .asc-more.vxv-dates .vx-label { min-width: 0; color: var(--vxg-soft); }
    .asc-more.vxv-dates:hover .vx-label, .asc-more.vxv-dates:focus-visible .vx-label, .asc-more:hover .vx-chev, .asc-more:focus-visible .vx-chev { color: var(--vxg-ink); }
    .asc.asc-open .asc-more.vxv-dates .vx-label, .asc.asc-open .asc-more .vx-chev { color: var(--vxg-ink); }
    .asc.asc-open .asc-more .vx-chev { transform: rotate(180deg); }

    .asc-pop { position: absolute; left: 0; right: 0; top: 0; bottom: 96px; z-index: 14; pointer-events: none; }
    .asc-pop .vx-panel .vx-pin { max-height: calc(100svh - var(--seghead, 72px) - 172px); }
    .asc.asc-open .asc-pop .vx-panel {
      opacity: 1; visibility: visible; pointer-events: auto; transform: translate3d(-50%, -50%, 0);
      transition: opacity .3s ease .08s, transform .5s var(--vx-ease) .04s, visibility 0s;
    }
    .asc.asc-open .asc-head { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, visibility 0s linear .3s; }
    .asc.asc-open .asc-stage { opacity: .3; pointer-events: none; }
    .asc-pop ol.vx-list:not(.vx-dates) li::before { content: ""; left: 5px; top: 7px; width: 5px; height: 5px; padding: 0; border-radius: 50%; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); }

    @media (prefers-reduced-motion: reduce) {
      .asc-cin, .asc-sstill, .asc-svid, .asc-dim { transition: opacity .2s ease; }
      .asc-card:hover .asc-cin, .asc-card:focus-visible .asc-cin { transform: none; }
    }
  }
  @media (min-width: 901px) and (max-height: 760px) {
    .asc { row-gap: 14px; padding-top: 26px; padding-bottom: 22px; }
    .asc-head { gap: 9px; }
    .asc-line { font-size: 15px; }
  }
  .abx, .abx-qhead { display: none; }
  @media (min-width: 901px) {
    #about.abx-on {
      --abx-fill: rgba(255, 255, 255, .52);
      --abx-fill-up: rgba(255, 255, 255, .74);
      --abx-shade: 0 1px 2px rgba(18, 18, 18, .05), 0 12px 26px -20px rgba(18, 18, 18, .32);
      --abx-ring: rgba(18, 18, 18, .2);
      --abx-track: rgba(18, 18, 18, .08);
      --abx-bar: linear-gradient(90deg, color-mix(in srgb, var(--red) 65%, #000) 0%, color-mix(in srgb, var(--red) 85%, #000) 60%, var(--red) 100%);
      --abx-groove: rgba(18, 18, 18, .07);
      --abx-groove-edge: inset 0 1px 1px rgba(18, 18, 18, .12);
      --abx-fill-line: linear-gradient(90deg, color-mix(in srgb, var(--red) 25%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--red) 89%, #000) 75%, transparent) 55%, var(--red) 100%);
      --abx-fill-glow: 0 0 6px color-mix(in srgb, var(--red) 18%, transparent);
      --abx-head: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--red) 68%, #fff) 0%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 68%, #fff) 85%, transparent));
      --abx-head-glow: 4px 0 8px -2px color-mix(in srgb, var(--red) 45%, transparent);
      --abx-bar-rim: 0 0 4px color-mix(in srgb, var(--red) 22%, transparent);
      --abx-bar-hot: none;
      --abx-core: #ffffff;
      --abx-rim: color-mix(in srgb, var(--red) 91%, #000);
      --abx-halo: 0 0 6px color-mix(in srgb, var(--red) 28%, transparent);
      display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 14px; row-gap: 10px; align-items: start;
    }
    :root[data-theme="dark"] #about.abx-on {
      --abx-fill: rgba(255, 255, 255, .035);
      --abx-fill-up: rgba(255, 255, 255, .06);
      --abx-shade: 0 1px 2px rgba(0, 0, 0, .4);
      --abx-ring: rgba(255, 255, 255, .22);
      --abx-track: rgba(255, 255, 255, .07);
      --abx-bar: linear-gradient(90deg, #5a0905 0%, color-mix(in srgb, var(--red) 62%, #000) 55%, color-mix(in srgb, var(--red) 98%, #000) 100%);
      --abx-groove: rgba(255, 255, 255, .055);
      --abx-groove-edge: inset 0 1px 1px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .035);
      --abx-fill-line: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--red) 46%, #000) 35%, transparent) 0%, color-mix(in srgb, var(--red) 57%, #000) 45%, color-mix(in srgb, var(--red) 90%, #000) 80%, color-mix(in srgb, var(--red) 81%, #fff) 100%);
      --abx-fill-glow: 0 0 10px -1px color-mix(in srgb, var(--red) 35%, transparent);
      --abx-head: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--red) 75%, #fff) 0%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 53%, #fff) 95%, transparent));
      --abx-head-glow: 6px 0 12px -3px color-mix(in srgb, color-mix(in srgb, var(--red) 86%, #fff) 55%, transparent);
      --abx-bar-rim: 0 0 6px color-mix(in srgb, var(--red) 38%, transparent), 0 0 1px color-mix(in srgb, color-mix(in srgb, var(--red) 66%, #fff) 50%, transparent);
      --abx-bar-hot: none;
      --abx-core: #140202;
      --abx-rim: color-mix(in srgb, var(--red) 89%, #fff);
      --abx-halo: 0 0 7px color-mix(in srgb, var(--red) 55%, transparent);
    }
    #about.abx-on > .lede, #about.abx-on > details.faq[data-abx] { display: none; }
    #about.abx-on > .abx { display: block; grid-column: 1 / -1; grid-row: 1; margin: 2px 0 58px; }
    #about.abx-on > .abx-qhead {
      display: grid; justify-items: start; gap: 16px; grid-column: 1 / -1; grid-row: 2;
      align-self: start; position: static; padding: 0 0 8px;
    }
    #about.abx-on > .abx-qhead[hidden] { display: none; }
    #about.abx-on > details.faq { grid-column: 1 / -1; }

    .abx-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; }
    .abx-what { grid-column: 1 / span 7; grid-row: 1; }
    .abx-time { grid-column: 8 / span 5; grid-row: 1; }
    .abx-contest { grid-column: 1 / -1; grid-row: 2; }
    .abx-enter { grid-column: 1 / span 5; grid-row: 3; }
    .abx-score { grid-column: 6 / span 7; grid-row: 3; }

    .abx-card, #about.abx-on > details.faq {
      position: relative; isolation: isolate; min-width: 0; border-radius: 16px; color: var(--ink);
      background: var(--abx-fill); box-shadow: var(--vxg-top), var(--abx-shade);
    }
    .lore .abx-card { display: flex; flex-direction: column; padding: 26px 28px 28px; }
    .abx-card::before, #about.abx-on > details.faq::before, .abx-chip::before {
      content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
      background: var(--vxg-rim);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude;
    }

    .abx-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-height: 50px; margin: 0 0 18px; }
    .abx-ico {
      width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 11px; color: var(--red);
      background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
    }
    .abx-ico svg { width: 18px; height: 18px; display: block; }
    .lore .abx-title { margin: 0; font: 800 22px/1.1 var(--sans); letter-spacing: -.035em; color: var(--red); }

    .lore .abx-what { gap: 22px; padding: 34px 36px 32px; }
    .abx-what .abx-tags { margin-top: auto; padding-top: 6px; }
    .lore .abx-lead {
      margin: 0; max-width: 21em; font: 800 clamp(28px, 2.55vw, 42px)/1.06 var(--sans); letter-spacing: -.04em; color: var(--ink); text-wrap: balance;
    }
    .lore .abx-copy { margin: 0; font: 400 16px/1.72 var(--lede); letter-spacing: 0; color: var(--soft); }
    .abx-copy strong { color: var(--ink); font-weight: 700; }
    .abx-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
    .abx-chip {
      position: relative; display: inline-flex; align-items: center; flex: none; height: 30px; padding: 0 11px; border-radius: 10px;
      background: var(--vxg-fill); box-shadow: var(--vxg-top); color: var(--vxg-ink); font: 600 12px/1 var(--sans); letter-spacing: .01em; white-space: nowrap;
    }

    .abx-phases { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
    .abx-phase {
      display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 12px 16px;
      border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
    }
    .abx-dot { width: 9px; height: 9px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--abx-ring); }
    .abx-phase.on .abx-dot { background: var(--abx-core); box-shadow: inset 0 0 0 1.5px var(--abx-rim), var(--abx-halo); }
    .abx-ptxt { display: grid; gap: 3px; min-width: 0; }
    .abx-when { font: 800 15.5px/1.2 var(--sans); letter-spacing: -.015em; color: var(--ink); }
    .abx-pwhat { font-size: 13.5px; line-height: 1.4; color: var(--soft); }
    .abx-now { font: 700 10px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--red); }
    .lore .abx-time .note { margin: 16px 0 0; }

    #about.abx-on .steps { list-style: none; padding-left: 0; }
    #about.abx-on .steps li { position: relative; padding-left: 22px; }
    #about.abx-on .steps li::before {
      content: ""; position: absolute; left: 1px; top: calc(.77em - 3.5px); width: 7px; height: 7px; border-radius: 50%;
      background: var(--abx-core); box-shadow: inset 0 0 0 1.5px var(--abx-rim), var(--abx-halo);
    }
    .lore .abx-enter .steps { margin: 0; gap: 15px; }
    .abx-enter .steps li { font-size: 15px; line-height: 1.5; color: var(--soft); }
    .abx-enter .steps strong { color: var(--ink); }
    .lore .abx-enter .note, .abx-rubric, .abx-formula { border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    .lore .abx-enter .note { margin: 20px 0 0; padding: 15px 17px; }

    .abx-pair { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 5fr); grid-template-rows: auto 1fr; gap: 14px; }
    .abx-pair > .lc-part + .lc-part { grid-column: 2; grid-row: 1 / span 2; }
    .abx-pair > .note { grid-column: 1; grid-row: 2; }
    .abx-contest .abx-title, .abx-enter .abx-title { text-wrap: balance; }
    .abx-contest .lc-part { padding: 16px 18px; border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    .lore .abx-contest .lc-part h4 { margin: 0; font: 800 15.5px/1.2 var(--sans); letter-spacing: -.015em; color: var(--ink); }
    .lore .abx-contest .lc-kick { margin: 4px 0 12px; font: 600 13.5px/1.4 var(--sans); letter-spacing: 0; color: var(--soft); text-wrap: pretty; }
    .lore .abx-contest .steps { margin: 0; gap: 10px; }
    .abx-contest .steps li { font-size: 14.5px; line-height: 1.5; color: var(--soft); text-wrap: pretty; }
    .abx-contest .steps strong { color: var(--ink); }
    .lore .abx-contest .note { margin: 0; padding: 2px 4px 0; text-wrap: pretty; }

    .abx-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; }
    .abx-cols.abx-one { grid-template-columns: minmax(0, 1fr); }
    .lore .abx-col > p { font-size: 14.5px; line-height: 1.6; color: var(--soft); }
    .abx-col strong { color: var(--ink); }
    .abx-rubric { margin: 18px 0 18px; padding: 16px 18px; }
    .lore .abx-cap { margin: 0 0 16px; font: 600 13px/1.45 var(--sans); letter-spacing: 0; color: var(--soft); }
    .abx-stack, .abx-split { position: relative; display: flex; gap: 4px; height: 3px; margin: 0 0 18px; }
    .abx-stack::before, .abx-split::before { content: ""; position: absolute; inset: 0; border-radius: 2px; background: var(--abx-track); }
    .abx-stack i, .abx-split i {
      position: relative; display: block; flex: 1 1 0; min-width: 6px; border-radius: 2px;
      background: var(--abx-bar); box-shadow: var(--abx-bar-rim); transform-origin: 0 50%;
    }
    .abx-stack .abx-s1, .abx-legend .abx-s1 .abx-sw { opacity: .74; }
    .abx-stack .abx-s2, .abx-legend .abx-s2 .abx-sw { opacity: .54; }
    .abx-stack .abx-s3, .abx-legend .abx-s3 .abx-sw { opacity: .38; }
    .abx-legend { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
    .abx-legend li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 11px; font-size: 14px; line-height: 1.3; }
    .abx-meter {
      position: relative; display: block; height: 4px; border-radius: 3px; grid-column: 1 / -1;
      background: var(--abx-groove); box-shadow: var(--abx-groove-edge);
    }
    .abx-meter > i {
      position: absolute; left: 0; top: 0; bottom: 0; display: block; border-radius: inherit;
      background: var(--abx-fill-line); box-shadow: var(--abx-fill-glow);
      clip-path: inset(-14px -14px -14px -14px);
    }
    .abx-meter > i::after {
      content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: min(28px, 40%); border-radius: inherit;
      background: var(--abx-head); box-shadow: var(--abx-head-glow); pointer-events: none;
    }
    .abx-legend .abx-meter { margin-top: 1px; }
    .abx-split.abx-meter { display: block; gap: 0; margin: 0 0 12px; }
    .abx-split.abx-meter::before { display: none; }
    .abx-sw { width: 14px; height: 3px; border-radius: 2px; background: var(--abx-bar); box-shadow: var(--abx-bar-rim); }
    .abx-nm { color: var(--ink); font-weight: 600; }
    .abx-pc { font: 700 14px/1 var(--num); color: var(--soft); font-variant-numeric: tabular-nums; }
    .abx-formula { margin: 0 0 14px; padding: 16px 18px 15px; }
    .lore .abx-ftext { margin: 0 0 16px; font: 800 16px/1.35 var(--sans); letter-spacing: -.01em; color: var(--ink); }
    .abx-split { margin: 0 0 11px; }
    .abx-split i + i { opacity: .4; box-shadow: none; }
    .abx-slbl { display: flex; justify-content: space-between; gap: 12px; font-size: 12.5px; line-height: 1.3; color: var(--soft); }
    .abx-slbl b { font: 700 12.5px/1 var(--num); color: var(--ink); margin-right: 3px; }

    .lore .abx-qhead .abx-qtitle { margin: 0; font: 800 34px/1.05 var(--sans); letter-spacing: -.02em; color: var(--red); }
    .abx-all.vx-btn { gap: 10px; height: 44px; padding: 0 16px; border-radius: 13px; font: 600 13.5px/1 var(--sans); }
    .abx-all .vx-label { display: block; min-width: 62px; text-align: center; }
    .abx-all .vx-chev { display: block; width: 10px; height: 6px; flex: none; color: var(--vxg-soft); transform: rotate(180deg); transition: color .2s ease, transform .35s var(--vx-ease); }
    .abx-all[aria-pressed="true"] .vx-chev { transform: none; }
    .abx-all:hover .vx-label, .abx-all:hover .vx-chev, .abx-all:focus-visible .vx-label { color: var(--vxg-ink); }

    #about.abx-on > details.faq { border-radius: 14px; }
    #about.abx-on > details.faq:hover, #about.abx-on > details.faq[open] { background: var(--abx-fill-up); }
    #about.abx-on > details.faq > summary { padding: 16px 20px; }
    #about.abx-on > details.faq > summary h3 { font-size: 17px; letter-spacing: -.025em; }
    #about.abx-on > details.faq .faq-caret { width: 15px; height: 15px; }
    #about.abx-on > details.faq .faq-body { padding: 0 20px 20px; }
    #about.abx-on > details.faq .faq-body p, #about.abx-on > details.faq .faq-body li { font-size: 14.5px; line-height: 1.6; }
    #about.abx-on > details.faq .faq-body > p { color: var(--soft); }
    #about.abx-on > details.faq .faq-body strong { color: var(--ink); }
    #about.abx-on > details.faq .pull { background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); border-radius: 12px; }

    @media (prefers-reduced-motion: no-preference) {
      .abx-card.rise:not(.shown) .abx-meter > i { clip-path: inset(-14px 100% -14px -14px); }
      .abx-meter > i { transition: clip-path 1.2s cubic-bezier(.22, .9, .2, 1) .35s; }
      .abx-legend li + li .abx-meter > i { transition-delay: .45s; }
      .abx-stack i + i + i { transition-delay: .55s; }
      .abx-stack i + i + i + i { transition-delay: .65s; }
    }
  }
  @media (min-width: 901px) and (max-width: 1199px) {
    .abx-what { grid-column: 1 / -1; grid-row: auto; }
    .abx-contest { grid-column: 1 / -1; grid-row: auto; }
    .abx-time { grid-column: 1 / span 6; grid-row: auto; }
    .abx-enter { grid-column: 7 / span 6; grid-row: auto; }
    .abx-score { grid-column: 1 / -1; grid-row: auto; }
    #about.abx-on > .abx-qhead { grid-column: 1 / -1; grid-row: 2; position: static; grid-auto-flow: column; align-items: center; justify-content: space-between; padding: 0 0 8px; }
    #about.abx-on > details.faq { grid-column: 1 / -1; }
  }
  .sb, .sb-only { display: none; }
  .sb-qcol { display: contents; }
  @media (min-width: 901px) {
    #stars {
      --sb-fill: rgba(255, 255, 255, .52);
      --sb-fill-up: rgba(255, 255, 255, .78);
      --sb-shade: 0 1px 2px rgba(18, 18, 18, .05), 0 12px 26px -20px rgba(18, 18, 18, .32);
      --sb-dim: rgba(18, 18, 18, .06);
      --sb-off: rgba(18, 18, 18, .16);
      display: grid; gap: 14px;
    }
    :root[data-theme="dark"] #stars {
      --sb-fill: rgba(255, 255, 255, .035);
      --sb-fill-up: rgba(255, 255, 255, .065);
      --sb-shade: 0 1px 2px rgba(0, 0, 0, .4);
      --sb-dim: rgba(255, 255, 255, .05);
      --sb-off: rgba(255, 255, 255, .13);
    }
    #stars[hidden] { display: none; }
    #stars > .mine-head, #stars > #starsBody { display: none; }
    body:not(.locked) #stars > .mine-head:has(.minedemo:not([hidden])) { display: flex; justify-content: flex-end; margin: 0; padding: 0; border: 0; }
    #stars > .mine-head .mine-left, #stars > .mine-head .piprow { display: none; }
    #stars > .mine-head .minedemo { margin: 0; }

    #stars > .sb { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
    .sb-wallet { grid-column: 1 / span 5; container: sbw / inline-size; }
    .sb-loops { grid-column: 6 / span 7; }

    .sb-card, #stars > .starsfaq {
      position: relative; isolation: isolate; min-width: 0; margin: 0; border: 0; border-radius: 16px; color: var(--ink);
      background: var(--sb-fill); box-shadow: var(--vxg-top), var(--sb-shade);
    }
    .sb-card { display: flex; flex-direction: column; padding: 26px 28px 28px; }
    .sb-card::before, #stars > .starsfaq::before, .sb-when::before {
      content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
      background: var(--vxg-rim);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude;
    }

    .sb-head, #stars .sb-qhead { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-height: 40px; margin: 0 0 22px; }
    .sb-ico {
      width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 11px; color: var(--red);
      background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
    }
    .sb-ico svg { width: 18px; height: 18px; display: block; }
    .sb-ico .sb-loopico { width: 22px; height: 11px; }
    #stars .sb-title { margin: 0; font: 800 22px/1.1 var(--sans); letter-spacing: -.035em; color: var(--red); }
    .sb-side { margin-left: auto; font-size: 13px; line-height: 1.35; color: var(--soft); text-align: right; }
    .sb-side b { font: 700 13px/1 var(--num); color: var(--ink); }
    .sb-when {
      position: relative; margin-left: auto; display: inline-flex; align-items: center; gap: 8px; flex: none; height: 30px; padding: 0 11px; border-radius: 10px;
      background: var(--vxg-fill); box-shadow: var(--vxg-top); color: var(--vxg-ink); font: 600 12px/1 var(--sans); letter-spacing: .01em; white-space: nowrap;
    }
    .sb-when svg { width: 14px; height: 14px; flex: none; display: block; color: var(--red); }

    .sb-purse { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 28px; }
    #stars .sb-count { margin: 0; display: grid; gap: 8px; min-width: 128px; }
    .sb-count b { display: block; font: 700 92px/.84 var(--num); letter-spacing: -.06em; color: var(--ink); font-variant-numeric: tabular-nums; }
    .sb-count span { font-size: 14px; line-height: 1.3; color: var(--soft); }
    .sb-tokens { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
    .sb-tok {
      aspect-ratio: 1; display: grid; place-items: center; border-radius: 13px;
      background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); transition: opacity .35s ease;
    }
    .sb-tok svg { width: 60%; height: 60%; display: block; overflow: visible; color: var(--sb-off); }
    .sb-tok.on svg { color: var(--red); }
    .sb-tok:not(.on) { opacity: .62; }
    :root[data-theme="dark"] .sb-tok.on svg path { filter: url(#wmRimSpark); }
    @container sbw (min-width: 760px) {
      .sb-tokens { grid-template-columns: repeat(10, minmax(0, 64px)); }
    }

    .sb-facts {
      display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 24px 0 0; padding: 14px 0;
      border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
    }
    #stars .sb-fact { margin: 0; display: grid; gap: 6px; padding: 0 18px; min-width: 0; }
    .sb-fact + .sb-fact { box-shadow: inset 1px 0 0 var(--vx-well-edge); }
    .sb-fact b { font: 700 21px/1 var(--num); color: var(--ink); font-variant-numeric: tabular-nums; }
    .sb-fact span { font-size: 12.5px; line-height: 1.3; color: var(--soft); }
    .sb-stick { position: sticky; top: calc(var(--seghead, 72px) + 24px); display: flex; flex-direction: column; }
    .sb-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-top: 24px; }
    .sb .vx-btn.vx-go svg { width: 18px; height: 18px; }

    .sb-body { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; }
    .sb-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 8px 20px; }
    .sb-loops .sb-list { max-height: clamp(318px, 62svh, 640px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; -ms-overflow-style: none; align-content: start; }
    .sb-loops .sb-list::-webkit-scrollbar { width: 0; height: 0; display: none; }
    .sb-loops .sb-list.sb-more { -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 46px), transparent); mask-image: linear-gradient(180deg, #000 calc(100% - 46px), transparent); }
    .sb-loops .sb-list.sb-more.sb-end { -webkit-mask-image: none; mask-image: none; }
    .sb-row {
      grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: center; row-gap: 8px;
      padding: 10px 12px 10px 10px; border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
    }
    .sb-art {
      position: relative; display: block; height: 86px; aspect-ratio: 9 / 16; border-radius: 9px; overflow: hidden;
      background: var(--sb-dim); cursor: pointer; justify-self: center;
    }
    .sb-art > img, .sb-art > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: 1; }
    .sb-art.free { aspect-ratio: auto; min-width: 48px; }
    .sb-art.free > img, .sb-art.free > video { position: static; width: auto; height: 100%; }
    .sb-art > svg { position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; color: var(--sb-off); }
    .sb-who { display: grid; gap: 5px; min-width: 0; }
    .sb-who b { font: 700 15.5px/1.25 var(--sans); letter-spacing: -.015em; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
    .sb-who span { font-size: 12.5px; line-height: 1.3; color: var(--soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .sb-hold { display: grid; justify-items: end; gap: 7px; }
    .sb-rate .stars { gap: 4px; }
    .sb-rate .starwrap, .sb-rate .stars svg { width: 22px; height: 22px; }
    .sb-rate .tally { display: none; }
    .sb-n { font-size: 12px; line-height: 1; color: var(--soft); white-space: nowrap; }
    .sb-n b { font: 700 12.5px/1 var(--num); color: var(--ink); }
    .sb-ract { display: flex; gap: 8px; }
    .sb .vx-btn.sb-mini { height: 36px; gap: 7px; padding: 0 13px 0 11px; border-radius: 11px; font: 700 13px/1 var(--sans); }
    .sb .vx-btn.sb-mini svg, #stars .sb-qmore .vx-btn svg { width: 15px; height: 15px; }
    .sb-mini[aria-expanded="true"] { background: var(--vxg-fill-up); }
    .sb-moveto { grid-column: 2 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 4px 0 2px; }
    .sb-moveto[hidden] { display: none; }
    .sb-mlabel { margin-right: 4px; font: 700 10.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); }
    .sb-mnote { font-size: 12.5px; color: var(--soft); }

    .sb-empty { flex: 1 1 auto; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 34px; padding: 4px 6px 6px; }
    .sb-slots { display: flex; align-items: flex-end; gap: 10px; }
    .sb-slots span {
      position: relative; display: block; width: 72px; aspect-ratio: 9 / 16; border-radius: 11px;
      background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
    }
    .sb-slots span:nth-child(2) { width: 84px; }
    .sb-slots svg { position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; color: var(--sb-off); }
    .sb-etext { display: grid; gap: 12px; justify-items: start; }
    #stars .sb-etext h3 { margin: 0; font: 800 30px/1.05 var(--sans); letter-spacing: -.04em; color: var(--ink); }
    #stars .sb-etext p { margin: 0; max-width: 44ch; font-size: 15px; line-height: 1.6; color: var(--soft); }
    .sb-etext .vx-btn { margin-top: 6px; }

    #stars > .starsfaq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; align-items: start; padding: 26px 28px 28px; }
    #stars > .starsfaq > .navlabel { display: none; }
    #stars > .starsfaq > .sb-qhead { grid-column: 1 / -1; }
    #stars .sb-qcol { display: grid; gap: 8px; align-content: start; min-width: 0; }
    #stars .starsfaq .faq { border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    #stars .starsfaq .faq:hover, #stars .starsfaq .faq[open] { background: var(--sb-fill-up); }
    #stars .starsfaq .faq > summary { padding: 15px 18px; }
    #stars .starsfaq .faq > summary h3 { font-size: 15px; letter-spacing: -.015em; }
    #stars .starsfaq .faq-caret { width: 15px; height: 15px; }
    #stars .starsfaq .faq-body { padding: 0 18px 17px; }
    #stars .starsfaq .faq-body p { font-size: 14px; line-height: 1.62; }
    #stars .starsfaq .faq-body p + p { margin-top: 10px; }
    #stars .sb-qmore {
      display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 10px 10px 18px;
      border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
    }
    .sb-qmore > span { font-size: 13px; line-height: 1.4; color: var(--soft); }
    #stars .sb-qmore .vx-btn { flex: none; height: 36px; gap: 7px; padding: 0 13px 0 11px; border-radius: 11px; font: 700 13px/1 var(--sans); }
  }
  @media (min-width: 901px) and (max-width: 1199px) {
    .sb-wallet, .sb-loops { grid-column: 1 / -1; }
  }
  @media (min-width: 901px) and (prefers-reduced-motion: reduce) {
    .sb-tok { transition: none; }
  }
  @media (min-width: 901px) {
    #stars > .sb {
      position: relative; isolation: isolate; display: block; border-radius: 16px;
      background: var(--sb-fill); box-shadow: var(--vxg-top), var(--sb-shade);
    }
    #stars > .sb::before {
      content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
      background: var(--vxg-rim);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude;
    }
    #stars > .sb .sb-card { background: none; box-shadow: none; border-radius: 0; padding: 0; }
    #stars > .sb .sb-card::before { display: none; }
    #stars > .sb .sb-head { display: none; }
    #stars > .sb .sb-stick { position: static; display: block; }
    #stars > .sb .sb-wallet { padding: 28px 32px 26px; border-bottom: 1px solid var(--vx-well-edge); }
    #stars > .sb .sb-stick { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto auto; align-items: center; gap: 0 36px; }
    #stars > .sb .sb-purse { display: contents; }
    #stars > .sb .sb-count { min-width: 0; gap: 6px; }
    #stars > .sb .sb-count b { font-size: 64px; }
    #stars > .sb .sb-tokens { grid-template-columns: repeat(10, 52px); gap: 10px; }
    #stars > .sb .sb-tok { border-radius: 12px; }
    #stars > .sb .sb-facts { grid-column: 4; margin: 0; padding: 0; background: none; box-shadow: none; display: flex; gap: 28px; }
    #stars > .sb .sb-fact { padding: 0; }
    #stars > .sb .sb-fact:nth-child(3) { display: none; }
    #stars > .sb .sb-fact + .sb-fact { box-shadow: none; }
    #stars > .sb .sb-acts { grid-column: 5; padding: 0; flex-wrap: nowrap; }
    #stars > .sb .sb-loops { display: block; }
    #stars > .sb .sb-body { display: block; }
    .sb-th, .sb-row {
      display: grid; grid-template-columns: 108px minmax(0, 1.4fr) 140px 170px minmax(180px, 1fr) 200px; align-items: center; column-gap: 24px;
    }
    .sb-th { padding: 18px 32px 14px; font: 700 10.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); border-bottom: 1px solid var(--vx-well-edge); }
    .sb-loops .sb-list { display: block; max-height: none; overflow: visible; -webkit-mask-image: none; mask-image: none; }
    .sb-row { grid-template-columns: 108px minmax(0, 1.4fr) 140px 170px minmax(180px, 1fr) 200px; padding: 14px 32px; border-radius: 0; background: none; box-shadow: none; border-bottom: 1px solid var(--vx-well-edge); row-gap: 0; }
    .sb-row:last-child { border-bottom: 0; }
    .sb-art { height: 64px; justify-self: start; }
    .sb-plat { font-size: 13px; color: var(--soft); }
    .sb-share { display: flex; align-items: center; gap: 14px; }
    .sb-bar { flex: 1 1 auto; height: 8px; border-radius: 6px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); overflow: hidden; }
    .sb-bar i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); }
    .sb-share b { font: 700 13px/1 var(--num); color: var(--soft); min-width: 36px; }
    .sb-hold { justify-items: start; }
    .sb-ract { justify-content: flex-end; }
    .sb-moveto { grid-column: 2 / -1; padding: 12px 0 0; }
    .sb-note { margin: 0; padding: 14px 32px; border-top: 1px solid var(--vx-well-edge); font-size: 13px; color: var(--soft); }
    .sb-note:empty { display: none; }
    .sb-empty { padding: 36px 32px; }
  }
  @media (min-width: 901px) and (max-width: 1399px) {
    #stars > .sb .sb-stick { grid-template-columns: auto minmax(0, 1fr); row-gap: 20px; }
    #stars > .sb .sb-facts, #stars > .sb .sb-acts { grid-column: auto; }
    .sb-th, .sb-row { grid-template-columns: 90px minmax(0, 1fr) 150px 190px; }
    .sb-th span:nth-child(3), .sb-th span:nth-child(5), .sb-plat, .sb-share { display: none; }
  }
  :root {
    --st-fill: linear-gradient(180deg, rgba(252, 252, 251, .84), rgba(238, 237, 234, .7));
    --st-rim: linear-gradient(180deg, rgba(18, 18, 18, .15), rgba(18, 18, 18, .08) 60%, rgba(18, 18, 18, .11));
    --st-live: rgba(18, 18, 18, .4);
    --st-top: inset 0 1px 0 rgba(255, 255, 255, .95);
    --st-halo: 0 1px 2px rgba(18, 18, 18, .06), 0 6px 14px -8px rgba(18, 18, 18, .22);
    --st-main: #151515;
    --st-alt: #9a9792;
    --st-grid: rgba(18, 18, 18, .08);
    --st-track: rgba(18, 18, 18, .065);
    --st-ring: #f3f2ef;
    --st-hov: rgba(18, 18, 18, .045);
    --st-tip: rgba(255, 255, 255, .92);
    --st-tip-edge: rgba(18, 18, 18, .1);
    --st-tip-shade: 0 2px 6px rgba(18, 18, 18, .08), 0 14px 30px -12px rgba(18, 18, 18, .3);
  }
  :root[data-theme="dark"] {
    --st-fill: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, rgba(26, 26, 27, .74), rgba(14, 14, 15, .68));
    --st-rim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .3), rgba(255, 255, 255, .08) 58%, rgba(255, 255, 255, .03) 86%);
    --st-live: rgba(255, 255, 255, .55);
    --st-top: inset 0 1px 0 rgba(255, 255, 255, .05);
    --st-halo: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 18px -10px rgba(0, 0, 0, .8);
    --st-main: #f4f4f2;
    --st-alt: #77777a;
    --st-grid: rgba(255, 255, 255, .07);
    --st-track: rgba(255, 255, 255, .065);
    --st-ring: #121213;
    --st-hov: rgba(255, 255, 255, .045);
    --st-tip: rgba(30, 30, 32, .92);
    --st-tip-edge: rgba(255, 255, 255, .12);
    --st-tip-shade: 0 2px 6px rgba(0, 0, 0, .4), 0 18px 36px -12px rgba(0, 0, 0, .85);
  }
  .st-wrap { display: grid; gap: 14px; }
  .st-card {
    position: relative; isolation: isolate; min-width: 0; margin: 0; padding: 16px 18px 18px; border-radius: 16px;
    background: var(--st-fill); box-shadow: var(--st-top), var(--st-halo);
  }
  .st-card::before {
    content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
    background: var(--st-rim);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
  }
  .st-card:hover::before { background: radial-gradient(240px circle at var(--mx, 50%) var(--my, 0%), var(--st-live), transparent 70%), var(--st-rim); }
  .st-tiles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
  .st-tile { padding: 14px 16px 15px; }
  .st-label { display: block; font-size: 11.5px; font-weight: 700; color: var(--soft); }
  .st-value { display: block; margin: 9px 0 6px; font: 700 30px/1 var(--num); letter-spacing: -.03em; color: var(--ink); }
  .st-sub { display: block; font-size: 11.5px; line-height: 1.4; color: var(--soft); }
  .st-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 12px; }
  .st-title { font-size: 13.5px; font-weight: 800; letter-spacing: -.01em; color: var(--ink); }
  .st-hint { font-size: 11.5px; color: var(--soft); }
  .st-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-left: auto; font-size: 11.5px; font-weight: 600; color: var(--soft); }
  .st-legend span { display: inline-flex; align-items: center; gap: 6px; }
  .st-key { display: inline-block; flex: none; width: 14px; height: 2px; border-radius: 2px; background: var(--st-main); }
  .st-key.alt { background: var(--st-alt); }
  .st-key.box { width: 10px; height: 10px; border-radius: 3px; }
  .st-chart { position: relative; min-height: 150px; }
  .st-chart svg { display: block; overflow: visible; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
  .st-chart svg:focus { outline: none; }
  .st-chart svg:focus-visible { outline: 2px solid var(--soft); outline-offset: 6px; border-radius: 12px; }
  .st-chart text { font-family: var(--num); font-size: 10.5px; font-weight: 600; fill: var(--soft); }
  .st-gl { stroke: var(--st-grid); stroke-width: 1; shape-rendering: crispEdges; }
  .st-ln { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .st-ln.main { stroke: var(--st-main); filter: drop-shadow(0 0 5px color-mix(in srgb, var(--st-main) 65%, transparent)); }
  .st-ln.alt { stroke: var(--st-alt); }
  .st-ar { opacity: 1; }
  .st-glow-a { stop-color: var(--st-main); stop-opacity: .34; }
  .st-glow-b { stop-color: var(--st-main); stop-opacity: 0; }
  .st-dot { stroke: var(--st-ring); stroke-width: 2; }
  .st-dot.main, .st-col.main { fill: var(--st-main); }
  .st-dot.main.st-end { filter: drop-shadow(0 0 5px color-mix(in srgb, var(--st-main) 80%, transparent)); }
  .st-dot.alt, .st-col.alt { fill: var(--st-alt); }
  .st-cross { stroke: var(--soft); stroke-width: 1; opacity: .5; shape-rendering: crispEdges; }
  .st-day { transition: opacity .15s ease; }
  .st-cols.is-on .st-day { opacity: .42; }
  .st-cols.is-on .st-day.on { opacity: 1; }
  .st-hit { fill: transparent; cursor: crosshair; }
  .st-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .st-bars { list-style: none; margin: 0 -8px; padding: 0; display: grid; gap: 2px; }
  .st-bar {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 12px;
    padding: 7px 8px 8px; border-radius: 10px; outline: none; cursor: default;
  }
  .st-bar:hover, .st-bar:focus-visible { background: var(--st-hov); }
  .st-bar:focus-visible { box-shadow: inset 0 0 0 1px var(--st-grid); }
  .st-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; font-weight: 600; color: var(--ink); }
  .st-n { font: 700 12.5px/1 var(--num); font-variant-numeric: tabular-nums; color: var(--ink); text-align: right; }
  .st-track { grid-column: 1 / -1; height: 6px; border-radius: 4px; background: var(--st-track); overflow: hidden; }
  .st-track i { display: block; height: 100%; min-width: 6px; border-radius: 4px; background: var(--st-main); }
  .st-reel { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px 6px; margin: 0 -6px -6px; }
  .st-pick {
    display: grid; justify-items: start; gap: 7px; min-width: 84px; margin: 0; padding: 6px 6px 8px; border: 0; border-radius: 14px;
    background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; outline: none;
  }
  .st-pick:hover, .st-pick:focus-visible { background: var(--st-hov); }
  .st-pick:focus-visible { box-shadow: inset 0 0 0 1px var(--st-grid); }
  .st-pick:disabled { cursor: default; }
  .st-poster { display: block; height: 120px; aspect-ratio: 9 / 16; border-radius: 10px; overflow: hidden; background: var(--st-track); }
  .st-poster img, .st-poster video { display: block; width: 100%; height: 100%; object-fit: cover; }
  .st-pick .st-name, .st-pick .st-sub { width: 0; min-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .st-pick .st-name { font-size: 12px; }
  .st-pick .st-sub { margin-top: -4px; font-size: 11.5px; }
  .st-pick .st-sub b { font: 700 12px/1 var(--num); color: var(--ink); }
  .st-empty { margin: 0; padding: 24px 8px 18px; font-size: 12.5px; line-height: 1.5; color: var(--soft); text-align: center; }
  .st-warn { margin: 0 0 10px; font-size: 12px; line-height: 1.5; color: var(--soft); }
  .st-note { margin: 2px 0 0; max-width: none; font-size: 12px; line-height: 1.6; color: var(--soft); }
  .st-note b { color: var(--ink); font-weight: 700; }
  .st-table { margin: 0; }
  .st-scroll { overflow-x: auto; scrollbar-width: none; }
  .st-scroll::-webkit-scrollbar { display: none; }
  .st-table table { width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
  .st-table th, .st-table td { padding: 6px 10px; text-align: right; border-top: 1px solid var(--hair); white-space: nowrap; }
  .st-table th:first-child, .st-table td:first-child { text-align: left; padding-left: 0; }
  .st-table thead th { border-top: 0; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--soft); }
  .st-tip {
    position: fixed; z-index: 410; left: 0; top: 0; min-width: 132px; max-width: 240px; padding: 9px 11px 10px; border-radius: 12px;
    background: var(--st-tip); color: var(--ink); box-shadow: inset 0 0 0 1px var(--st-tip-edge), var(--st-tip-shade);
    -webkit-backdrop-filter: blur(18px) saturate(170%); backdrop-filter: blur(18px) saturate(170%);
    pointer-events: none; font-size: 11.5px; line-height: 1.35; opacity: 0; transition: opacity .12s ease;
  }
  .st-tip.show { opacity: 1; }
  .st-tip-day { display: block; margin: 0 0 6px; font-size: 10.5px; font-weight: 700; color: var(--soft); }
  .st-tip-row { display: flex; align-items: center; gap: 7px; }
  .st-tip-row + .st-tip-row { margin-top: 4px; }
  .st-tip-row b { font: 700 13px/1.1 var(--num); color: var(--ink); }
  .st-tip-row span { color: var(--soft); }
  .st-grid.st-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  @media (max-width: 1180px) {
    .st-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .st-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .st-grid > .st-card:nth-child(3):last-child { grid-column: 1 / -1; }
  }
  @media (max-width: 720px) {
    .st-grid, .st-grid.st-pair { grid-template-columns: minmax(0, 1fr); }
  }
  @media (max-width: 560px) {
    .st-wrap, .st-grid { gap: 10px; }
    .st-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .st-card { padding: 14px 14px 16px; border-radius: 14px; }
    .st-value { font-size: 26px; }
    .st-legend { margin-left: 0; width: 100%; }
    .st-poster { height: 88px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .st-tip, .st-day { transition: none; }
  }
  @media (max-width: 900px) {
    #about.abx-on {
      --abx-fill: rgba(255, 255, 255, .52);
      --abx-fill-up: rgba(255, 255, 255, .74);
      --abx-shade: 0 1px 2px rgba(18, 18, 18, .05), 0 12px 26px -20px rgba(18, 18, 18, .32);
      --abx-ring: rgba(18, 18, 18, .2);
      --abx-track: rgba(18, 18, 18, .08);
      --abx-bar: linear-gradient(90deg, color-mix(in srgb, var(--red) 42%, #000) 0%, color-mix(in srgb, var(--red) 61%, #000) 48%, color-mix(in srgb, var(--red) 88%, #000) 86%, color-mix(in srgb, var(--red) 92%, #fff) 100%);
      --abx-bar-rim: 0 0 0 .5px color-mix(in srgb, color-mix(in srgb, var(--red) 69%, #000) 20%, transparent), 0 0 6px color-mix(in srgb, var(--red) 18%, transparent);
      --abx-bar-hot: 0 0 7px color-mix(in srgb, var(--red) 30%, transparent);
      --abx-core: #ffffff;
      --abx-rim: color-mix(in srgb, var(--red) 91%, #000);
      --abx-halo: 0 0 6px color-mix(in srgb, var(--red) 28%, transparent);
      --vxg-fill: linear-gradient(180deg, rgba(252, 252, 251, .84), rgba(238, 237, 234, .7));
      --vxg-rim: linear-gradient(180deg, rgba(18, 18, 18, .15), rgba(18, 18, 18, .08) 60%, rgba(18, 18, 18, .11));
      --vxg-top: inset 0 1px 0 rgba(255, 255, 255, .95);
      --vxg-ink: #121212;
      --vx-well: rgba(18, 18, 18, .035);
      --vx-well-edge: rgba(18, 18, 18, .07);
    }
    :root[data-theme="dark"] #about.abx-on {
      --abx-fill: rgba(255, 255, 255, .035);
      --abx-fill-up: rgba(255, 255, 255, .06);
      --abx-shade: 0 1px 2px rgba(0, 0, 0, .4);
      --abx-ring: rgba(255, 255, 255, .22);
      --abx-track: rgba(255, 255, 255, .07);
      --abx-bar: linear-gradient(90deg, #420704 0%, color-mix(in srgb, var(--red) 45%, #000) 46%, color-mix(in srgb, var(--red) 82%, #000) 84%, color-mix(in srgb, var(--red) 82%, #fff) 100%);
      --abx-bar-rim: 0 0 0 .5px color-mix(in srgb, color-mix(in srgb, var(--red) 75%, #fff) 16%, transparent), 0 0 7px color-mix(in srgb, var(--red) 26%, transparent);
      --abx-bar-hot: 0 0 9px 1px color-mix(in srgb, color-mix(in srgb, var(--red) 89%, #fff) 46%, transparent);
      --abx-core: #140202;
      --abx-rim: color-mix(in srgb, var(--red) 89%, #fff);
      --abx-halo: 0 0 7px color-mix(in srgb, var(--red) 55%, transparent);
      --vxg-fill: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, rgba(30, 30, 30, .66), rgba(16, 16, 16, .6));
      --vxg-rim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .34), rgba(255, 255, 255, .08) 58%, rgba(255, 255, 255, .03) 86%);
      --vxg-top: inset 0 1px 0 rgba(255, 255, 255, .06);
      --vxg-ink: #ffffff;
      --vx-well: rgba(255, 255, 255, .04);
      --vx-well-edge: rgba(255, 255, 255, .07);
    }
    #about.abx-on > .lede, #about.abx-on > details.faq[data-abx] { display: none; }
    #about.abx-on > .abx { display: block; margin: 0 0 14px; }
    .abx-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }

    .abx-card, #about.abx-on > details.faq {
      position: relative; isolation: isolate; min-width: 0; border-radius: 16px; color: var(--ink);
      background: var(--abx-fill); box-shadow: var(--vxg-top), var(--abx-shade);
    }
    .lore .abx-card { display: flex; flex-direction: column; padding: 20px 18px 20px; }
    .abx-card::before, #about.abx-on > details.faq::before, .abx-chip::before {
      content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
      background: var(--vxg-rim);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude;
    }

    .abx-head { display: flex; align-items: center; gap: 11px; margin: 0 0 15px; }
    .abx-ico {
      width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 10px; color: var(--red);
      background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
    }
    .abx-ico svg { width: 16px; height: 16px; display: block; }
    .lore .abx-title { margin: 0; font: 800 19px/1.15 var(--sans); letter-spacing: -.03em; color: var(--red); }

    .lore .abx-what { gap: 14px; padding: 22px 18px 20px; }
    .lore .abx-lead { margin: 0; font: 800 clamp(22px, 6.4vw, 27px)/1.08 var(--sans); letter-spacing: -.035em; color: var(--ink); text-wrap: balance; }
    .lore .abx-copy { margin: 0; font: 400 14.5px/1.62 var(--lede); letter-spacing: 0; color: var(--soft); }
    .abx-copy strong { color: var(--ink); font-weight: 700; }
    .abx-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 0; padding: 0; list-style: none; }
    .abx-chip {
      position: relative; display: inline-flex; align-items: center; flex: none; height: 30px; padding: 0 11px; border-radius: 10px;
      background: var(--vxg-fill); box-shadow: var(--vxg-top); color: var(--vxg-ink); font: 600 12px/1 var(--sans); letter-spacing: .01em; white-space: nowrap;
    }

    .abx-phases { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
    .abx-phase {
      display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 14px 10px 13px;
      border-radius: 12px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
    }
    .abx-dot { width: 9px; height: 9px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--abx-ring); }
    .abx-phase.on .abx-dot { background: var(--abx-core); box-shadow: inset 0 0 0 1.5px var(--abx-rim), var(--abx-halo); }
    .abx-ptxt { display: grid; gap: 2px; min-width: 0; }
    .abx-when { font: 800 14.5px/1.2 var(--sans); letter-spacing: -.015em; color: var(--ink); }
    .abx-pwhat { font-size: 13px; line-height: 1.4; color: var(--soft); }
    .abx-now { font: 700 9.5px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--red); }
    .lore .abx-time .note { margin: 14px 0 0; font-size: 12.5px; }

    #about.abx-on .steps { list-style: none; padding-left: 0; }
    #about.abx-on .steps li { position: relative; padding-left: 20px; }
    #about.abx-on .steps li::before {
      content: ""; position: absolute; left: 1px; top: calc(.75em - 3.5px); width: 7px; height: 7px; border-radius: 50%;
      background: var(--abx-core); box-shadow: inset 0 0 0 1.5px var(--abx-rim), var(--abx-halo);
    }
    .lore .abx-enter .steps { margin: 0; gap: 13px; }
    .abx-enter .steps li { font-size: 14.5px; line-height: 1.5; color: var(--soft); }
    .abx-enter .steps strong { color: var(--ink); }
    .lore .abx-enter .note, .abx-rubric, .abx-formula { border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    .lore .abx-enter .note { margin: 16px 0 0; padding: 13px 15px; font-size: 12.5px; }

    .abx-pair { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .abx-contest .abx-title, .abx-enter .abx-title { text-wrap: balance; }
    .abx-contest .lc-part { padding: 14px 15px; border-radius: 12px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    .lore .abx-contest .lc-part h4 { margin: 0; font: 800 14.5px/1.2 var(--sans); letter-spacing: -.015em; color: var(--ink); }
    .lore .abx-contest .lc-kick { margin: 4px 0 11px; font: 600 13px/1.4 var(--sans); letter-spacing: 0; color: var(--soft); text-wrap: pretty; }
    .lore .abx-contest .steps { margin: 0; gap: 10px; }
    .abx-contest .steps li { font-size: 14px; line-height: 1.5; color: var(--soft); text-wrap: pretty; }
    .abx-contest .steps strong { color: var(--ink); }
    .lore .abx-contest .note { margin: 4px 0 0; font-size: 12.5px; text-wrap: pretty; }

    .abx-cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .lore .abx-col > p { font-size: 14px; line-height: 1.6; color: var(--soft); }
    .abx-col strong { color: var(--ink); }
    .abx-rubric { margin: 16px 0; padding: 14px 15px; }
    .lore .abx-cap { margin: 0 0 14px; font: 600 12.5px/1.45 var(--sans); letter-spacing: 0; color: var(--soft); }
    .abx-stack, .abx-split { position: relative; display: flex; gap: 5px; height: 4px; margin: 0 0 16px; }
    .abx-stack::before, .abx-split::before { content: ""; position: absolute; inset: 0; border-radius: 2px; background: var(--abx-track); }
    .abx-stack i, .abx-split i {
      position: relative; display: block; flex: 1 1 0; min-width: 6px; border-radius: 2px;
      background: var(--abx-bar); box-shadow: var(--abx-bar-rim); transform-origin: 0 50%;
    }
    .abx-stack i::after, .abx-split i::after {
      content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 34%; max-width: 64px; border-radius: inherit; box-shadow: var(--abx-bar-hot); pointer-events: none;
    }
    .abx-stack .abx-s1, .abx-legend .abx-s1 .abx-sw { opacity: .74; }
    .abx-stack .abx-s2, .abx-legend .abx-s2 .abx-sw { opacity: .54; }
    .abx-stack .abx-s3, .abx-legend .abx-s3 .abx-sw { opacity: .38; }
    .abx-legend { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
    .abx-legend li { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; align-items: center; gap: 10px; font-size: 13.5px; line-height: 1.3; }
    .abx-sw { width: 14px; height: 4px; border-radius: 2px; background: var(--abx-bar); box-shadow: var(--abx-bar-rim); }
    .abx-nm { color: var(--ink); font-weight: 600; }
    .abx-pc { font: 700 13.5px/1 var(--num); color: var(--soft); font-variant-numeric: tabular-nums; }
    .abx-formula { margin: 0 0 14px; padding: 14px 15px 13px; }
    .lore .abx-ftext { margin: 0 0 14px; font: 800 15px/1.35 var(--sans); letter-spacing: -.01em; color: var(--ink); }
    .abx-split { margin: 0 0 10px; }
    .abx-split i + i { opacity: .46; }
    .abx-slbl { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; line-height: 1.3; color: var(--soft); }
    .abx-slbl b { font: 700 12px/1 var(--num); color: var(--ink); margin-right: 3px; }

    #about.abx-on > details.faq { margin: 0; padding: 0 !important; border-radius: 14px !important; }
    #about.abx-on > details.faq[open] { background: var(--abx-fill-up); }
    #about.abx-on > details.faq > summary { min-height: 52px; padding: 14px 16px 14px 18px; gap: 14px; }
    #about.abx-on > details.faq > summary h3 { margin: 0; font: 700 15.5px/1.3 var(--sans); letter-spacing: -.015em; color: var(--ink); }
    #about.abx-on > details.faq .faq-caret { width: 14px; height: 14px; color: var(--red); }
    #about.abx-on > details.faq .faq-body { padding: 0 18px 18px; }
    #about.abx-on > details.faq .faq-body p, #about.abx-on > details.faq .faq-body li { font-size: 14px; line-height: 1.6; }
    #about.abx-on > details.faq .faq-body > p, #about.abx-on > details.faq .steps li { color: var(--soft); }
    #about.abx-on > details.faq .faq-body strong { color: var(--ink); }
    #about.abx-on > details.faq .pull { background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); border-radius: 12px; font-size: 14px; }

    @media (prefers-reduced-motion: no-preference) {
      .abx-card.rise:not(.shown) .abx-stack i, .abx-card.rise:not(.shown) .abx-split i { transform: scaleX(0); }
      .abx-stack i, .abx-split i { transition: transform 1.1s cubic-bezier(.22, .9, .2, 1) .35s; }
      .abx-stack i + i, .abx-split i + i { transition-delay: .45s; }
      .abx-stack i + i + i { transition-delay: .55s; }
      .abx-stack i + i + i + i { transition-delay: .65s; }
    }
  }
  @media (min-width: 640px) and (max-width: 900px) {
    .abx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .abx-what, .abx-contest, .abx-score { grid-column: 1 / -1; }
    .abx-pair { grid-template-columns: minmax(0, 3fr) minmax(0, 4fr); grid-template-rows: auto 1fr; gap: 14px; }
    .abx-pair > .lc-part + .lc-part { grid-column: 2; grid-row: 1 / span 2; }
    .abx-pair > .note { grid-column: 1; grid-row: 2; }
    .lore .abx-contest .note { margin: 0; padding: 2px 4px 0; }
    .lore .abx-card { padding: 24px 24px 24px; }
    .lore .abx-what { gap: 18px; padding: 30px 28px 26px; }
    .lore .abx-lead { font-size: 34px; }
    .lore .abx-copy { font-size: 15.5px; }
    .lore .abx-title { font-size: 21px; }
    .abx-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
    .abx-cols.abx-one { grid-template-columns: minmax(0, 1fr); }
    #about.abx-on > details.faq > summary { padding: 16px 20px; }
    #about.abx-on > details.faq > summary h3 { font-size: 16.5px; }
    #about.abx-on > details.faq .faq-body { padding: 0 20px 20px; }
  }
  @media (max-width: 900px) {
    #about.abx-on {
      --abx-groove: rgba(18, 18, 18, .07);
      --abx-groove-edge: inset 0 1px 1px rgba(18, 18, 18, .12);
      --abx-fill-line: linear-gradient(90deg, color-mix(in srgb, var(--red) 25%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--red) 89%, #000) 75%, transparent) 55%, var(--red) 100%);
      --abx-fill-glow: 0 0 6px color-mix(in srgb, var(--red) 18%, transparent);
      --abx-head: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--red) 68%, #fff) 0%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 68%, #fff) 85%, transparent));
      --abx-head-glow: 4px 0 8px -2px color-mix(in srgb, var(--red) 45%, transparent);
    }
    :root[data-theme="dark"] #about.abx-on {
      --abx-groove: rgba(255, 255, 255, .055);
      --abx-groove-edge: inset 0 1px 1px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .035);
      --abx-fill-line: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--red) 46%, #000) 35%, transparent) 0%, color-mix(in srgb, var(--red) 57%, #000) 45%, color-mix(in srgb, var(--red) 90%, #000) 80%, color-mix(in srgb, var(--red) 81%, #fff) 100%);
      --abx-fill-glow: 0 0 10px -1px color-mix(in srgb, var(--red) 35%, transparent);
      --abx-head: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--red) 75%, #fff) 0%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 53%, #fff) 95%, transparent));
      --abx-head-glow: 6px 0 12px -3px color-mix(in srgb, color-mix(in srgb, var(--red) 86%, #fff) 55%, transparent);
    }
    #about.abx-on .abx-legend li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 11px; }
    #about.abx-on .abx-meter { position: relative; display: block; height: 4px; border-radius: 3px; grid-column: 1 / -1; background: var(--abx-groove); box-shadow: var(--abx-groove-edge); }
    #about.abx-on .abx-meter > i { position: absolute; left: 0; top: 0; bottom: 0; display: block; border-radius: inherit; background: var(--abx-fill-line); box-shadow: var(--abx-fill-glow); }
    #about.abx-on .abx-meter > i::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: min(28px, 40%); border-radius: inherit; background: var(--abx-head); box-shadow: var(--abx-head-glow); pointer-events: none; }
    #about.abx-on .abx-split.abx-meter { display: block; gap: 0; height: 4px; margin: 0 0 12px; }
    #about.abx-on .abx-split.abx-meter::before { display: none; }
  }
  .jside-wrap, .abx-switch {
    --js-fill: rgba(255, 255, 255, .52);
    --js-shade: 0 1px 2px rgba(18, 18, 18, .05), 0 12px 26px -20px rgba(18, 18, 18, .32);
    --js-top: inset 0 1px 0 rgba(255, 255, 255, .95);
    --js-rim: linear-gradient(180deg, rgba(18, 18, 18, .15), rgba(18, 18, 18, .08) 60%, rgba(18, 18, 18, .11));
    --js-well: rgba(18, 18, 18, .035);
    --js-well-edge: rgba(18, 18, 18, .07);
    --js-glass: rgba(246, 245, 242, .62);
    --js-line: rgba(18, 18, 18, .08);
    --js-gtop: rgba(255, 255, 255, .8);
    --js-gshadow: 0 1px 2px rgba(18, 18, 18, .05), 0 10px 24px -12px rgba(18, 18, 18, .22);
    --js-grim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .95), rgba(255, 255, 255, .42) 58%, rgba(255, 255, 255, .14) 86%);
    --js-ico: rgba(18, 18, 18, .56);
    --js-ico-on: #121212;
    --js-ring: rgba(18, 18, 18, .55);
    --js-on-fill: linear-gradient(180deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0) 55%), linear-gradient(180deg, color-mix(in srgb, var(--red) 12%, transparent), color-mix(in srgb, var(--red) 7%, transparent));
    --js-on-rim: linear-gradient(180deg, color-mix(in srgb, var(--red) 44%, transparent), color-mix(in srgb, var(--red) 18%, transparent) 50%, color-mix(in srgb, var(--red) 13%, transparent));
    --js-on-halo: inset 0 0 10px color-mix(in srgb, var(--red) 6%, transparent), 0 0 8px -3px color-mix(in srgb, var(--red) 34%, transparent), 0 1px 2px rgba(18, 18, 18, .05);
    --js-hv-fill: linear-gradient(180deg, rgba(18, 18, 18, .03), rgba(18, 18, 18, .05));
    --js-hv-rim: linear-gradient(180deg, rgba(18, 18, 18, .1), rgba(18, 18, 18, .05));
    --js-hv-halo: 0 1px 2px rgba(18, 18, 18, 0);
    --js-groove: rgba(18, 18, 18, .07);
    --js-groove-edge: inset 0 1px 1px rgba(18, 18, 18, .12);
    --js-fill-line: linear-gradient(90deg, color-mix(in srgb, var(--red) 25%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--red) 89%, #000) 75%, transparent) 55%, var(--red) 100%);
    --js-fill-glow: 0 0 6px color-mix(in srgb, var(--red) 18%, transparent);
    --js-head: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--red) 68%, #fff) 0%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 68%, #fff) 85%, transparent));
    --js-head-glow: 4px 0 8px -2px color-mix(in srgb, var(--red) 45%, transparent);
    --js-wild: color-mix(in srgb, var(--red) 55%, transparent);
  }
  :root[data-theme="dark"] .jside-wrap, :root[data-theme="dark"] .abx-switch {
    --js-fill: rgba(255, 255, 255, .035);
    --js-shade: 0 1px 2px rgba(0, 0, 0, .4);
    --js-top: inset 0 1px 0 rgba(255, 255, 255, .06);
    --js-rim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .34), rgba(255, 255, 255, .08) 58%, rgba(255, 255, 255, .03) 86%);
    --js-well: rgba(255, 255, 255, .04);
    --js-well-edge: rgba(255, 255, 255, .07);
    --js-glass: rgba(24, 24, 26, .62);
    --js-line: rgba(255, 255, 255, .06);
    --js-gtop: rgba(255, 255, 255, .05);
    --js-gshadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 24px -10px rgba(0, 0, 0, .75);
    --js-grim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .34), rgba(255, 255, 255, .08) 58%, rgba(255, 255, 255, 0) 86%);
    --js-ico: rgba(255, 255, 255, .7);
    --js-ico-on: #ffffff;
    --js-ring: rgba(255, 255, 255, .6);
    --js-on-fill: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8);
    --js-on-rim: linear-gradient(180deg, #d1f0ff, rgba(159, 220, 255, .4) 55%, rgba(159, 220, 255, .7));
    --js-on-halo: inset 0 1px 0 rgba(255, 255, 255, .55), 0 4px 12px -4px rgba(3, 20, 50, .6), 0 0 14px -4px rgba(92, 188, 255, .6);
    --js-hv-fill: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8);
    --js-hv-rim: linear-gradient(180deg, #d1f0ff, rgba(159, 220, 255, .4) 55%, rgba(159, 220, 255, .7));
    --js-hv-halo: inset 0 1px 0 rgba(255, 255, 255, .55), 0 4px 12px -4px rgba(3, 20, 50, .6), 0 0 14px -4px rgba(92, 188, 255, .6);
    --js-groove: rgba(255, 255, 255, .055);
    --js-groove-edge: inset 0 1px 1px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .035);
    --js-fill-line: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--red) 46%, #000) 35%, transparent) 0%, color-mix(in srgb, var(--red) 57%, #000) 45%, color-mix(in srgb, var(--red) 90%, #000) 80%, color-mix(in srgb, var(--red) 81%, #fff) 100%);
    --js-fill-glow: 0 0 10px -1px color-mix(in srgb, var(--red) 35%, transparent);
    --js-head: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--red) 75%, #fff) 0%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 53%, #fff) 95%, transparent));
    --js-head-glow: 6px 0 12px -3px color-mix(in srgb, color-mix(in srgb, var(--red) 86%, #fff) 55%, transparent);
    --js-wild: color-mix(in srgb, color-mix(in srgb, var(--red) 73%, #fff) 62%, transparent);
  }
  .jside {
    position: relative; isolation: isolate; min-width: 0; border-radius: 16px; color: var(--ink); text-align: left;
    background: var(--js-fill); box-shadow: var(--js-top), var(--js-shade);
  }
  .jside::before, .jside-tabs::before, .jside-glow::before, .jside-step.on .jside-ico::before {
    content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
    background: var(--js-rim);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
  }
  .jside-in { position: relative; display: flex; flex-direction: column; padding: 12px; }
  .jside-tabs {
    position: relative; z-index: 0; flex: none; display: flex; align-items: center; gap: 2px; height: 48px; padding: 5px;
    border: 1px solid transparent; border-radius: 16px; box-shadow: var(--js-gshadow);
  }
  .jside-tabs::after {
    content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; pointer-events: none;
    border: 1px solid var(--js-line); background: var(--js-glass);
    -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%);
    box-shadow: inset 0 1px 0 var(--js-gtop);
  }
  .jside-tabs::before { inset: -1px; background: var(--js-grim); }
  .jside-tab {
    position: relative; z-index: 1; flex: 1 1 0; min-width: 0; height: 36px; margin: 0; padding: 0 8px; gap: 7px;
    display: flex; align-items: center; justify-content: center; border: 0; border-radius: 13px; cursor: pointer;
    background: transparent; color: var(--js-ico); font: 600 13px/1 var(--sans); letter-spacing: 0; white-space: nowrap;
    transition: color .22s ease;
  }
  .jside-tab svg { width: 17px; height: 17px; flex: none; display: block; transition: transform .45s cubic-bezier(.34, 1.4, .5, 1); }
  .jside-tab span { overflow: hidden; text-overflow: ellipsis; }
  .jside-tab:hover, .jside-tab:focus-visible, .jside-tab[aria-selected="true"] { color: var(--js-ico-on); }
  .jside-tab:hover svg, .jside-tab:focus-visible svg { transform: scale(1.08); }
  .jside-tab:focus-visible { outline: none; box-shadow: inset 0 0 0 1.5px var(--js-ring); }
  .jside-glow {
    position: absolute; left: 0; top: 0; z-index: 0; width: 0; height: 36px; border-radius: 13px; pointer-events: none; opacity: 0;
    background: var(--js-on-fill); box-shadow: var(--js-on-halo);
    transition: opacity .22s ease,
      transform .6s linear(0, 0.076, 0.246, 0.444, 0.63, 0.784, 0.898, 0.975, 1.02, 1.043, 1.049, 1.046, 1.037, 1.028, 1.019, 1.011, 1.005, 1.001, 0.999, 0.998, 0.998, 0.998, 0.998, 0.999, 1),
      width .6s linear(0, 0.076, 0.246, 0.444, 0.63, 0.784, 0.898, 0.975, 1.02, 1.043, 1.049, 1.046, 1.037, 1.028, 1.019, 1.011, 1.005, 1.001, 0.999, 0.998, 0.998, 0.998, 0.998, 0.999, 1),
      box-shadow .3s ease;
  }
  .jside-glow::before { background: var(--js-on-rim); }
  .jside-glow.is-on { opacity: 1; }
  .jside-glow.is-hover { background: var(--js-hv-fill); box-shadow: var(--js-hv-halo); }
  .jside-glow.is-hover::before { background: var(--js-hv-rim); }
  .jside-glow.snap { transition: none; }
  .jside-body { position: relative; display: grid; min-height: 0; padding: 24px 12px 12px; scrollbar-width: none; }
  .jside-body::-webkit-scrollbar { width: 0; height: 0; }
  .jside-pane {
    grid-area: 1 / 1; min-width: 0; display: flex; flex-direction: column; gap: 18px;
    opacity: 0; visibility: hidden; transition: opacity .22s ease, visibility 0s linear .22s;
  }
  .jside-pane.on { opacity: 1; visibility: visible; transition: opacity .34s ease .06s, visibility 0s linear 0s; }
  .jside-h { margin: 0; font: 800 22px/1.1 var(--sans); letter-spacing: -.035em; color: var(--red); }
  .jside-lead { margin: -6px 0 0; font-size: 14.5px; line-height: 1.6; color: var(--soft); }
  .jside-lead strong, .jside-txt strong { color: var(--ink); font-weight: 700; }
  .jside-txt { margin: 0; font-size: 14px; line-height: 1.6; color: var(--soft); }
  .jside-cap { margin: -8px 0 0; font-size: 13px; line-height: 1.45; color: var(--soft); }
  .jside-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .jside-stat {
    display: grid; gap: 7px; align-content: start; min-width: 0; padding: 14px 15px 13px; border-radius: 13px;
    background: var(--js-well); box-shadow: inset 0 0 0 1px var(--js-well-edge);
  }
  .jside-stat b { font: 700 28px/1 var(--num); letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
  .jside-stat span { font-size: 12.5px; line-height: 1.3; color: var(--soft); }
  .jside-road, .jside-rules { --js-gap: 16px; list-style: none; margin: 0; padding: 0; display: grid; gap: var(--js-gap); }
  .jside-step, .jside-rule { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; column-gap: 14px; row-gap: 3px; align-items: baseline; }
  .jside-step:not(:last-child)::after {
    content: ""; position: absolute; left: 17px; top: 42px; bottom: calc(6px - var(--js-gap)); width: 2px; border-radius: 1px; background: var(--js-groove);
  }
  .jside-ico {
    position: relative; grid-row: 1 / span 2; align-self: start; width: 36px; height: 36px; display: grid; place-items: center;
    border-radius: 11px; color: var(--red); background: var(--js-well); box-shadow: inset 0 0 0 1px var(--js-well-edge);
  }
  .jside-ico svg { width: 18px; height: 18px; display: block; }
  .jside-step.on .jside-ico { background: var(--js-on-fill); box-shadow: var(--js-on-halo); }
  .jside-step.on .jside-ico::before { background: var(--js-on-rim); }
  .jside-sname { grid-column: 2; min-width: 0; padding-top: 1px; font: 800 15.5px/1.25 var(--sans); letter-spacing: -.015em; color: var(--ink); }
  .jside-rule .jside-sname { grid-column: 2 / -1; }
  .jside-now { margin-left: 9px; font: 700 10px/1 var(--sans); font-style: normal; letter-spacing: .2em; text-transform: uppercase; color: var(--red); vertical-align: 2px; }
  .jside-when { grid-column: 3; font: 600 12.5px/1.25 var(--sans); color: var(--soft); white-space: nowrap; font-variant-numeric: tabular-nums; }
  .jside-swhat { grid-column: 2 / -1; font-size: 13.5px; line-height: 1.5; color: var(--soft); }
  .jside-note, .jside-more {
    display: flex; align-items: center; gap: 11px; margin: auto 0 0; padding: 12px 15px; border-radius: 13px;
    background: var(--js-well); box-shadow: inset 0 0 0 1px var(--js-well-edge); font-size: 13px; line-height: 1.45; color: var(--soft);
  }
  .jside-note svg { width: 17px; height: 17px; flex: none; color: var(--soft); }
  .jside-more { justify-content: space-between; padding: 8px 8px 8px 15px; }
  .jside-more > span { min-width: 0; }
  .jside-board { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 6px; align-items: center; }
  .jside-slot {
    position: relative; display: grid; place-items: center; height: 30px; border-radius: 10px; color: var(--soft);
    background: var(--js-well); box-shadow: inset 0 0 0 1px var(--js-well-edge);
  }
  .jside-slot svg { width: 11px; height: 11px; display: block; opacity: .55; }
  .jside-slot.wild { background: transparent; box-shadow: none; border: 1px dashed var(--js-wild); color: var(--red); }
  .jside-slot.wild svg { width: 14px; height: 14px; opacity: 1; }
  .jside-blabel { grid-column: 6 / -1; padding-left: 6px; font: 700 10px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--red); }
  .jside-why {
    display: grid; gap: 6px; padding: 15px 17px; border-radius: 13px;
    background: var(--js-well); box-shadow: inset 0 0 0 1px var(--js-well-edge);
  }
  .jside-why b { font: 800 14.5px/1.3 var(--sans); letter-spacing: -.01em; color: var(--ink); }
  .jside-why span { font-size: 13.5px; line-height: 1.55; color: var(--soft); }
  .jside-legend { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
  .jside-legend li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 11px; font-size: 14px; line-height: 1.3; }
  .jside-nm { color: var(--ink); font-weight: 600; }
  .jside-pc { grid-column: 2; grid-row: 1; font: 700 14px/1 var(--num); color: var(--soft); font-variant-numeric: tabular-nums; }
  .jside-legend .jside-meter { grid-row: 2; }
  .jside-meter {
    position: relative; display: block; height: 4px; border-radius: 3px; grid-column: 1 / -1;
    background: var(--js-groove); box-shadow: var(--js-groove-edge);
  }
  .jside-meter > i {
    position: absolute; left: 0; top: 0; bottom: 0; display: block; border-radius: inherit;
    background: var(--js-fill-line); box-shadow: var(--js-fill-glow);
    clip-path: inset(-14px -14px -14px -14px);
  }
  .jside-meter > i::after {
    content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: min(28px, 40%); border-radius: inherit;
    background: var(--js-head); box-shadow: var(--js-head-glow); pointer-events: none;
  }
  .jside-formula {
    display: grid; gap: 9px; padding: 15px 17px; border-radius: 13px;
    background: var(--js-well); box-shadow: inset 0 0 0 1px var(--js-well-edge);
  }
  .jside-def { display: grid; grid-template-columns: minmax(0, 9.2em) minmax(0, 1fr); gap: 12px; font-size: 13.5px; line-height: 1.45; }
  .jside-def b { color: var(--ink); font-weight: 700; }
  .jside-def span { color: var(--soft); }
  .jside-final { display: grid; gap: 11px; }
  .jside-ftext { margin: 0; font: 800 16px/1.35 var(--sans); letter-spacing: -.01em; color: var(--ink); }
  .jside-slbl { display: flex; justify-content: space-between; gap: 12px; font-size: 12.5px; line-height: 1.3; color: var(--soft); }
  .jside-slbl b { font: 700 12.5px/1 var(--num); color: var(--ink); margin-right: 4px; }
  @media (prefers-reduced-motion: no-preference) {
    .jside-pane:not(.on) .jside-meter > i { clip-path: inset(-14px 100% -14px -14px); }
    .jside-pane.on .jside-meter > i { transition: clip-path 1.1s cubic-bezier(.22, .9, .2, 1) .25s; }
    .jside-pane.on .jside-legend li + li .jside-meter > i { transition-delay: .33s; }
    .jside-pane.on .jside-legend li + li + li .jside-meter > i { transition-delay: .41s; }
    .jside-pane.on .jside-legend li + li + li + li .jside-meter > i { transition-delay: .49s; }
    .jside-pane.on .jside-final .jside-meter > i { transition-delay: .6s; }
  }
  @media (prefers-reduced-motion: reduce) {
    .jside-pane, .jside-pane.on, .jside-glow, .jside-tab, .jside-tab svg { transition: none; }
  }
  @media (min-width: 901px) {
    #judgesBody .jside-wrap { display: grid; grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); gap: 20px; padding-bottom: 24px; }
    #judgesBody .jside-main { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: calc(min(var(--jside-h, 0px), 780px) + var(--jside-y, 0px)); border-radius: 16px; }
    .jside-pane { gap: clamp(13px, 2.1vh, 26px); }
    .jside-road, .jside-rules { --js-gap: clamp(12px, 2.2vh, 28px); }
    .jside-legend { gap: clamp(10px, 1.8vh, 18px); }
    .jside-stat { padding: clamp(11px, 1.7vh, 17px) 15px; }
    #judgesBody .jside-main > .judgelede, #judgesBody .jside-main > .jlede-box { margin: 0 0 calc(16px + var(--jside-y, 0px)); }
    #judgesBody .jside-main .jdeck {
      --deckbg: var(--ub-paper, #e4e5e8); flex: none; margin: auto 0;
      -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
      mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
    }
    #judgesBody .jside-main .jdeck:focus-visible { box-shadow: none; }
    #judgesBody .jside-main:has(> .jdeck:focus-visible) { outline: 2px solid var(--ink); outline-offset: 6px; }
    #judgesBody .jside-main .jedit { margin-bottom: 4px; }
    #judgesBody .jside { min-height: 0; margin-top: var(--jside-y, 0px); }
    #judgesBody .jside-in { position: absolute; inset: 0; }
    #judgesBody .jside-body {
      flex: 1 1 auto; overflow-y: auto; overscroll-behavior: auto;
      -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 10px), transparent);
      mask-image: linear-gradient(to bottom, #000 calc(100% - 10px), transparent);
    }
    .jside .vx-btn.jside-go { flex: none; height: 36px; gap: 7px; padding: 0 12px 0 14px; border-radius: 11px; font: 700 13px/1 var(--sans); }
    .jside .vx-btn.jside-go svg { width: 16px; height: 16px; }
  }
  @media (min-width: 1200px) {
    .jside-legend { grid-template-columns: max-content minmax(0, 1fr) max-content; column-gap: 16px; align-items: center; }
    .jside-legend li { display: contents; }
    .jside-legend .jside-nm { grid-column: 1; }
    .jside-legend .jside-meter { grid-column: 2; grid-row: auto; }
    .jside-legend .jside-pc { grid-column: 3; grid-row: auto; text-align: right; }
  }
  @media (min-width: 901px) and (max-height: 800px) {
    .jside-in { padding: 10px; }
    .jside-body { padding: 16px 12px 6px; }
    .jside-h { font-size: 20px; }
    .jside-stat { gap: 5px; }
    .jside-stat b { font-size: 24px; }
    .jside-formula, .jside-why { padding: 12px 15px; }
    .jside-formula { gap: 7px; }
    .jside-final { gap: 9px; }
    .jside-note { padding: 10px 14px; }
  }
  @media (min-width: 901px) and (max-width: 1199px) {
    #judgesBody .jside-wrap { grid-template-columns: minmax(0, 54fr) minmax(0, 46fr); }
    .jside-tab svg { display: none; }
  }
  @media (max-width: 900px) {
    #judgesBody .jside { margin: 10px 0 0; }
    #judgesBody .jside-wrap { padding-bottom: 0; }
    .jside-in { padding: 10px; }
    .jside-body { padding: 22px 8px 8px; }
    .jside-tab { padding: 0 4px; gap: 6px; font-size: 12.5px; }
    .jside-pane { gap: 16px; }
    .jside-go {
      flex: none; display: inline-flex; align-items: center; gap: 7px; height: 36px; margin: 0; padding: 0 12px 0 14px; border: 0; border-radius: 11px; cursor: pointer;
      background: var(--js-glass); box-shadow: inset 0 0 0 1px var(--js-line), inset 0 1px 0 var(--js-gtop); color: var(--ink); font: 700 13px/1 var(--sans);
    }
    .jside-go svg { width: 16px; height: 16px; color: var(--red); }
  }
  @media (max-width: 560px) {
    .jside-tab svg { display: none; }
    .jside-stats { gap: 6px; }
    .jside-stat { padding: 12px 11px 11px; }
    .jside-stat b { font-size: 24px; }
    .jside-stat span { font-size: 11.5px; }
    .jside-board { gap: 4px; }
    .jside-slot { height: 28px; }
    .jside-slot svg { width: 9px; height: 9px; }
    .jside-slot.wild svg { width: 11px; height: 11px; }
    .jside-step, .jside-rule { column-gap: 12px; }
    .jside-when { grid-column: 2 / -1; grid-row: 2; }
    .jside-step .jside-swhat { grid-row: 3; }
    .jside-def { grid-template-columns: minmax(0, 1fr); gap: 2px; }
    .jside-more { flex-direction: column; align-items: stretch; padding: 12px; }
    .jside-more .jside-go { justify-content: center; }
  }
  @media (max-width: 359px) {
    .jside-tab { padding: 0 2px; font-size: 12px; }
  }
  #comments {
    --cb-fill: rgba(255, 255, 255, .52);
    --cb-shade: 0 1px 2px rgba(18, 18, 18, .05), 0 12px 26px -20px rgba(18, 18, 18, .32);
    --cb-dim: rgba(18, 18, 18, .06);
    --cb-off: rgba(18, 18, 18, .2);
    --cb-row-up: rgba(18, 18, 18, .065);
    --cb-fw: 80px;
    --cb-fh: 72px;
  }
  :root[data-theme="dark"] #comments {
    --cb-fill: rgba(255, 255, 255, .035);
    --cb-shade: 0 1px 2px rgba(0, 0, 0, .4);
    --cb-dim: rgba(255, 255, 255, .05);
    --cb-off: rgba(255, 255, 255, .16);
    --cb-row-up: rgba(255, 255, 255, .075);
  }
  #comments .cb { display: grid; gap: 14px; }
  #comments .cb-card {
    position: relative; isolation: isolate; min-width: 0; margin: 0; border: 0; border-radius: 16px; color: var(--ink);
    display: flex; flex-direction: column; padding: 26px 28px 28px;
    background: var(--cb-fill); box-shadow: var(--vxg-top), var(--cb-shade);
  }
  #comments .cb-card::before, #comments .cb-search::before {
    content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
    background: var(--vxg-rim);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
  }
  #comments .cb-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-height: 40px; margin: 0 0 22px; }
  #comments .cb-ico {
    width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 11px; color: var(--red);
    background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
  }
  #comments .cb-ico svg { width: 18px; height: 18px; display: block; }
  #comments .cb-title { margin: 0; font: 800 22px/1.1 var(--sans); letter-spacing: -.035em; color: var(--red); }
  #comments .cb-side { margin-left: auto; font-size: 13px; line-height: 1.35; color: var(--soft); text-align: right; }
  #comments .cb-side b { font: 700 13px/1 var(--num); color: var(--ink); }

  #comments .cb-purse { transition: opacity .35s ease; }
  #comments .cb-purse.cb-dim { opacity: .4; }
  #comments .cb-count { margin: 0; display: grid; gap: 8px; }
  #comments .cb-count b { display: block; font: 700 92px/.84 var(--num); letter-spacing: -.06em; color: var(--ink); font-variant-numeric: tabular-nums; }
  #comments .cb-count span { font-size: 14px; line-height: 1.3; color: var(--soft); }
  #comments .cb-facts {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr); margin: 24px 0 0; padding: 14px 0;
    border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
  }
  #comments .cb-fact { margin: 0; display: grid; gap: 6px; align-content: start; padding: 0 14px; min-width: 0; }
  #comments .cb-fact + .cb-fact { box-shadow: inset 1px 0 0 var(--vx-well-edge); }
  #comments .cb-fact b { font: 700 21px/1 var(--num); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #comments .cb-fact span { font-size: 12.5px; line-height: 1.3; color: var(--soft); }

  #comments .cb-find { display: grid; gap: 10px; margin: 24px 0 0; }
  #comments .cb-find[hidden] { display: none; }
  #comments .cb-search {
    position: relative; isolation: isolate; display: flex; align-items: center; gap: 10px; height: 48px; margin: 0; padding: 0 8px 0 15px; border-radius: 13px;
    background: var(--vxg-fill); box-shadow: var(--vxg-top), var(--vxg-halo); cursor: text;
    -webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%);
    transition: background .25s ease, box-shadow .25s ease;
  }
  #comments .cb-search:hover::before { background: var(--vxg-rim-up); }
  #comments .cb-search:focus-within { background: var(--vxg-fill-up); box-shadow: var(--vxg-top), var(--vxg-halo), inset 0 0 0 1px color-mix(in srgb, var(--red) 60%, transparent); }
  #comments .cb-search > svg { width: 17px; height: 17px; flex: none; display: block; color: var(--soft); transition: color .25s ease; }
  #comments .cb-search:focus-within > svg { color: var(--red); }
  #comments .cb-search input {
    flex: 1 1 auto; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;
    color: var(--ink); font: 500 14.5px/1 var(--sans); letter-spacing: -.005em; outline: none; -webkit-appearance: none; appearance: none;
  }
  #comments .cb-search input::placeholder { color: var(--soft); opacity: 1; }
  #comments .cb-search input::-webkit-search-cancel-button { display: none; -webkit-appearance: none; }
  #comments .cb-clear {
    position: relative; z-index: 3; flex: none; width: 32px; height: 32px; display: grid; place-items: center; margin: 0; padding: 0; border: 0; border-radius: 10px;
    background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); color: var(--soft); cursor: pointer; transition: color .2s ease, background-color .2s ease;
  }
  #comments .cb-clear[hidden] { display: none; }
  #comments .cb-clear:hover, #comments .cb-clear:focus-visible { color: var(--ink); background: var(--cb-row-up); }
  #comments .cb-clear:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
  #comments .cb-clear svg { width: 14px; height: 14px; display: block; }
  #comments .cb-tip { margin: 0; padding: 0 2px; font-size: 12.5px; line-height: 1.4; color: var(--soft); }

  #comments .cb-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-top: 24px; }
  #comments .cb-acts .vx-btn.vx-go svg { width: 18px; height: 18px; }

  #comments .cb-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; min-height: 0; }
  #comments .cb-rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; align-content: start; }
  #comments .cb-rows:empty { display: none; }
  #comments .cb-row {
    display: grid; grid-template-columns: var(--cb-fw) minmax(0, 1fr) auto; align-items: center; gap: 16px;
    padding: 10px 12px 10px 10px; border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
    transition: background-color .25s ease;
  }
  #comments .cb-row[data-open] { cursor: pointer; }
  #comments .cb-row[data-open]:hover { background: var(--cb-row-up); }
  #comments .cb-tail { height: 1px; margin-top: -8px; pointer-events: none; }
  #comments .cb-frame { width: var(--cb-fw); height: var(--cb-fh); display: grid; place-items: center; }
  #comments .cb-art { position: relative; display: block; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background: var(--cb-dim); }
  #comments .cb-art > img, #comments .cb-art > video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; display: block; border-radius: 0; }
  #comments .cb-art.cb-free { width: auto; height: auto; background: none; }
  #comments .cb-art.cb-free > img, #comments .cb-art.cb-free > video { position: static; width: auto; height: auto; max-width: var(--cb-fw); max-height: var(--cb-fh); }
  #comments .cb-art.cb-blank { width: 50%; display: grid; place-items: center; color: var(--cb-off); }
  #comments .cb-art.cb-blank svg { width: 18px; height: 18px; display: block; }
  #comments .cb-text { min-width: 0; display: grid; gap: 7px; }
  #comments .cb-quote {
    font: 500 15px/1.45 var(--sans); letter-spacing: -.01em; color: var(--ink); overflow-wrap: anywhere;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
  }
  #comments .cb-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 7px; min-width: 0; font-size: 12.5px; line-height: 1.35; color: var(--soft); }
  #comments .cb-meta b { min-width: 0; max-width: 100%; font-weight: 700; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #comments .cb-meta i { font-style: normal; opacity: .5; }
  #comments .cb-meta time { white-space: nowrap; font-variant-numeric: tabular-nums; }
  #comments .vx-btn.cb-open, #comments .vx-btn.cb-mini { height: 36px; gap: 7px; padding: 0 13px 0 11px; border-radius: 11px; font: 700 13px/1 var(--sans); }
  #comments .vx-btn.cb-open svg, #comments .vx-btn.cb-mini svg { width: 15px; height: 15px; }
  #comments .cb-gone .cb-quote { color: var(--soft); }

  #comments .cb-ghost .cb-row { min-height: calc(var(--cb-fh) + 20px); }
  #comments .cb-bar { display: block; height: 12px; border-radius: 10px; background: var(--cb-dim); }
  #comments .cb-bar + .cb-bar { width: 46%; }

  #comments .cb-none {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 10px 10px 18px;
    border-radius: 13px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
  }
  #comments .cb-none[hidden] { display: none; }
  #comments .cb-none p { margin: 0; min-width: 0; font-size: 14px; line-height: 1.4; color: var(--soft); overflow-wrap: anywhere; }
  #comments .cb-none b { color: var(--ink); font-weight: 700; }

  #comments .cb-empty { flex: 1 1 auto; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 34px; padding: 4px 6px 6px; }
  #comments .cb-slots { display: flex; align-items: flex-end; gap: 10px; }
  #comments .cb-slots span {
    position: relative; display: block; width: 72px; aspect-ratio: 9 / 16; border-radius: 11px;
    background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge);
  }
  #comments .cb-slots span:nth-child(2) { width: 84px; }
  #comments .cb-slots svg { position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; color: var(--cb-off); }
  #comments .cb-etext { display: grid; gap: 12px; justify-items: start; }
  #comments .cb-etext h3 { margin: 0; font: 800 30px/1.05 var(--sans); letter-spacing: -.04em; color: var(--ink); }
  #comments .cb-etext p { margin: 0; max-width: 44ch; font-size: 15px; line-height: 1.6; color: var(--soft); }
  #comments .cb-etext .vx-btn { margin-top: 6px; }

  @media (min-width: 901px) {
    #comments .cb { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: stretch; }
    #comments .cb-sum { grid-column: 1 / span 4; }
    #comments .cb-say { grid-column: 5 / span 8; }
    #comments .cb-body[data-mode="list"] { min-height: clamp(340px, calc(100vh - 352px), 520px); }
    #comments #cbRows {
      max-height: clamp(340px, calc(100vh - 352px), 520px); overflow-y: auto; overscroll-behavior: contain;
      scrollbar-width: none; -ms-overflow-style: none;
    }
    #comments #cbRows::-webkit-scrollbar { width: 0; height: 0; display: none; }
    #comments #cbRows.cb-more { -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 56px), transparent); mask-image: linear-gradient(180deg, #000 calc(100% - 56px), transparent); }
    #comments #cbRows.cb-more.cb-end { -webkit-mask-image: none; mask-image: none; }
    #comments #cbRows.cb-more.cb-top { -webkit-mask-image: linear-gradient(180deg, transparent, #000 28px, #000 calc(100% - 56px), transparent); mask-image: linear-gradient(180deg, transparent, #000 28px, #000 calc(100% - 56px), transparent); }
    #comments #cbRows.cb-more.cb-top.cb-end { -webkit-mask-image: linear-gradient(180deg, transparent, #000 28px); mask-image: linear-gradient(180deg, transparent, #000 28px); }
  }
  @media (min-width: 1200px) {
    #comments .cb-lone { display: none; }
    .stage:has(> #comments:not([hidden])) { display: flex; flex-direction: column; min-height: calc(100vh - var(--seghead, 72px)); padding-bottom: 24px; }
    .stage > #comments:not([hidden]) { flex: 1 0 auto; display: flex; flex-direction: column; }
    #comments #commentsBody { flex: 1 0 auto; display: flex; flex-direction: column; }
    #comments .cb { flex: 1 0 auto; }
    #comments .cb-say { contain: size; }
    #comments .cb-body[data-mode="list"] { min-height: 0; }
    #comments #cbRows { flex: 0 1 auto; min-height: 0; max-height: none; }
  }
  @media (min-width: 901px) and (max-height: 780px) {
    #comments .cb-head { margin-bottom: 18px; }
    #comments .cb-count b { font-size: 76px; }
    #comments .cb-facts, #comments .cb-find { margin-top: 20px; }
    #comments .cb-acts { padding-top: 20px; }
  }
  @media (min-width: 901px) and (max-width: 1199px) {
    #comments .cb-sum, #comments .cb-say { grid-column: 1 / -1; }
    #comments .cb-sum { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 28px; align-items: end; }
    #comments .cb-sum > .cb-head { grid-column: 1 / -1; }
    #comments .cb-find { margin: 0; }
    #comments .cb-acts { display: none; }
  }
  @media (min-width: 901px) and (max-width: 1199px) and (min-height: 900px) {
    .stage:has(> #comments:not([hidden])) { display: flex; flex-direction: column; min-height: calc(100vh - var(--seghead, 72px)); padding-bottom: 24px; }
    .stage > #comments:not([hidden]) { flex: 1 0 auto; display: flex; flex-direction: column; }
    #comments #commentsBody { flex: 1 0 auto; display: flex; flex-direction: column; }
    #comments .cb { flex: 1 0 auto; grid-template-rows: auto 1fr; }
    #comments #cbRows { flex: 1 1 0; min-height: 0; max-height: none; }
  }
  @media (max-width: 900px) {
    #comments {
      --vxg-fill: linear-gradient(180deg, rgba(252, 252, 251, .84), rgba(238, 237, 234, .7));
      --vxg-fill-up: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(245, 244, 242, .82));
      --vxg-rim: linear-gradient(180deg, rgba(18, 18, 18, .15), rgba(18, 18, 18, .08) 60%, rgba(18, 18, 18, .11));
      --vxg-rim-up: linear-gradient(180deg, rgba(18, 18, 18, .24), rgba(18, 18, 18, .12) 60%, rgba(18, 18, 18, .16));
      --vxg-top: inset 0 1px 0 rgba(255, 255, 255, .95);
      --vxg-halo: 0 1px 2px rgba(18, 18, 18, .06), 0 6px 14px -8px rgba(18, 18, 18, .22);
      --vxg-ink: #121212;
      --vxr-fill: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, color-mix(in srgb, var(--red) 88%, #fff), color-mix(in srgb, var(--red) 84%, #000));
      --vxr-rim: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--red) 16%, #fff) 95%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 58%, #fff) 40%, transparent) 42%, color-mix(in srgb, color-mix(in srgb, var(--red) 65%, #fff) 10%, transparent) 74%, color-mix(in srgb, color-mix(in srgb, var(--red) 59%, #000) 35%, transparent));
      --vxr-halo: 0 1px 2px rgba(18, 18, 18, .12), 0 3px 8px -4px color-mix(in srgb, var(--red) 50%, transparent);
      --vx-well: rgba(18, 18, 18, .035);
      --vx-well-edge: rgba(18, 18, 18, .07);
      --cb-fw: 60px;
      --cb-fh: 54px;
    }
    :root[data-theme="dark"] #comments {
      --vxg-fill: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, rgba(30, 30, 30, .66), rgba(16, 16, 16, .6));
      --vxg-fill-up: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .13), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, rgba(40, 40, 40, .7), rgba(22, 22, 22, .64));
      --vxg-rim: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .34), rgba(255, 255, 255, .08) 58%, rgba(255, 255, 255, .03) 86%);
      --vxg-rim-up: radial-gradient(70% 115% at 50% 0%, rgba(255, 255, 255, .5), rgba(255, 255, 255, .12) 58%, rgba(255, 255, 255, .05) 86%);
      --vxg-top: inset 0 1px 0 rgba(255, 255, 255, .06);
      --vxg-halo: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 18px -10px rgba(0, 0, 0, .8);
      --vxg-ink: #ffffff;
      --vxr-fill: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #5cbcff, var(--red) 45%, #0757a8);
      --vxr-rim: linear-gradient(180deg, #d1f0ff, rgba(159, 220, 255, .4) 55%, rgba(159, 220, 255, .7));
      --vxr-halo: inset 0 1px 0 rgba(255, 255, 255, .55), 0 6px 18px -6px rgba(3, 20, 50, .6), 0 0 16px -4px rgba(92, 188, 255, .6);
      --vx-well: rgba(255, 255, 255, .04);
      --vx-well-edge: rgba(255, 255, 255, .07);
    }
    #comments .cb { gap: 12px; margin: 2px 0 0; }
    #comments .cb-card { padding: 20px 16px 18px; }
    #comments .cb-head { gap: 10px; min-height: 34px; margin: 0 0 16px; }
    #comments .cb-ico { width: 34px; height: 34px; border-radius: 10px; }
    #comments .cb-ico svg { width: 17px; height: 17px; }
    #comments .cb-title { font-size: 19px; }
    #comments .cb-side { font-size: 12px; }
    #comments .cb-count { display: flex; align-items: baseline; gap: 12px; }
    #comments .cb-count b { font-size: 56px; }
    #comments .cb-count span { font-size: 13.5px; }
    #comments .cb-facts { margin-top: 16px; padding: 12px 0; }
    #comments .cb-fact { padding: 0 12px; }
    #comments .cb-fact b { font-size: 18px; }
    #comments .cb-fact span { font-size: 11.5px; }
    #comments .cb-facts { display: none; }
    #comments .cb-find { margin-top: 16px; }
    #comments .cb-search { height: 46px; }
    #comments .cb-search input { font-size: 16px; }
    #comments .cb-tip { display: none; }
    #comments .cb-acts { display: none; }
    #comments .cb-row { gap: 12px; padding: 9px; }
    #comments .cb-text { gap: 6px; }
    #comments .cb-quote { font-size: 14px; line-height: 1.42; }
    #comments .cb-meta { font-size: 12px; }
    #comments .cb-meta b { flex: 1 1 100%; }
    #comments .cb-empty { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 2px 0 4px; }
    #comments .cb-slots { gap: 8px; }
    #comments .cb-slots span { width: 40px; border-radius: 10px; }
    #comments .cb-slots span:nth-child(2) { width: 46px; }
    #comments .cb-slots svg { width: 14px; height: 14px; margin: -7px 0 0 -7px; }
    #comments .cb[data-mode="out"] .cb-sum, #comments .cb[data-mode="none"] .cb-sum { display: none; }
    #comments .cb-etext h3 { font-size: 24px; }
    #comments .cb-etext p { font-size: 14px; line-height: 1.55; }
    #comments .vx-btn {
      position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
      height: 46px; margin: 0; padding: 0 18px 0 15px; border: 0; border-radius: 13px; cursor: pointer; white-space: nowrap;
      color: var(--vxg-ink); font: 700 14px/1 var(--sans); background: var(--vxg-fill); box-shadow: var(--vxg-top), var(--vxg-halo);
      -webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%);
      -webkit-tap-highlight-color: transparent; transition: background .25s ease;
    }
    #comments .vx-btn::before {
      content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
      background: var(--vxg-rim);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude;
    }
    #comments .vx-btn svg { width: 17px; height: 17px; flex: none; display: block; }
    #comments .vx-btn:active { background: var(--vxg-fill-up); }
    #comments .vx-go { color: #ffffff; background: var(--vxr-fill); box-shadow: var(--vxr-halo); }
    #comments .vx-go::before { background: var(--vxr-rim); }
    #comments .vx-alt svg { color: var(--red); }
    #comments .vx-btn.cb-open { width: 40px; height: 40px; padding: 0; border-radius: 12px; }
    #comments .vx-btn.cb-open svg { width: 16px; height: 16px; }
    #comments .vx-btn.cb-open span { display: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    #comments .cb-row, #comments .cb-search, #comments .cb-purse { transition: none; }
  }
  @media (max-width: 900px) {
    .ladder-note, .qy-info, .sfoot .sf-brand { text-align: center; }
    .qy-info .qy-pills, .sf-soc { justify-content: center; }
    .sfoot .sf-brand { display: grid; justify-items: center; }
    .sfoot .sf-cap { margin-left: auto; margin-right: auto; }
    .abx-quick > .qs.qy, :root:not([data-theme="dark"]) .abx-quick > .qs.qy { padding-bottom: 0 !important; }
    body[data-mview="viewGrid"] #about .abx { margin-bottom: 0; }
    body[data-mview="viewGrid"] .lp-judges { margin-top: 20px; padding: 18px 12px 12px; }
    .lp-jhead { margin-bottom: 12px; }
    .lp-jgrid { margin: 0 -12px -12px; padding-bottom: 10px; scroll-padding: 0 12px; }
    .lp-jpage { flex: 0 0 auto; display: flex; gap: 8px; padding: 0 12px; scroll-snap-align: none; scroll-snap-stop: normal; }
    .lp-jcard { flex: 0 0 148px; width: 148px; scroll-snap-align: start; }
    .lp-jgrid { scroll-snap-type: x proximity; }
    .lp-jcard, :root:not([data-theme="dark"]) .lp-jcard { background: radial-gradient(130% 88% at 50% 82%, #050505 38%, rgba(5, 5, 5, 0) 82%), linear-gradient(180deg, #3a3a3a 0%, #1b1b1b 45%, #0a0a0a 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16); }
    .lp-jtint { display: none; }
    @keyframes lp-rise { from { opacity: 0; transform: translate3d(0, 24px, 0) scale(.96); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }
    @keyframes lp-pop { from { opacity: 0; transform: translate3d(0, 14px, 0) scale(.86); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }
    .lp-strip { animation: lp-rise .9s cubic-bezier(.22, 1, .36, 1) .1s backwards; }
    .lp-word { animation: lp-rise .8s cubic-bezier(.22, 1, .36, 1) .3s backwards; }
    .lp-days { animation: lp-pop .9s cubic-bezier(.22, 1, .36, 1) .45s backwards; transform-origin: 0 100%; }
    .lp-unit { animation: lp-rise .8s cubic-bezier(.22, 1, .36, 1) .6s backwards; }
    .lp-hms { animation: lp-rise .8s cubic-bezier(.22, 1, .36, 1) .72s backwards; }
    .lp-tile.is-red { animation: lp-pop .8s cubic-bezier(.22, 1, .36, 1) .88s backwards; }
    .lp-tile.is-glass { animation: lp-pop .8s cubic-bezier(.22, 1, .36, 1) .98s backwards; }
    @media (prefers-reduced-motion: reduce) { .lp-strip, .lp-word, .lp-days, .lp-unit, .lp-hms, .lp-tile { animation: none; } }
    .sfoot-slot { margin-top: 22px !important; }
    #judgesBody .judgelede { animation: lp-rise .8s cubic-bezier(.22, 1, .36, 1) .1s backwards; }
    #judgesBody .jside { animation: lp-rise .9s cubic-bezier(.22, 1, .36, 1) .35s backwards; }
    @media (prefers-reduced-motion: reduce) { #judgesBody .judgelede, #judgesBody .jside { animation: none; } }
    .sfoot .sf-col, .sfoot .sf-bot { text-align: center; }
    html:root:not([data-theme="dark"]) .msheet-body { background: linear-gradient(rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)), color-mix(in srgb, var(--paper) 94%, transparent); }
    .sfoot .sf-col ul { justify-items: center; }
    .sfoot .sf-col:last-of-type { grid-column: 1 / -1; }
    .sfoot .sf-bot, .sfoot .sf-legal { justify-content: center; justify-items: center; }
  }

  .admtabs { display: none; }
  @media (max-width: 900px) {
    .admtabs { display: flex; gap: 8px; overflow-x: auto; margin: 0 -16px 14px; padding: 2px 16px 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .admtabs::-webkit-scrollbar { display: none; }
    .admtabs button { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 9px 15px; border-radius: 999px; border: 1px solid var(--edge); background: var(--bone); color: var(--ink); font: 700 13px/1 var(--sans); white-space: nowrap; cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
    .admtabs button[aria-pressed="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
    .admtabs .pill { min-width: 20px; padding: 2px 6px; font-size: 11px; }
    .admtabs .pill.none { display: none; }
    .mbr-seg { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .mbr-seg::-webkit-scrollbar { display: none; }
    .mbr-seg button { flex: none; white-space: nowrap; }
    .mbr-wrap { overflow: visible; max-height: none; }
    table.mbr, .mbr-right .mbr, table.mbr tbody { display: block; width: 100%; min-width: 0 !important; }
    table.mbr thead { display: none; }
    table.mbr tr { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px 8px; align-items: center; padding: 13px 14px; border-top: 1px solid var(--hair); }
    table.mbr tr:first-child { border-top: 0; }
    table.mbr td { display: block; padding: 0; border: 0; width: auto; min-width: 0; font-size: 12px; color: var(--soft); font-weight: 600; }
    table.mbr td:nth-child(1) { grid-column: 1 / 5; grid-row: 1; font-size: inherit; color: var(--ink); }
    table.mbr td.mbr-judge { grid-column: 5 / 7; grid-row: 1; justify-self: end; }
    table.mbr td:nth-child(2) { grid-column: 1 / 4; grid-row: 2; text-align: left; }
    table.mbr td:nth-child(3) { grid-column: 4 / 7; grid-row: 2; text-align: right; }
    table.mbr td:nth-child(4) { grid-column: 1 / 3; grid-row: 3; text-align: left; }
    table.mbr td:nth-child(5) { grid-column: 3 / 5; grid-row: 3; text-align: left; }
    table.mbr td:nth-child(6) { grid-column: 5 / 7; grid-row: 3; text-align: right; }
    table.mbr td:nth-child(2)::before { content: 'Joined '; }
    table.mbr td:nth-child(2) small { display: none; }
    table.mbr td:nth-child(3)::before { content: 'Seen '; }
    table.mbr td:nth-child(4)::after { content: ' stars'; }
    table.mbr td:nth-child(5)::after { content: ' comments'; }
    table.mbr td:nth-child(6)::after { content: ' loops'; }
    table.mbr tr.mbr-empty td { flex: 1 1 100%; }
    .mbr-menu { position: fixed !important; left: 12px !important; right: 12px !important; top: auto !important; bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; width: auto !important; max-width: none !important; z-index: 2147483000; border-radius: 22px; }
  }

  .admhome, .st-digest { display: none; }
  @media (max-width: 900px) {
    .admhome { display: grid; gap: 12px; margin-bottom: 22px; }
    .admhome[hidden] { display: none; }
    .ah-card { padding: 14px 16px; border-radius: 18px; background: var(--bone); box-shadow: 0 0 0 1px var(--hair); }
    .ah-lab { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); margin: 0 0 8px; }
    .ah-row { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 0 4px; border: 0; background: transparent; color: var(--ink); font: 700 14px/1.3 var(--sans); text-align: left; cursor: pointer; }
    .ah-row span { flex: 1; }
    .ah-row svg { width: 16px; height: 16px; color: var(--soft); flex: none; }
    .ah-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--red); flex: none; }
    .ah-ok { margin: 6px 0 2px; color: var(--soft); font-size: 13.5px; }
    .ah-strip { display: flex; gap: 8px; overflow-x: auto; margin: 0 -16px; padding: 0 16px 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .ah-strip::-webkit-scrollbar { display: none; }
    .ah-thumb { flex: none; position: relative; width: 100px; height: 134px; padding: 0; border: 0; border-radius: 14px; overflow: hidden; background: var(--bone); cursor: pointer; }
    .ah-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .ah-thumb::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 55%, rgba(0, 0, 0, .7)); }
    .ah-thumb b { position: absolute; left: 8px; right: 8px; bottom: 7px; z-index: 1; font-size: 11.5px; font-weight: 800; color: #fff; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .ah-blank { position: absolute; inset: 0; display: grid; place-items: center; font-size: 30px; font-weight: 800; color: var(--soft); }
    .ah-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .ah-tile { display: grid; gap: 4px; align-content: start; padding: 14px; border: 0; border-radius: 16px; background: var(--bone); box-shadow: 0 0 0 1px var(--hair); color: var(--ink); text-align: left; cursor: pointer; }
    .ah-tl { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
    .ah-tile b { font-size: 28px; line-height: 1.1; font-weight: 800; letter-spacing: -.02em; }
    .ah-ts { font-size: 12px; color: var(--soft); font-weight: 600; }
    .st-digest { display: block; padding: 18px 16px 6px; border-radius: 18px; background: var(--bone); box-shadow: 0 0 0 1px var(--hair); }
    .st-dhead { display: grid; gap: 6px; text-align: center; justify-items: center; padding-bottom: 10px; }
    .st-dhead .st-label { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
    .st-dnum { font-size: 46px; line-height: 1; font-weight: 800; letter-spacing: -.03em; }
    .st-dlist { list-style: none; margin: 0; padding: 0; }
    .st-dlist li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--hair); font-size: 13.5px; }
    .st-dlist li span { color: var(--soft); font-weight: 600; }
    .st-dlist li b { font-weight: 800; text-align: right; }
    .st-tiles { display: flex; overflow-x: auto; gap: 10px; margin: 0 -14px; padding: 0 14px 4px; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .st-tiles::-webkit-scrollbar { display: none; }
    .st-tiles .st-tile { flex: none; min-width: 156px; scroll-snap-align: start; }
  }
  @media (max-width: 900px) {
    .gifhead { flex-wrap: wrap; row-gap: 6px; }
    .gifhead .gifsearch { flex: 1 1 100%; }
    .gifhead .gifpowered { margin: 0 auto; height: 11px; }
  }
  .jfs { display: none !important; }
  .rt-judge, .rt-back { display: none; }
  @media (max-width: 900px) {
    body.judge-reel .rt-tabs:not(.rt-judge), body.judge-reel .rt-filter { display: none !important; }
    body.judge-reel .rt-judge { display: flex; grid-column: 2; justify-self: center; align-items: center; gap: 22px; }
    body.judge-reel .rt-back { display: grid; grid-column: 3; justify-self: end; width: 40px; height: 40px; margin-right: 4px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .45)); }
    body.judge-reel .rt-back svg { width: 29px; height: 29px; display: block; }
    body.judge-reel .rt-judge, body.judge-reel .rt-back, body.judge-reel .rt-full { grid-row: 1; }
    body.judge-reel #viewerJudge {
      --ink: #ffffff; --soft: #9aa0a8; --hair: rgba(255, 255, 255, .1); --edge: rgba(255, 255, 255, .22); --paper: #0d0d0d; --panel: #111113; --bone: rgba(255, 255, 255, .07); --red: #ffffff;
      display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 160;
      max-height: min(78dvh, calc(100dvh - 90px)); overflow-y: auto; overscroll-behavior-y: auto; -webkit-overflow-scrolling: touch; touch-action: pan-y; scrollbar-width: none; -ms-overflow-style: none; padding: 10px 16px calc(18px + env(safe-area-inset-bottom, 0px)); border-radius: 26px 26px 0 0; color: #fff;
      background: linear-gradient(rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)), rgba(18, 18, 20, .72);
      -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 -18px 50px -12px rgba(0, 0, 0, .7);
      transform: translateY(calc(100% + 140px)); opacity: 0; pointer-events: none; transition: transform .36s cubic-bezier(.2, .8, .2, 1), opacity .25s ease;
    }
    body.judge-reel #viewerJudge::-webkit-scrollbar { display: none; width: 0; height: 0; }
    body.judge-reel::after { content: ''; position: fixed; inset: calc(64px + env(safe-area-inset-top, 0px)) 0 0 0; z-index: 159; background: rgba(18, 18, 18, .42); opacity: 0; pointer-events: none; transition: opacity .3s ease; }
    body.judge-reel.jp-open::after { opacity: 1; pointer-events: auto; }
    body.judge-reel.jp-open .reeltop { z-index: 161; }
    body.judge-reel.jp-open #viewerJudge { transform: none; opacity: 1; pointer-events: auto; }
    body.judge-reel .reel-track .rail { transition: opacity .2s ease; }
    body.judge-reel.jp-open .reel-track .rail { opacity: 0; pointer-events: none; }
    body.judge-reel .jr-tag.wild, body.judge-reel .jr-tag.wild b { color: #e8f21a !important; }
    .jr-edge { display: none; position: fixed; top: 96px; bottom: 150px; width: 44px; z-index: 5; touch-action: pan-y; }
    .jr-edge.l { left: 0; }
    .jr-edge.r { right: 0; bottom: auto; height: 320px; }
    body.judge-reel .jr-edge:not([hidden]) { display: block; }
    body.judge-reel .reel-track .slide-auto, body.judge-reel .reel-track .slide-rate { display: none !important; }
    html:has(body.judge-reel), body.judge-reel { overscroll-behavior: none; }
    body.judge-reel *, html:has(body.judge-reel) { touch-action: pan-y; }
  }

  .lvm { overflow: visible; }
  .wordmark, .wordmark .wm-set { font-family: 'Fredoka', 'Nunito', system-ui, sans-serif; font-weight: 600; letter-spacing: -.01em; }
  .wordmark > .wm-spark { display: none; }
  .wordmark .wm-loop { display: inline-block; width: 1.56em; height: .78em; margin: 0 .16em 0 0; color: inherit; transform: none; vertical-align: -.06em; }
  .signin-word .wm-loop { width: 1.56em; height: .78em; }
  .sf-logo .lvm { color: var(--red); }
  .wordmark .lvm, .imark.lvm, .sf-logo .lvm { filter: drop-shadow(0 .06em .08em rgba(0, 0, 0, .30)); }
  :root[data-theme="dark"] .wordmark .lvm, :root[data-theme="dark"] .imark.lvm, :root[data-theme="dark"] .sf-logo .lvm { filter: drop-shadow(0 .03em .05em rgba(255, 255, 255, .09)); }
  #vxHero .wm-loop.lvm { filter: drop-shadow(0 .06em .08em rgba(0, 0, 0, .30)); }
  :root[data-theme="dark"] #vxHero .wm-loop.lvm { filter: drop-shadow(0 .03em .05em rgba(255, 255, 255, .09)); }
  .wordmark .wm-loop.lvm, #vxHero .wm-loop.lvm { color: var(--ink); }
  @media (min-width: 901px) { .asc { max-height: 1400px; margin-bottom: 40px; } }
  .mme-legal { margin: 8px 4px 2px; font-size: 11px; line-height: 1.45; color: var(--soft); text-align: center; text-wrap: balance; }
  .mme-legal a { color: var(--ink); font-weight: 700; text-decoration: none; }
  .mme-build { margin: 12px 0 2px; text-align: center; font-size: 10.5px; font-weight: 600; letter-spacing: .04em; color: var(--soft); opacity: .7; }
@media (max-width: 900px) {
  .msheet-body, .msheet-body *, .fx-body, .fx-body *, dialog, dialog *, .mme-sheet, .mme-sheet * { scrollbar-width: none; -ms-overflow-style: none; }
  .msheet-body::-webkit-scrollbar, .msheet-body *::-webkit-scrollbar, .fx-body::-webkit-scrollbar, .fx-body *::-webkit-scrollbar, dialog::-webkit-scrollbar, dialog *::-webkit-scrollbar { display: none; width: 0; height: 0; }
}
@media (max-width: 900px) {
  .ladder li { grid-template-columns: 62px 44px minmax(0, 1fr) auto; gap: 12px; padding: 10px 12px; }
  .ladder .place b { font-size: 21px; white-space: nowrap; }
  .ladder .place em { font-size: 8.5px; letter-spacing: .08em; }
  .ladder .mini { width: 44px; }
}
@media (max-width: 900px) {
  html.in-reel .reel-track.talking .slide.m-on .slide-side {
    --off: var(--sheetoff, calc(var(--tabh) + 20px + env(safe-area-inset-bottom, 0px)));
    left: 0 !important; right: 0 !important; bottom: calc(0px - var(--off)) !important; height: var(--sheeth) !important; z-index: 170; border-radius: 26px 26px 0 0 !important;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important; box-shadow: 0 -18px 50px -12px rgba(0, 0, 0, .7);
  }
  html.in-reel:has(.reel-track.talking) #mbar { display: none !important; }
  html.in-reel .reel-track.talking .slide.m-on .player {
    --avail: max(0px, calc(100dvh - var(--sheeth) - env(safe-area-inset-top, 0px) - 20px));
    --ph: min(var(--avail), calc((100vw - 16px) / var(--ar, .5625)));
    height: var(--ph) !important;
    width: min(calc(100% - 16px), calc(var(--avail) * var(--ar, .5625))) !important;
    top: calc(env(safe-area-inset-top, 0px) + 8px + (var(--avail) - var(--ph)) / 2) !important;
  }
  html.kb-open.in-reel .reel-track.talking { --sheeth: max(280px, calc(100dvh - var(--kb, 0px) - 200px)); }
  html.kb-open.in-reel .reel-track.talking .slide.m-on .slide-side { bottom: calc(var(--kb, 0px) - var(--off)) !important; height: var(--sheeth) !important; padding-bottom: 12px !important; }
  html.kb-open.in-reel .reel-track.talking .slide.m-on .player { --avail: calc(100dvh - var(--kb, 0px) - var(--sheeth) - env(safe-area-inset-top, 0px) - 20px); }
}
.asks { align-items: center; gap: 14px; padding: 6px 0; }
.asks input[type="checkbox"] { width: 24px; height: 24px; margin: 0; border-radius: 7px; background-size: 15px 15px; }
.asks > span { flex: 1 1 auto; min-width: 0; line-height: 1.3; }

.talk-av, .talk-x, .talk-me, .lw { display: none; }
.talk-compose, .talk-main { display: contents; }
.talkmore { display: none; }
@media (max-width: 900px) {
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk { display: contents !important; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .mgrip { order: 0; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-head { order: 1; display: grid !important; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; margin: 0; padding: 0 0 6px; text-align: center; color: var(--ink); font-size: 15px; font-weight: 700; letter-spacing: 0; text-transform: none; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-count { grid-column: 2; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talkfull-btn { display: none !important; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-x { display: grid; grid-column: 3; justify-self: end; width: 40px; height: 40px; place-items: center; border: 0; background: transparent; color: var(--ink); padding: 0; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-x svg { width: 22px; height: 22px; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .slide-rate { order: 2; padding-bottom: 10px; border-bottom: 1px solid var(--hair); }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list { order: 3; flex: 1 1 auto; min-height: 0; max-height: none !important; overflow-y: auto; padding-bottom: 8px; scrollbar-width: none; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list > li.talkrow { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 12px 0; margin: 0; border: 0; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list > li.talkrow.kid { margin-left: 52px; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding: 8px 0; border: 0; }
  .talk-list > li.talkrow .talk-av { display: block; }
  .talk-list > li.talkrow .talk-main { display: block; min-width: 0; }
  .talk-avface { display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: var(--bone); }
  .talkrow.kid .talk-avface { width: 28px; height: 28px; }
  .talk-avface img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .talk-list > li.talkrow .talk-body b { display: block; font-size: 13.5px; font-weight: 600; color: var(--soft); letter-spacing: 0; }
  .talk-list > li.talkrow .talk-body p { margin: 2px 0 0; font-size: 15.5px; line-height: 1.4; font-weight: 500; color: var(--ink); }
  .talk-list > li.talkrow .talk-meta { display: flex; align-items: center; gap: 18px; margin-top: 6px; color: var(--soft); }
  .talk-list > li.talkrow .talk-meta time { font-size: 12.5px; letter-spacing: 0; text-transform: none; }
  .talk-list > li.talkrow .talk-meta .btn.link { padding: 0; font-size: 12.5px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--soft); }
  .talk-list > li.talkrow .likebtn { margin-left: auto; width: 26px; height: 26px; display: grid; place-items: center; }
  .talk-list > li.talkrow .likebtn svg { width: 20px; height: 20px; }
  .talk-list > li.talkrow .likecount { margin-left: -12px; min-width: 20px; font-size: 12.5px; font-weight: 600; letter-spacing: 0; color: var(--soft); }
  .talk-list > li.talkmore { display: block; padding: 0 0 6px 52px; }
  .talk-list > li.talkmore button { border: 0; background: transparent; padding: 6px 0; color: var(--soft); font-size: 13px; font-weight: 700; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-compose { order: 4; display: flex; align-items: center; gap: 10px; padding-top: 10px; border-top: 1px solid var(--hair); }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-me { display: block; width: 40px; height: 40px; flex: none; border-radius: 50%; overflow: hidden; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-me:empty { display: none; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-me .talk-avface { width: 100%; height: 100%; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-compose .talk-form { flex: 1 1 auto; min-width: 0; margin: 0; }
}
@media (max-width: 900px) {
  html.in-reel .reel-track.talking .slide.m-on { content-visibility: visible !important; contain: none !important; overflow: visible !important; }
}
@media (max-width: 900px) {
  html.in-reel .reel-track.talking { --sheeth: calc(100dvh - 100px); }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .slide-rate,
  html.in-reel .reel-track.talking .slide.m-on .slide-side .slide-foot { display: none !important; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side { padding: 8px 14px calc(10px + env(safe-area-inset-bottom, 0px)) !important; gap: 4px; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .mgrip { margin: 0 auto 2px; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-head { padding: 0 0 4px; font-size: 14px; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-x { width: 36px; height: 36px; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-x svg { width: 20px; height: 20px; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list > li.talkrow { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 8px 0; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list > li.talkrow.kid { margin-left: 44px; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; padding: 6px 0; }
  .talk-avface { width: 34px; height: 34px; }
  .talkrow.kid .talk-avface { width: 24px; height: 24px; }
  .talk-list > li.talkrow .talk-body b { font-size: 12.5px; }
  .talk-list > li.talkrow .talk-body p { font-size: 14px; line-height: 1.35; margin-top: 1px; }
  .talk-list > li.talkrow .talk-meta { gap: 14px; margin-top: 3px; }
  .talk-list > li.talkrow .talk-meta time, .talk-list > li.talkrow .talk-meta .btn.link { font-size: 11.5px; }
  .talk-list > li.talkrow .likebtn { width: 22px; height: 22px; }
  .talk-list > li.talkrow .likebtn svg { width: 17px; height: 17px; }
  .talk-list > li.talkrow .likecount { font-size: 11.5px; margin-left: -10px; }
  .talk-list > li.talkrow .saidgifbox { margin-top: 4px; }
  .talk-list > li.talkrow .saidgif { max-width: 110px; max-height: 110px; width: auto; height: auto; border-radius: 10px; }
  .talk-list > li.talkmore { padding: 0 0 2px 44px; }
  .talk-list > li.talkmore button { font-size: 12px; padding: 3px 0; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-compose { padding-top: 8px; gap: 8px; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-me { width: 34px; height: 34px; }
}
.slide-crowd { display: none; }
@media (max-width: 900px) {
  html.in-reel .slide-side .slide-crowd { display: block; margin: 2px 0 0; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, .72); text-shadow: 0 1px 3px rgba(0, 0, 0, .55); }
  html.in-reel .slide-side .slide-crowd b { color: #fff; font-weight: 800; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .slide-crowd { display: none !important; }
}
@media (max-width: 900px) {
  html.in-reel .reel-track.talking, html.in-reel .reel-track.talking .slide.m-on { overflow-x: clip !important; overscroll-behavior-x: none; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side, html.in-reel .reel-track.talking .slide.m-on .slide-side * { touch-action: pan-y; overscroll-behavior-x: none; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side { overflow-x: hidden !important; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list { overflow-x: hidden !important; }
  .talk-list > li.talkrow .talk-body p, .talk-list > li.talkrow .talk-body b { overflow-wrap: anywhere; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-form, html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-form * { touch-action: manipulation; }
}
@media (max-width: 900px) {
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list > li.talkrow { grid-template-columns: 38px minmax(0, 1fr); gap: 11px; padding: 9px 0; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list > li.talkrow.kid { margin-left: 49px; grid-template-columns: 26px minmax(0, 1fr); gap: 9px; padding: 7px 0; }
  .talk-avface { width: 38px; height: 38px; }
  .talkrow.kid .talk-avface { width: 26px; height: 26px; }
  .talk-list > li.talkrow .talk-body b { font-size: 13px; }
  .talk-list > li.talkrow .talk-body p { font-size: 15px; line-height: 1.38; margin-top: 2px; }
  .talk-list > li.talkrow .talk-meta { gap: 16px; margin-top: 5px; }
  .talk-list > li.talkrow .talk-meta time, .talk-list > li.talkrow .talk-meta .btn.link { font-size: 12.5px; }
  .talk-list > li.talkrow .likebtn { width: 26px; height: 26px; }
  .talk-list > li.talkrow .likebtn svg { width: 20px; height: 20px; }
  .talk-list > li.talkrow .likecount { font-size: 12.5px; margin-left: -10px; }
  .talk-list > li.talkrow .saidgif { max-width: 124px; max-height: 124px; border-radius: 8px; }
  .talk-list > li.talkmore { padding: 0 0 2px 49px; }
  .talk-list > li.talkmore button { font-size: 13px; padding: 4px 0; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-head { font-size: 15px; padding: 2px 0 8px; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-me { width: 38px; height: 38px; }
}
@media (max-width: 900px) {
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list > li.talkrow { padding: 6px 0; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-list > li.talkrow.kid { padding: 5px 0; }
  .talk-list > li.talkrow .talk-meta { margin-top: 3px; }
  .talk-list > li.talkrow .likebtn { height: 22px; }
  .talk-list > li.talkmore { padding-bottom: 0; }
}
@media (max-width: 900px) {
  html.gif-open .gifwrap { left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important; width: auto; height: 44dvh; max-height: none; border-radius: 22px 22px 0 0; z-index: 180; background: #161618; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html.gif-open .gifwrap .gifgrid { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
  html.gif-open.in-reel .reel-track.talking { --sheeth: calc(100dvh - max(var(--kb, 0px), var(--gifh, 0px)) - 100px); }
  html.gif-open.in-reel .reel-track.talking .slide.m-on .slide-side { bottom: calc(max(var(--kb, 0px), var(--gifh, 0px)) - var(--off)) !important; height: var(--sheeth) !important; }
  html.gif-open.in-reel .reel-track.talking .slide.m-on .player { --avail: max(0px, calc(100dvh - max(var(--kb, 0px), var(--gifh, 0px)) - var(--sheeth) - env(safe-area-inset-top, 0px) - 20px)); }
}
@media (max-width: 900px) {
  html.in-reel .reel-track.talking { --sheeth: 70dvh; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .mgrip { display: none; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side { padding-top: 4px !important; border-radius: 16px 16px 0 0 !important; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-head { grid-template-columns: 40px minmax(0, 1fr) 40px; min-height: 40px; padding: 0 0 4px; font-size: 13px; font-weight: 700; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-x { width: 32px; height: 32px; }
  html.in-reel .reel-track.talking .slide.m-on .slide-side .talk-x svg { width: 18px; height: 18px; }
  html.in-reel .reel-track.talking .slide.m-on .player { border-radius: 10px !important; }
  .talk-list > li.talkmore { padding: 0 0 0 49px; }
  .talk-list > li.talkmore button { padding: 2px 0 6px; }
}
@media (max-width: 900px) {
  html.kb-open:not(.gif-open).in-reel .reel-track.talking { --sheeth: 70dvh; }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side { bottom: calc(0px - var(--off)) !important; height: var(--sheeth) !important; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .player { --avail: max(0px, calc(100dvh - var(--sheeth) - env(safe-area-inset-top, 0px) - 20px)); }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side .talk-list { opacity: .35; transition: opacity .2s ease; pointer-events: none; }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side .talk-compose {
    position: fixed; left: 0; right: 0; bottom: calc(var(--kb, 0px) - var(--off)); z-index: 175;
    display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: start; gap: 10px;
    padding: 12px 14px 12px; border-top: 1px solid var(--hair); border-radius: 16px 16px 0 0; background: #161618;
    box-shadow: 0 -14px 30px -10px rgba(0, 0, 0, .6);
  }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side .talk-compose .talk-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "text text" "gif send"; gap: 10px; align-items: center; padding: 0; border-radius: 0; background: transparent; box-shadow: none; border: 0; }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side .talk-compose .talk-form textarea { grid-area: text; min-height: 52px; padding: 12px 14px; border-radius: 16px; background: #26262a; box-sizing: border-box; width: 100%; }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side .talk-compose .talk-form .gifchip { grid-column: 1 / -1; }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side .talk-compose .talk-form .gifbtn { grid-area: gif; justify-self: start; width: 36px; height: 32px; }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side .talk-compose .talk-form .talk-send { grid-area: send; justify-self: end; }
}
@media (max-width: 900px) {
  html.kb-open:not(.gif-open).in-reel .reel-track.talking { --sheeth: calc(100dvh - var(--kb, 0px) - env(safe-area-inset-top, 0px) - 12px); }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side { bottom: calc(var(--kb, 0px) - var(--off)) !important; height: var(--sheeth) !important; padding-bottom: 10px !important; border-radius: 16px 16px 0 0 !important; }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .player { --avail: 0px; opacity: 0; pointer-events: none; }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side .talk-list { opacity: 1; pointer-events: auto; }
  html.kb-open:not(.gif-open).in-reel .reel-track.talking .slide.m-on .slide-side .talk-compose { position: static; padding: 10px 0 0; border-radius: 0; background: transparent; box-shadow: none; }
}

  .abx-read { display: none; }
  @media (min-width: 901px) {
    #about[data-abx-mode="full"].abx-on .abx-read {
      display: grid; grid-template-columns: 320px minmax(0, 780px); gap: 56px; justify-content: center; align-items: start; padding: 8px 0 40px;
    }
    #about[data-abx-mode="full"].abx-on > .abx .abx-dual,
    #about[data-abx-mode="full"].abx-on > .abx-qhead,
    #about[data-abx-mode="full"].abx-on > details.faq { display: none !important; }
    .abx-toc { position: sticky; top: calc(var(--seghead, 72px) + 24px); }
    .abx-tocn { display: grid; gap: 2px; padding: 22px 18px; border-radius: 16px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    .abx-tl { margin: 0 0 10px; font: 700 11px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--soft); }
    .abx-tl.abx-sp { margin-top: 22px; }
    .abx-bar { height: 3px; margin: 0 12px 14px; border-radius: 3px; background: var(--vx-well-edge); overflow: hidden; }
    .abx-bar i { display: block; width: 0; height: 100%; border-radius: 3px; background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); transition: width .35s ease; }
    .abx-tocn a {
      display: flex; align-items: center; gap: 12px; padding: 9px 12px; border-left: 2px solid transparent; border-radius: 0 10px 10px 0;
      font: 600 14px/1.25 var(--sans); color: var(--soft); text-decoration: none; transition: color .2s ease, border-color .2s ease;
    }
    .abx-tocn a em { font: 700 11px/1 var(--num); font-style: normal; opacity: .7; }
    .abx-tocn a:hover { color: var(--ink); }
    .abx-tocn a.on { color: var(--ink); border-left-color: var(--red); }
    .abx-tocn a.on em { color: var(--red); opacity: 1; }
    .abx-kd { display: grid; gap: 3px; padding: 9px 12px; }
    .abx-kd b { font: 700 14px/1 var(--sans); color: var(--ink); white-space: nowrap; }
    .abx-kd span { font-size: 12.5px; color: var(--soft); }
    .abx-doc { min-width: 0; color: var(--ink); }
    .abx-lede { margin: 0 0 12px; font-size: 19px; line-height: 1.65; color: var(--ink); }
    .abx-rs { padding: 34px 0; border-top: 1px solid var(--vx-well-edge); scroll-margin-top: calc(var(--seghead, 72px) + 16px); }
    .abx-rs h2 { margin: 0 0 14px; font: 800 24px/1.15 var(--sans); letter-spacing: -.035em; color: var(--red); }
    .abx-rs p, .abx-rs li { font-size: 16.5px; line-height: 1.7; color: var(--soft); }
    .abx-rs p { margin: 0 0 14px; }
    .abx-rs strong, .abx-rs b { color: var(--ink); }
  }
  @media (min-width: 901px) {
    .abx-rs ul, .abx-rs ol { margin: 0 0 16px; }
    .abx-rs .note { margin: 18px 0 0; padding: 16px 18px; border-radius: 12px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    .abx-rs .note, .abx-rs .note p { font-size: 15px; line-height: 1.65; }
    .abx-rs .lc-part { margin: 0 0 16px; padding: 18px 20px; border-radius: 14px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    .abx-rs .lc-part h4 { margin: 0 0 4px; font: 800 17px/1.2 var(--sans); color: var(--ink); }
    .abx-rs .lc-kick { margin: 0 0 10px; color: var(--ink); }
    .abx-rs ul.years { list-style: none; padding: 0; display: grid; gap: 8px; }
    .abx-rs ul.years li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; margin: 0; padding: 12px 16px; border-radius: 12px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    .abx-rs ul.years li b { color: var(--red); }
    .abx-rs .pull { margin: 18px 0; padding: 20px 24px; border: 0; border-radius: 14px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); font-size: 17px; line-height: 1.6; color: var(--ink); }
    .abx-rs .pull cite { display: block; margin-top: 14px; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
    .abx-rs table.rubric { width: 100%; }
    .abx-rs .formula { margin: 0 0 14px; padding: 16px 18px; border-radius: 12px; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); font-weight: 700; color: var(--ink); }
  }
  @media (min-width: 901px) {
    #stars { grid-template-columns: 340px minmax(0, 820px); column-gap: 24px; row-gap: 14px; justify-content: center; align-items: start; }
    #stars > .mine-head { grid-column: 1 / -1; }
    #stars > .sb { display: contents; }
    #stars > .sb::before { display: none; }
    #stars > .sb .sb-card {
      background: var(--sb-fill); box-shadow: var(--vxg-top), var(--sb-shade); border-radius: 16px; padding: 26px 28px; min-width: 0;
    }
    #stars > .sb .sb-card::before { display: block; }
    #stars > .sb .sb-wallet { grid-column: 1; grid-row: 1 / span 3; position: sticky; top: calc(var(--seghead, 72px) + 24px); padding: 26px 24px; border-bottom: 0; }
    #stars > .sb .sb-stick { display: block; }
    #stars > .sb .sb-purse { display: block; }
    #stars > .sb .sb-count { margin-bottom: 18px; }
    #stars > .sb .sb-tokens { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
    #stars > .sb .sb-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 20px 0 0; padding: 14px 0; gap: 0; background: var(--vx-well); box-shadow: inset 0 0 0 1px var(--vx-well-edge); }
    #stars > .sb .sb-fact { padding: 0 14px; }
    #stars > .sb .sb-fact:nth-child(3) { display: grid; }
    #stars > .sb .sb-fact + .sb-fact { box-shadow: inset 1px 0 0 var(--vx-well-edge); }
    #stars > .sb .sb-acts { grid-column: auto; flex-direction: column; align-items: stretch; flex-wrap: nowrap; padding-top: 20px; gap: 10px; }
    #stars > .sb .sb-acts .vx-btn { width: 100%; justify-content: center; }
    #stars > .sb .sb-loops { grid-column: 2; grid-row: 1; }
    #stars > .sb .sb-loops .sb-head { display: flex; margin-bottom: 18px; }
    #stars > .sb .sb-loops .sb-side { display: none; }
    #stars > .sb .sb-loops .sb-ico { display: none; }
    .sb-th { display: none; }
    .sb-row { grid-template-columns: 54px minmax(0, 1fr) auto auto; column-gap: 18px; padding: 14px 0; }
    .sb-row:first-child { border-top: 0; }
    .sb-plat, .sb-share { display: none; }
    .sb-art { height: 72px; }
    .sb-note { padding: 14px 0 0; margin-top: 4px; }
    #stars > .starsfaq { grid-column: 2; grid-row: 2; grid-template-columns: minmax(0, 1fr); }
    #stars .sb-qcol { display: grid; gap: 8px; }
    #stars .sb-qcol + .sb-qcol { margin-top: 8px; }
  }
  @media (min-width: 901px) {
    body[data-mview="viewStars"] .stagehead { justify-content: center; }
  }

  @keyframes vxCollabIn { from { opacity: 0; transform: translate3d(0, 12px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
  .vx-collab { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 38px 0 0; color: var(--soft); animation: vxCollabIn 2.4s cubic-bezier(.22, .61, .36, 1) 4.1s both; }
  .vx-collab span { font: 700 11px/1 var(--sans); letter-spacing: .22em; text-transform: uppercase; white-space: nowrap; }
  .vx-collab a { display: block; line-height: 0; transition: opacity .25s ease; }
  .vx-collab a:hover { opacity: .75; }
  .vx-collab img { display: block; height: 46px; width: auto; }
  .vx-collab .aco-b { display: none; }
  :root[data-theme="light"] .vx-collab .aco-w { display: none; }
  :root[data-theme="light"] .vx-collab .aco-b { display: block; }
  @media (max-width: 600px) { .vx-collab { gap: 12px; margin-top: 28px; } .vx-collab span { font-size: 10px; letter-spacing: .18em; } .vx-collab img { height: 38px; } }
  @media (prefers-reduced-motion: reduce) { .vx-collab { animation: none; } }
  @media (min-width: 901px) {
    .sb-row { grid-template-columns: 72px minmax(0, 1fr) auto auto; }
    .sb-art, .sb-art.free { width: 72px; height: 72px; min-width: 0; aspect-ratio: 1 / 1 !important; justify-self: start; }
    .sb-art > img, .sb-art > video, .sb-art.free > img, .sb-art.free > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  }
  .lp-collab { margin: 20px var(--lp-x, 16px) 0; animation-delay: 1.9s; }
  .ladder.asgrid li::before {
    content: ""; position: absolute; left: -28px; right: -28px; bottom: -28px; height: calc(66% + 28px); z-index: 1; pointer-events: none;
    -webkit-backdrop-filter: blur(7px) saturate(1.06); backdrop-filter: blur(7px) saturate(1.06);
    -webkit-mask-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .94) 22%, rgba(0, 0, 0, .78) 40%, rgba(0, 0, 0, .52) 58%, rgba(0, 0, 0, .26) 76%, rgba(0, 0, 0, .08) 90%, transparent 100%);
    mask-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .94) 22%, rgba(0, 0, 0, .78) 40%, rgba(0, 0, 0, .52) 58%, rgba(0, 0, 0, .26) 76%, rgba(0, 0, 0, .08) 90%, transparent 100%);
  }
  .ladder.asgrid li::after {
    left: -28px; right: -28px; bottom: -28px; height: calc(46% + 28px);
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    -webkit-mask-image: linear-gradient(to top, #000 0%, #000 34%, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, .22) 82%, transparent 100%);
    mask-image: linear-gradient(to top, #000 0%, #000 34%, rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, .22) 82%, transparent 100%);
  }
  @media (prefers-reduced-transparency: reduce) { .ladder.asgrid li::before { display: none; } .ladder.asgrid li::after { -webkit-backdrop-filter: none; backdrop-filter: none; } }
  @media (min-width: 901px) {
    body[data-mview="viewComments"] .stagehead { justify-content: center; }
    #comments .cb { grid-template-columns: minmax(0, 820px); justify-content: center; align-items: start; grid-template-rows: none; }
    #comments .cb-sum, #comments .cb-say { grid-column: 1; }
    #comments .cb-sum { display: flex; flex-direction: column; }
    #comments .cb-sum > .cb-head { grid-column: auto; }
    #comments .cb-acts { display: flex; }
    #comments .cb-find { margin: 22px 0 0; }
    #comments .cb-say { contain: none; }
    #comments .cb-body[data-mode="list"] { min-height: 0; }
    #comments #cbRows, #comments #cbRows.cb-more, #comments #cbRows.cb-more.cb-end, #comments #cbRows.cb-more.cb-top, #comments #cbRows.cb-more.cb-top.cb-end {
      max-height: none; overflow: visible; -webkit-mask-image: none; mask-image: none;
    }
  }
  :root[data-theme="dark"] #judgesBody .jside-main .jdeck { --deckbg: var(--ud-paper, #0b0b0c); }

@media (max-width: 900px) {
  html.booting .lp-strip, html.booting .lp-word, html.booting .lp-days, html.booting .lp-unit, html.booting .lp-hms, html.booting .lp-tile, html.booting #judgesBody .judgelede, html.booting #judgesBody .jside { animation: none; opacity: 0; }
}

@media (max-width: 900px) {
  .lp-collab { animation: lp-rise .9s cubic-bezier(.22, 1, .36, 1) 1.25s backwards; }
  html.booting .lp-collab { animation: none; opacity: 0; }
}
@media (max-width: 900px) and (prefers-reduced-motion: reduce) { .lp-collab { animation: none; } }
  .platnote { display: block; margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--soft); animation: platIn .35s cubic-bezier(.22, .61, .36, 1) both; }
  .platnote[hidden] { display: none; }
  .platnote.ok { color: var(--soft); }
  .platnote.bad { color: var(--red); }
  @keyframes platIn { from { opacity: 0; transform: translate3d(0, 4px, 0); } to { opacity: 1; transform: none; } }
  @media (prefers-reduced-motion: reduce) { .platnote { animation: none; } }
  @media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
    .topbar .actpill .account-menu, .topbar .actpill .modemenu {
      opacity: 1; visibility: visible; transform: translate3d(0, 0, 0) scale(1);
      transition: opacity .24s ease, transform .42s cubic-bezier(.2, 1.15, .3, 1), visibility 0s;
    }
    .topbar .actpill .account-menu { transform-origin: calc(100% - 26px) 0; }
    .topbar .actpill .modemenu { transform-origin: 26px 0; }
    .topbar .actpill .account-menu[hidden], .topbar .actpill .modemenu[hidden] {
      display: grid !important; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(0, -10px, 0) scale(.93);
      transition: opacity .16s ease, transform .22s cubic-bezier(.4, 0, 1, 1), visibility 0s .22s;
    }
    .topbar .actpill .account-menu > *, .topbar .actpill .modemenu > * {
      opacity: 0; transform: translate3d(0, 7px, 0); transition: opacity .12s ease, transform .12s ease;
    }
    .topbar .actpill .account-menu:not([hidden]) > *, .topbar .actpill .modemenu:not([hidden]) > * {
      opacity: 1; transform: none; transition: opacity .3s ease, transform .45s cubic-bezier(.22, 1, .36, 1);
    }
    .topbar .actpill .account-menu:not([hidden]) > :nth-child(1), .topbar .actpill .modemenu:not([hidden]) > :nth-child(1) { transition-delay: .06s; }
    .topbar .actpill .account-menu:not([hidden]) > :nth-child(2), .topbar .actpill .modemenu:not([hidden]) > :nth-child(2) { transition-delay: .11s; }
    .topbar .actpill .account-menu:not([hidden]) > :nth-child(3), .topbar .actpill .modemenu:not([hidden]) > :nth-child(3) { transition-delay: .16s; }
    .topbar .actpill .account-menu:not([hidden]) > :nth-child(4), .topbar .actpill .modemenu:not([hidden]) > :nth-child(4) { transition-delay: .21s; }
    .topbar .actpill .account-menu:not([hidden]) > :nth-child(5), .topbar .actpill .modemenu:not([hidden]) > :nth-child(5) { transition-delay: .26s; }
  }
  .tile.promo { display: block; color: inherit; text-decoration: none; cursor: pointer; }
  .tile.promo .promo-art { position: relative; aspect-ratio: 1 / 1; border-radius: 5px; overflow: hidden; background: #111; }
  .tile.promo .promo-art img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform .7s cubic-bezier(.22, 1, .36, 1); }
  .tile.promo:hover .promo-art img, .tile.promo:focus-visible .promo-art img { transform: scale(1.07); }
  .promo-card img { transform: scale(1); transition: transform .8s cubic-bezier(.22, 1, .36, 1); }
  .promo-card:hover img, .promo-card:focus-visible img { transform: scale(1.04); }
  .reel-track > .promo-slide { height: 100%; min-height: 0; scroll-snap-align: start; scroll-snap-stop: always; display: flex; justify-content: center; align-items: center; padding: 12px 16px; box-sizing: border-box; }
  .promo-card { position: relative; display: block; line-height: 0; border-radius: 12px; overflow: hidden; max-width: 100%; max-height: 100%; box-shadow: 0 18px 50px rgba(0, 0, 0, .45); }
  .promo-card img { display: block; width: auto; height: auto; max-width: min(1180px, calc(100vw - 48px)); max-height: calc(var(--reelh, 80dvh) - 24px); object-fit: contain; }
  @media (prefers-reduced-motion: reduce) { .tile.promo .promo-art img, .promo-card img { transition: none; } .tile.promo:hover .promo-art img, .promo-card:hover img { transform: none; } }
  .amv-logo { display: block; flex: none; aspect-ratio: 2082 / 1210; background: currentColor; -webkit-mask: url(/amv-logo.svg) center / contain no-repeat; mask: url(/amv-logo.svg) center / contain no-repeat; }
  .wm-trace { display: block; flex: none; width: 6.51em; height: 1.017em; }
  .vx-credits { color: var(--soft); }
  .vx-credits .cr-g { display: flex; align-items: center; gap: 14px; }
  .vx-credits .cr-cap { font: 700 11px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
  .vx-credits a { display: block; line-height: 0; transition: opacity .25s ease; }
  .vx-credits a:hover { opacity: .75; }
  .vx-credits .amv-logo { width: 86px; color: var(--ink); }
  .vx-credits img { display: block; flex: none; height: 44px; width: auto; }
  .vx-credits .aco-b { display: none; }
  :root[data-theme="light"] .vx-credits .aco-w { display: none; }
  :root[data-theme="light"] .vx-credits .aco-b { display: block; }
  .vx-credits .cr-sep { display: block; flex: none; width: 1px; height: 28px; background: currentColor; opacity: .28; }
  .tile.promo[data-promo="amv"] .promo-art { aspect-ratio: 1 / 1; }
  @media (min-width: 901px) {
    .vx-credits { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 26px; margin: 36px 0 0; pointer-events: auto; }
    .vx-stage.vx-open .vx-credits { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, visibility 0s linear .3s; }
    .vx-info { position: static; left: auto; bottom: auto; z-index: auto; transform: none; }
    .vx-acts { gap: 10px; }
    .vx-btn { gap: 8px; height: 40px; padding: 0 16px 0 13px; border-radius: 12px; font: 700 13px/1 var(--sans); }
    .vx-btn svg { width: 16px; height: 16px; }
    .vx-btn.vx-go svg { width: 24px; height: 12px; }
    #vxInfoBtn.vxv-dates { gap: 9px; height: 40px; padding: 0 13px; font-size: 12.5px; }
    #vxInfoBtn .vx-cal { width: 15px; height: 15px; }
    .vx-pclose { position: absolute; top: 14px; right: 14px; z-index: 3; display: grid; place-items: center; width: 34px; height: 34px; margin: 0; padding: 0; border: 0; border-radius: 11px; cursor: pointer; color: var(--vxg-ink); background: var(--vxg-fill); box-shadow: var(--vxg-top); transition: background .3s ease; }
    .vx-pclose:hover, .vx-pclose:focus-visible { background: var(--vxg-fill-up); }
    .vx-pclose:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
    .vx-pclose svg { display: block; width: 14px; height: 14px; }
    .vx-phead { padding-right: 46px; }
  }
  @media (min-width: 901px) and (max-height: 760px) { .vx-info { bottom: auto; } }
  @media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
    .vx-credits:not(.lp-credits) { animation: vxCollabIn 2.4s cubic-bezier(.22, .61, .36, 1) 4.1s backwards; }
  }
  @media (min-width: 1180px) {
    .vx-core { align-items: flex-start; padding-left: clamp(48px, 5vw, 96px); box-sizing: border-box; }
    .vx-hub { align-items: flex-start; text-align: left; }
    .vx .mastbrand, .vx .mastbrand .brand { justify-items: start; }
    .vx .mastbrand .kicker, .vx .mastbrand .brand h1 { margin: 0; }
    .vx .vx-line { margin-left: 0; }
    .vx .countdown, .vx-acts { justify-content: flex-start; }
    .vx-credits:not(.lp-credits) {
      position: absolute; right: clamp(40px, 5vw, 96px); top: 50%; translate: 0 -50%; margin: 0; z-index: 4;
      flex-direction: column; align-items: center; gap: 18px; min-width: 290px; box-sizing: border-box; padding: 26px 34px; border-radius: 18px;
      background: var(--vxg-fill), var(--vx-panel); -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%);
      box-shadow: var(--vxg-top), var(--vxg-halo);
    }
    .vx-credits:not(.lp-credits)::before {
      content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none; background: var(--vxg-rim);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude;
    }
    .vx-credits:not(.lp-credits) .cr-g { flex-direction: column; gap: 14px; }
    .vx-credits:not(.lp-credits) .amv-logo { width: 210px; }
    .vx-credits:not(.lp-credits) img { height: 46px; }
    .vx-credits:not(.lp-credits) .cr-sep { width: 100%; height: 1px; margin: 2px 0; }
  }
  @media (min-width: 901px) and (prefers-reduced-transparency: reduce) { .vx-credits:not(.lp-credits) { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--panel); } }
  @media (max-width: 900px) {
    .lp-credits { display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin: 22px var(--lp-x, 16px) 0; }
    .lp-credits .cr-sep { display: none; }
    .lp-credits .cr-g { display: flex; flex-direction: column; align-items: center; gap: 12px; position: relative; padding: 18px 0 16px; border-radius: 18px; background: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, rgba(30, 30, 30, .66), rgba(16, 16, 16, .6)), #070707; box-shadow: inset 0 0 14px color-mix(in srgb, var(--red) 22%, transparent), 0 1px 2px rgba(0, 0, 0, .4), 0 8px 18px -10px rgba(0, 0, 0, .8); animation: lp-rise .9s cubic-bezier(.22, 1, .36, 1) 1.25s backwards; }
    .lp-credits .cr-g + .cr-sep + .cr-g { animation-delay: 1.45s; }
    .lp-credits .cr-g::before { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none; background: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--red) 12%, #fff) 100%, transparent), color-mix(in srgb, color-mix(in srgb, var(--red) 64%, #fff) 70%, transparent) 38%, color-mix(in srgb, color-mix(in srgb, var(--red) 82%, #fff) 34%, transparent) 72%, color-mix(in srgb, color-mix(in srgb, var(--red) 61%, #fff) 60%, transparent)); opacity: .85; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
    html.booting .lp-credits .cr-g { animation: none; opacity: 0; }
    .lp-credits .cr-cap { font-size: 10px; letter-spacing: .2em; text-align: center; }
    .lp-credits a { display: flex; justify-content: center; }
    .lp-credits .amv-logo { width: 120px; }
    .lp-credits img { height: 58px; }
  }
  @media (max-width: 900px) and (prefers-reduced-motion: reduce) { .lp-credits .cr-g { animation: none; } }

@media (max-width: 900px) {
  .sx-cell video.sx-live { opacity: 0; transition: opacity .6s ease; pointer-events: none; }
  .sx-cell video.sx-live.on { opacity: 1; }
}
  #submitDialog .sub-lead { margin: -4px 0 0; font-size: 13px; line-height: 1.45; font-weight: 500; color: var(--soft); }
  #submitDialog .sub-rules { display: grid; gap: 10px; padding: 14px 15px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent); background: color-mix(in srgb, var(--ink) 4%, transparent); }
  #submitDialog .sub-rule { display: grid; grid-template-columns: 20px 1fr; gap: 11px; align-items: start; font-size: 12.5px; line-height: 1.45; font-weight: 500; color: var(--ink); }
  #submitDialog .sub-rule svg { width: 18px; height: 18px; margin-top: 1px; color: var(--red); }
  #submitDialog .sub-rule em { font-style: normal; color: var(--soft); }
  #submitDialog .sub-tag { color: var(--red); font-weight: 800; }
  #submitDialog .sub-contest { display: grid; gap: 12px; padding: 15px 16px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--red) 45%, transparent); background: linear-gradient(180deg, var(--red), color-mix(in srgb, var(--red) 80%, #0757a8)); }
  #submitDialog .sub-contest h3 { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; color: var(--ink); }
  #submitDialog .sub-contest h3 svg { width: 18px; height: 18px; color: #fff; }
  #submitDialog .sub-contest p { margin: 0; font-size: 12.5px; line-height: 1.45; font-weight: 500; color: var(--ink); }
  #submitDialog .sub-contest p b { color: #fff; font-weight: 800; }
  #submitDialog .sub-prizes { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  #submitDialog .sub-prize { display: flex; align-items: center; gap: 9px; padding: 9px 11px; border-radius: 10px; background: linear-gradient(180deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .1)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28), 0 4px 10px -6px rgba(3, 30, 70, .6); font-size: 12px; font-weight: 700; color: var(--ink); }
  #submitDialog .sub-prize svg { width: 18px; height: 18px; flex: none; color: #fff; }
  #submitDialog .sub-prize em { display: block; font-style: normal; font-weight: 500; font-size: 11px; color: rgba(255, 255, 255, .78); }
  @keyframes subRise { from { opacity: 0; transform: translate3d(0, 12px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
  #submitDialog[open] .sub-lead, #submitDialog[open] .sub-rules, #submitDialog[open] .sub-contest { animation: subRise .5s cubic-bezier(.2, .8, .2, 1) backwards; }
  #submitDialog[open] .sub-rules { animation-delay: .06s; }
  #submitDialog[open] .sub-contest { animation-delay: .16s; }
  @media (max-width: 420px) { #submitDialog .sub-prizes { grid-template-columns: 1fr; } }
  @media (prefers-reduced-motion: reduce) { #submitDialog[open] .sub-lead, #submitDialog[open] .sub-rules, #submitDialog[open] .sub-contest { animation: none; } }
  #submitDialog .sub-prize-btn { border: 0; width: 100%; text-align: left; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: background .2s ease, box-shadow .2s ease; }
  #submitDialog .sub-prize-btn:hover { background: linear-gradient(180deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, .16)); }
  #submitDialog .sub-prize-btn:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
  #submitDialog .sub-prize-btn > span { flex: 1; min-width: 0; }
  #submitDialog .sub-prize .sub-caret { width: 16px; height: 16px; color: #fff; transition: transform .3s ease; }
  #submitDialog .sub-prize-btn[aria-expanded="true"] .sub-caret { transform: rotate(180deg); }
  #submitDialog .sub-perks { display: grid; grid-template-rows: 0fr; margin-top: -12px; transition: grid-template-rows .35s cubic-bezier(.2, .8, .2, 1), margin-top .35s cubic-bezier(.2, .8, .2, 1); }
  #submitDialog .sub-perks > div { min-height: 0; overflow: hidden; visibility: hidden; transition: visibility 0s linear .35s; }
  #submitDialog .sub-perks.open { grid-template-rows: 1fr; margin-top: 0; }
  #submitDialog .sub-perks.open > div { visibility: visible; transition-delay: 0s; }
  #submitDialog .sub-contest .sub-perks-h { margin: 0 0 10px; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: rgba(255, 255, 255, .8); }
  #submitDialog .sub-perks ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
  #submitDialog .sub-perks li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; font-size: 12.5px; line-height: 1.4; font-weight: 500; color: var(--ink); }
  #submitDialog .sub-perks li svg { width: 16px; height: 16px; margin-top: 1px; color: #fff; }
  #submitDialog .sub-contest .sub-perks-f { margin: 12px 0 0; font-size: 11px; line-height: 1.4; font-weight: 500; color: rgba(255, 255, 255, .8); }
  #submitDialog .sub-contest .sub-perks-f a { color: #fff; font-weight: 700; text-decoration: underline; }
  #submitDialog .sub-contest .sub-perks-f a:hover { text-decoration: underline; }
  @media (prefers-reduced-motion: reduce) { #submitDialog .sub-perks, #submitDialog .sub-perks > div, #submitDialog .sub-prize .sub-caret { transition: none; } }
  #submitDialog .sheet .row { flex-direction: column; align-items: flex-end; gap: 14px; }
  #submitDialog .sheet .row .sheetlegal { margin: 0; align-self: stretch; }
  @media (min-width: 600px) { #submitDialog .sheet .row .sheetlegal { white-space: nowrap; } }
  @media (min-width: 901px) {
    .vx .vx-panel .sociallinks a, .vx .vx-panel .sociallinks a:hover, .vx .vx-panel .sociallinks a:focus-visible { background: transparent; box-shadow: none; }
    .vx .vx-panel .sociallinks a::before { display: none; }
  }
  @media (min-width: 901px) {
    .vx-cols.vx-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vx-bento > .vx-col { display: grid; gap: 12px; align-content: start; }
    .vx-bento > .vx-col > .vx-ch { margin: 0; }
    .vx-bento > .vx-wide { grid-column: 1 / -1; }
    .vx-bento .vx-lead { margin: 0; font-size: 13px; line-height: 1.45; color: color-mix(in srgb, var(--ink) 68%, transparent); }
    .vx-bento .vx-lead b { color: var(--ink); font-weight: 700; }
    .vx-prize { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: center; padding: 14px; border-radius: 12px; background: color-mix(in srgb, var(--ink) 6%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent); }
    .vx-prize svg { width: 34px; height: 34px; color: var(--red); }
    .vx-prize b { display: block; font-size: 19px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; color: var(--ink); }
    .vx-prize span { display: block; margin-top: 3px; font-size: 12px; line-height: 1.35; color: color-mix(in srgb, var(--ink) 62%, transparent); }
    ol.vx-list li.vx-key { margin: 0 -6px; padding: 11px 12px 11px 40px; border-radius: 12px; background: color-mix(in srgb, var(--red) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 40%, transparent); }
    ol.vx-list li.vx-key::before { left: 13px; top: 12px; }
    ol.vx-list.vx-time { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
    ol.vx-list.vx-time li { padding: 12px; border-radius: 12px; background: color-mix(in srgb, var(--ink) 6%, transparent); font-size: 12px; line-height: 1.4; }
    ol.vx-list.vx-time li b { display: block; margin-bottom: 3px; font-size: 13px; }
    ul.vx-list.vx-two { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; align-items: start; }
  }

  #submitDialog, #bulkDialog { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; }
  html:has(#submitDialog[open]), html:has(#submitDialog[open]) body, html:has(#bulkDialog[open]), html:has(#bulkDialog[open]) body { overflow: hidden; overscroll-behavior: none; }

  @media (max-width: 900px) {
    html.in-reel .reel-track > .promo-slide {
      --promo-head: calc(var(--reeltop-h, 72px) + env(safe-area-inset-top, 0px));
      padding: var(--promo-head) 16px 12px;
    }
    html.in-reel .promo-card img {
      max-height: calc(100dvh - var(--tabh) - 20px - env(safe-area-inset-bottom, 0px) - var(--promo-head, 72px) - 12px);
    }
  }

  @media (max-width: 900px) {
    #themeBtn, .themerow { display: none !important; }
  }

@property --cta-t { syntax: "<number>"; inherits: false; initial-value: 0; }
@property --cta-ra { syntax: "<number>"; inherits: false; initial-value: 0; }
:root {
  --cta-anim:
    linear-gradient(180deg, rgba(255, 255, 255, calc(.22 - .08 * var(--cta-t))), rgba(255, 255, 255, 0) 52%),
    linear-gradient(180deg,
      color-mix(in srgb, color-mix(in srgb, var(--red) 58%, transparent) calc(var(--cta-t) * 100%), #5cbcff),
      color-mix(in srgb, color-mix(in srgb, var(--red) 44%, transparent) calc(var(--cta-t) * 100%), var(--red)) 45%,
      color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--red) 75%, #000) 40%, transparent) calc(var(--cta-t) * 100%), #0757a8));
}
.topbar .topacts #openSubmit, .vx-go, #comments .vx-go {
  background: var(--cta-anim);
  transition: --cta-t .4s ease, --cta-ra .4s ease, box-shadow .4s ease, transform .3s cubic-bezier(.34, 1.4, .5, 1);
}
.topbar .topacts #openSubmit:hover, .topbar .topacts #openSubmit:focus-visible,
.vx-go:hover, .vx-go:focus-visible, #comments .vx-go:hover, #comments .vx-go:focus-visible {
  --cta-t: 1; --cta-ra: 1;
  background: var(--cta-anim);
}
.topbar .topacts #openSubmit::before, .topbar .topacts #openSubmit:hover::before, .topbar .topacts #openSubmit:focus-visible::before {
  background: radial-gradient(50px circle at var(--mx) var(--my), rgba(255, 255, 255, var(--cta-ra)), rgba(255, 255, 255, 0) 70%), var(--seg-cta-rim);
}
.vx-go::before, .vx-go:hover::before, .vx-go:focus-visible::before, #comments .vx-go::before, #comments .vx-go:hover::before, #comments .vx-go:focus-visible::before {
  background: radial-gradient(90px circle at var(--mx) var(--my), rgba(255, 255, 255, var(--cta-ra)), rgba(255, 255, 255, 0) 70%), var(--vxr-rim);
}
.topbar .topacts #openSubmit::after, .vx-btn::after { transition: opacity .4s ease; }
.vx-btn.vx-alt svg { margin-top: 1px; }
@media (min-width: 901px) {
  body.in-judges .stagehead { justify-content: center; }
  #judgesBody { padding-top: 44px; }
  #judgesBody .jside-main > p.judgelede { position: absolute; bottom: 100%; left: 0; width: calc(100% / .58 + 20px); margin: 0 0 16px; text-align: center; text-wrap: balance; }
}
@media (min-width: 901px) and (max-width: 1199px) {
  #judgesBody .jside-main > p.judgelede { width: calc(100% / .54 + 20px); }
}
#judgesBody .judgelede { animation: lp-rise 1.1s cubic-bezier(.33, 0, .12, 1) .6s backwards; }
#judgesBody .jside { animation-delay: .85s; }
.jdeck.entering .jcard { transition-delay: calc(.6s + var(--k, 0) * 90ms); }
.jside-step.on .jside-ico { color: #fff; }
.jside-tab svg { display: none; }
#submitDialog { scrollbar-width: none; -ms-overflow-style: none; }
#submitDialog::-webkit-scrollbar { display: none; width: 0; height: 0; }
@media (min-width: 901px) {
  #submitDialog { width: min(1000px, calc(100vw - 64px)); }
  #submitDialog .sheet { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 30px; align-items: start; }
  #submitDialog .sub-info, #submitDialog .sub-fields { display: grid; gap: 15px; align-content: start; min-width: 0; }
  #submitDialog .sub-fields { align-self: center; }
  #submitDialog .sheet > .sentcard { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  #submitDialog .sub-info, #submitDialog .sub-fields { display: contents; }
  #submitDialog .sub-info > :not(.sub-contest) { order: 1; }
  #submitDialog .sub-fields > label[for="urlField"] { order: 2; }
  #submitDialog .sub-info > .sub-contest { order: 3; }
  #submitDialog .sub-fields > :not(label[for="urlField"]) { order: 4; }
}

#submitDialog .btn.sendloop { height: 36px; padding: 0 14px 0 11px; gap: 8px; border-radius: 12px; font-size: 11px; }
#submitDialog .btn.sendloop svg { width: 22px; height: 11px; }
.topbar .topacts #openSubmit:hover, .topbar .topacts #openSubmit:focus-visible { box-shadow: var(--seg-cta-halo-up), 0 0 10px 2px rgba(92, 188, 255, .32), 0 0 26px 4px rgba(12, 148, 234, .4), 0 0 54px 8px rgba(12, 148, 234, .2); }
.vx-go:hover, .vx-go:focus-visible, #comments .vx-go:hover, #comments .vx-go:focus-visible { box-shadow: var(--vxr-halo-up), 0 0 10px 2px rgba(92, 188, 255, .32), 0 0 26px 4px rgba(12, 148, 234, .4), 0 0 64px 10px rgba(12, 148, 234, .2); }
.vx-alt:hover, .vx-alt:focus-visible { box-shadow: var(--vxg-halo), 0 0 10px 2px rgba(92, 188, 255, .22), 0 0 26px 4px rgba(12, 148, 234, .28); }
html, body, * { scrollbar-width: none; -ms-overflow-style: none; }
*::-webkit-scrollbar { display: none; width: 0; height: 0; }
html, html *, html *::before, html *::after { scrollbar-width: none !important; scrollbar-color: auto !important; -ms-overflow-style: none !important; }
html *::-webkit-scrollbar, html::-webkit-scrollbar, *::-webkit-scrollbar-button, *::-webkit-scrollbar-thumb, *::-webkit-scrollbar-track { display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; }
.vx-pclose { display: none !important; }
.vx-foot .tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 0 auto; padding: 0; background: none; }
#submitDialog .sheet .row { align-items: flex-start; }
@media (min-width: 901px) {
  .vx-panel { width: min(1180px, calc(100vw - 64px)); }
}
@media (min-width: 1240px) {
  ol.vx-list.vx-time li b { white-space: nowrap; }
}
.viewer > .viewer-nav { grid-column: 1; grid-row: 1; z-index: 4; align-self: center; display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 50%; cursor: pointer; color: #fff; background: rgba(0, 0, 0, .5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 6px 16px -6px rgba(0, 0, 0, .6); opacity: .85; transition: opacity .25s ease, transform .25s ease, background .25s ease; }
.viewer > .viewer-prev { justify-self: start; margin-left: 14px; }
.viewer > .viewer-next { justify-self: end; margin-right: 14px; }
.viewer > .viewer-nav svg { width: 20px; height: 20px; }
.viewer > .viewer-nav:hover, .viewer > .viewer-nav:focus-visible { opacity: 1; background: linear-gradient(180deg, #0c94ea, #0a79c9); transform: scale(1.06); }
.viewer > .viewer-nav:active { transform: scale(.96); }
#viewer.judging .viewer-nav { display: none; }
@media (max-width: 900px) { .viewer > .viewer-nav { width: 38px; height: 38px; } .viewer > .viewer-prev { margin-left: 8px; } .viewer > .viewer-next { margin-right: 8px; } }
body.subs-over #openSubmit, body.subs-over #emptySubmit, body.subs-over [data-mnav="openSubmit"] { filter: grayscale(1) brightness(.85); opacity: .5; cursor: not-allowed; box-shadow: none; }
body.subs-over #openSubmit:hover, body.subs-over [data-mnav="openSubmit"]:hover { transform: none; box-shadow: none; }
body.subs-over #submitDialog .btn.sendloop[disabled] { filter: grayscale(1) brightness(.85); opacity: .5; cursor: not-allowed; box-shadow: none; }
.viewer > .viewer-nav { opacity: 0; }
.viewer:has(.viewer-media:hover) > .viewer-nav, .viewer > .viewer-nav:hover, .viewer > .viewer-nav:focus-visible { opacity: 1; }
@media (hover: none) { .viewer > .viewer-nav { opacity: .85; } }
a.sf-logo { text-decoration: none; transition: opacity .2s ease; }
a.sf-logo:hover { opacity: .85; }
.sfoot a.sf-logo { color: var(--ink); }
#submitDialog .sub-logos { margin: 0; font-size: 12px; line-height: 1.45; font-weight: 500; color: var(--soft); }
#submitDialog .sub-logos a { color: var(--ink); font-weight: 800; text-decoration: none; }
#submitDialog[open] .sub-logos { animation: subRise .5s cubic-bezier(.2, .8, .2, 1) .18s backwards; }
@media (prefers-reduced-motion: reduce) { #submitDialog[open] .sub-logos { animation: none; } }
.vx-word, .lp-word, .asc-word { cursor: pointer; }
#submitDialog .sub-logos a { transition: color .2s ease; }
#submitDialog .sub-logos a:hover { color: var(--red); }