@font-face {
  font-family: 'Big Shoulders';
  src: url('/assets/fonts/big-shoulders.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('/assets/fonts/hanken-grotesk.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-ui: 'Hanken Grotesk', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  --font-display: 'Big Shoulders', 'Hanken Grotesk', 'Arial Narrow', sans-serif;
  --ui: var(--font-ui);
  --paper: #f2ede4;
  --ink-black: #100f0e;
  --inked: 0.42vh;
}
:root:not([data-look]), [data-look="default"] {
  --bg: #100f0e;
  --bg-2: #1a1816;
  --panel: #1a1816;
  --panel-line: rgba(242, 237, 228, 0.12);
  --ink: #f2ede4;
  --ink-dim: #a8a093;
  --gold: #ffe14d;
  --good: #19c37d;
  --bad: #ff4b3e;
  --a: #3b82ff;
  --b: #ffe14d;
  --c: #ff4fa3;
  --d: #19c37d;
  --e: #ff6c2f;
  --f: #9b7bff;
  --cool: #f2ede4;
}
body {
  --surf-1: var(--panel);
  --surf-2: var(--panel);
  --surf-line: var(--panel-line);
  --surface: var(--panel);
  --raised: #221f1c;
  --line-strong: rgba(242, 237, 228, 0.28);
}
body.console { --panel: inherit; --panel-line: inherit; }
button, input, select, textarea { font-family: inherit; }
html, body { font-family: var(--font-ui); }
body, body.console, body.landing, body.phone, body.host, body.editor, body.screen {
  background: var(--bg) !important;
}
body::after { display: none !important; }
.grad-text, .brand-app, .brand-who, .winner .dip-name, .console .tab-head h2,
.ad-words h1, .acct-val.brand-preview, .cam-guide .cam-looks-head > span, .cam-hint span,
.room-code, .lobby-count.soon b, .lobby-count.now, .wait-count.soon b, .wait-count.now {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor;
  color: var(--ink) !important;
}
.lobby-count.soon b, .lobby-count.now, .wait-count.soon b, .wait-count.now { color: var(--hot) !important; }
.brand-name { font-family: var(--font-display); font-weight: 900 !important; letter-spacing: 0 !important; }
.brand-who { color: var(--ink-dim) !important; transform: none !important; font-style: normal !important; }
.pill, .screen .topbar .title, .round-intro .kicker, .reveal-banner .label,
.winner .kicker, .winner .dip-label, .winner .cb-note, .lobby-prize .lp-label,
.now-playing .np-label, .screen .titles .brand-name, .team-pick-head,
.arcade-board .ab-head, .ld-eyebrow, .phone .online-q-num {
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.screen .topbar { border-bottom: 2px solid var(--panel-line) !important; font-size: 1.8vh !important; color: var(--ink-dim); }
.screen .topbar .title { font-weight: 600 !important; color: var(--ink-dim); }
.screen .titles .brand-name { opacity: 1 !important; font-size: 2.2vh !important; }
.screen .topbar .pill { background: none !important; border: 0 !important; padding: 0 !important; font-weight: 600 !important; color: var(--ink-dim); }
.screen .topbar .right { gap: 1.4vw !important; }
.screen .topbar .right .pill + .pill::before { content: '·'; margin-right: 1.4vw; opacity: 0.6; }
.q-prompt {
  font-family: var(--font-display);
  font-weight: 800 !important;
  font-size: 8.4vh !important;
  line-height: 0.98 !important;
  letter-spacing: -0.005em !important;
  text-wrap: balance;
}
.q-prompt.small { font-size: 6.8vh !important; }
.q-head .pill.q-counter {
  background: none !important; border: 0 !important; padding: 0 !important;
  font-family: var(--font-display); font-size: 3vh !important; font-weight: 800 !important; color: var(--ink);
}
.answered-count { font-size: 2.3vh !important; font-weight: 600 !important; }
.timer-wrap { align-items: center !important; }
.timer-bar {
  height: 3.4vh !important; border-radius: 4px !important;
  background: repeating-linear-gradient(90deg, rgba(242, 237, 228, 0.1) 0 1.1vw, transparent 1.1vw 1.5vw) !important;
}
.timer-bar span {
  border-radius: 0 !important;
  background: var(--ink) !important;
  -webkit-mask: repeating-linear-gradient(90deg, #000 0 1.1vw, transparent 1.1vw 1.5vw);
          mask: repeating-linear-gradient(90deg, #000 0 1.1vw, transparent 1.1vw 1.5vw);
}
.timer-num { font-family: var(--font-display); font-weight: 900 !important; font-size: 9vh !important; line-height: 0.9; letter-spacing: 0 !important; }
.timer-num.urgent { color: var(--bad); }
.option {
  background: var(--ink-black) !important;
  border: var(--inked) solid var(--panel-line) !important;
  border-radius: 14px !important;
  color: var(--ink) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.option:nth-child(1) { border-color: var(--a) !important; }
.option:nth-child(2) { border-color: var(--b) !important; }
.option:nth-child(3) { border-color: var(--c) !important; }
.option:nth-child(4) { border-color: var(--d) !important; }
.option:nth-child(5) { border-color: var(--e) !important; }
.option:nth-child(6) { border-color: var(--f) !important; }
.option .letter {
  font-family: var(--font-display);
  font-weight: 900 !important; font-size: 1.05em !important;
  width: 1.7em !important; height: 1.7em !important;
  border-radius: 8px !important;
  color: var(--ink-black) !important;
}
.option .tally { color: inherit !important; opacity: 0.75; font-family: var(--font-display); }
.option.correct { background: var(--good) !important; border-color: var(--good) !important; color: var(--ink-black) !important; transform: scale(1.015) !important; }
.option.dimmed { opacity: 0.3 !important; }
.options.alphabet .option { font-family: var(--font-display); }
.reveal-banner {
  background: var(--raised) !important;
  border: 2px solid var(--panel-line) !important;
  box-shadow: none !important;
}
.reveal-banner .label { font-family: var(--font-display); font-size: 0.8em !important; font-weight: 800 !important; }
.reveal-banner .who { font-family: var(--font-display); font-weight: 800 !important; }
.reveal-banner .pts { font-family: var(--font-display); }
.reveal-banner .fastest-face { border: 0 !important; border-radius: 8px !important; }
.answer-said { font-family: var(--font-display); }
.lobby h1 { font-family: var(--font-display); font-weight: 900 !important; font-size: 12vh !important; line-height: 0.9 !important; letter-spacing: 0 !important; color: var(--ink) !important; }
.lobby .sub { color: var(--ink-dim) !important; }
.lobby .join-steps .n { background: var(--hot) !important; color: var(--ink-black) !important; border-radius: 6px !important; font-family: var(--font-display); }
.qr-panel { box-shadow: none !important; border-radius: 14px !important; }
.player-chip { background: var(--raised) !important; border: 1px solid var(--panel-line) !important; font-weight: 600 !important; }
.lobby-count { background: var(--raised) !important; border-color: var(--panel-line) !important; }
.lobby-count b, .lobby-count.now { font-family: var(--font-display); }
.rules h1 { font-family: var(--font-display); font-weight: 900 !important; font-size: 10vh !important; letter-spacing: 0 !important; }
.rules-score { background: var(--panel) !important; border: 2px solid var(--panel-line) !important; }
.rules-score-row .big { font-family: var(--font-display); font-size: 8.6vh !important; }
.rules-score-row .big i { letter-spacing: 0 !important; }
.round-intro .kicker { font-family: var(--font-display); font-size: 3.6vh !important; font-weight: 800 !important; color: var(--hot) !important; }
.round-intro h1 { font-family: var(--font-display); font-weight: 900 !important; font-size: 15vh !important; line-height: 0.88 !important; letter-spacing: 0 !important; }
.board h1 { font-family: var(--font-display); font-weight: 900 !important; font-size: 8vh !important; letter-spacing: 0 !important; }
.board-row { background: var(--panel) !important; border: 2px solid var(--panel-line) !important; }
.board-row .pos, .board-row .score { font-family: var(--font-display); }
.board-row.top1 { background: var(--ink-black) !important; border-color: var(--gold) !important; }
.board-row.top2 { border-color: color-mix(in srgb, var(--metal-silver) 60%, transparent) !important; }
.board-row.top3 { border-color: color-mix(in srgb, var(--metal-bronze) 60%, transparent) !important; }
.winner .kicker { font-family: var(--font-display); color: var(--gold) !important; font-size: 4.4vh !important; font-weight: 800 !important; }
.winner h1 {
  font-family: var(--font-display);
  font-weight: 900 !important; font-size: 19vh !important; line-height: 0.88 !important; letter-spacing: -0.01em !important;
  color: var(--gold) !important; -webkit-text-fill-color: var(--gold);
}
.winner .score { font-family: var(--font-display); font-weight: 900 !important; font-size: 8vh !important; }
.winner .runner { background: var(--panel) !important; border: 0.36vh solid var(--panel-line) !important; }
.winner .place-2 { border-color: color-mix(in srgb, var(--metal-silver) 60%, transparent) !important; }
.winner .place-3 { border-color: color-mix(in srgb, var(--metal-bronze) 60%, transparent) !important; }
.winner .rname { font-family: var(--font-display); font-weight: 800 !important; font-size: 6.4vh !important; }
.winner .rscore, .winner .cb-line { font-family: var(--font-display); }
.winner .comeback, .winner .dip { background: var(--panel) !important; border: 2px solid var(--panel-line) !important; }
.winner .cb-note, .winner .dip-label { font-family: var(--font-display); font-weight: 700 !important; }
.sound-arm { background: var(--panel) !important; border: 1px solid var(--panel-line) !important; color: var(--ink-dim) !important; }
.phone-brand { opacity: 1 !important; }
.phone .head .team { font-family: var(--font-display); font-size: 26px !important; font-weight: 900 !important; }
.phone .head .score { font-family: var(--font-display); font-size: 30px !important; font-weight: 900 !important; }
.phone h1.grad-text { font-family: var(--font-display); font-weight: 900 !important; }
.phone .pill { background: var(--raised) !important; border: 1px solid var(--panel-line) !important; }
.wait-sub { color: var(--ink-dim); }
.phone .timer .bar { height: 18px !important; border-radius: 3px !important; background: repeating-linear-gradient(90deg, rgba(242, 237, 228, 0.1) 0 10px, transparent 10px 14px) !important; }
#pTimerBar {
  border-radius: 0 !important; background: var(--ink) !important;
  -webkit-mask: repeating-linear-gradient(90deg, #000 0 10px, transparent 10px 14px);
          mask: repeating-linear-gradient(90deg, #000 0 10px, transparent 10px 14px);
}
.phone .timer .num { font-family: var(--font-display); font-size: 34px !important; font-weight: 900 !important; }
.answer-btn {
  background: var(--ink-black) !important;
  border: 3px solid var(--panel-line) !important;
  color: var(--ink) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.answer-btn:nth-child(1) { border-color: var(--a) !important; }
.answer-btn:nth-child(2) { border-color: var(--b) !important; }
.answer-btn:nth-child(3) { border-color: var(--c) !important; }
.answer-btn:nth-child(4) { border-color: var(--d) !important; }
.answer-btn:nth-child(5) { border-color: var(--e) !important; }
.answer-btn:nth-child(6) { border-color: var(--f) !important; }
.answer-btn .letter { font-family: var(--font-display); font-weight: 900 !important; font-size: 20px !important; border-radius: 6px !important; color: var(--ink-black) !important; }
.answer-btn .text { font-size: 19px; }
.answer-btn.key { font-family: var(--font-display); }
.answer-btn.chosen { background: var(--raised) !important; border-color: var(--ink) !important; }
.answer-btn.right { background: color-mix(in srgb, var(--good) 22%, var(--ink-black)) !important; border-color: var(--good) !important; }
.answer-btn.wrong { background: color-mix(in srgb, var(--bad) 18%, var(--ink-black)) !important; border-color: var(--bad) !important; }
.answer-btn.picked { background: color-mix(in srgb, var(--good) 14%, var(--ink-black)) !important; border-color: var(--good) !important; }
.result { background: var(--panel) !important; border: 3px solid var(--panel-line) !important; }
.result.good { border-color: var(--good) !important; background: color-mix(in srgb, var(--good) 14%, var(--ink-black)) !important; }
.result.bad { border-color: var(--bad) !important; background: color-mix(in srgb, var(--bad) 12%, var(--ink-black)) !important; }
.result.part { border-color: var(--gold) !important; background: color-mix(in srgb, var(--gold) 12%, var(--ink-black)) !important; }
.result .big, .result .pts { font-family: var(--font-display); font-weight: 900 !important; }
.result .big { font-size: 40px !important; }
.result .pts { font-size: 54px !important; }
.mini-row { background: var(--panel) !important; border: 2px solid var(--panel-line) !important; }
.mini-row.you { border-color: var(--gold) !important; background: var(--ink-black) !important; }
.mini-row .pos, .mini-row .score { font-family: var(--font-display); }
.photo-gate { background: var(--panel) !important; border: 2px solid var(--panel-line) !important; }
.photo-gate-go { background: var(--hot) !important; color: var(--ink-black) !important; font-family: var(--font-display) !important; font-weight: 800 !important; font-size: 20px !important; }
body.host { background: var(--bg) !important; }
.host .bar { background: var(--bg) !important; backdrop-filter: none !important; border-bottom: 2px solid var(--panel-line) !important; }
.host .bar .clock { font-family: var(--font-display); font-size: 34px !important; }
.host .bar .where { font-family: var(--font-display); font-size: 20px; }
.room-code { font-family: var(--font-display); letter-spacing: 0.06em !important; color: var(--ink) !important; }
.panel, .console .panel, body.console .panel, .host .panel {
  background: var(--panel) !important;
  border: 2px solid var(--panel-line) !important;
  box-shadow: none !important;
}
.console .panel.running.live { border-color: color-mix(in srgb, var(--good) 70%, var(--panel-line)) !important; background: var(--panel) !important; }
.panel.warn, .panel.backup-warn { background: var(--panel) !important; border-color: var(--gold) !important; }
.panel.generate, .panel.quiz-generate, .panel.import { background: var(--panel) !important; }
.console .topbar, .editor .topbar {
  background: var(--bg) !important;
  backdrop-filter: none !important;
  border-bottom: 2px solid var(--panel-line) !important;
}
.console .brand-name { font-size: 22px !important; }
.topnav a {
  border: 0 !important; background: none !important;
  color: var(--ink-dim) !important;
  font-family: var(--font-display); font-size: 18px !important; font-weight: 800 !important;
}
.topnav a:hover { color: var(--ink) !important; }
.topnav a.here {
  color: var(--ink) !important; background: var(--raised) !important; box-shadow: none !important;
  text-decoration: underline 3px var(--hot); text-underline-offset: 7px;
}
.mode-chip { background: none !important; border-color: var(--panel-line) !important; color: var(--ink-dim) !important; }
.tabbar { border-right: 2px solid var(--panel-line) !important; }
.tab { color: var(--ink-dim) !important; font-weight: 700 !important; font-size: 16px !important; }
.tab.on { color: var(--ink) !important; background: var(--raised) !important; border-left-color: var(--hot) !important; }
.tabcount { background: var(--raised) !important; color: var(--ink-dim) !important; font-family: var(--font-display); font-size: 13px !important; font-weight: 800 !important; }
.tab.on .tabcount { background: var(--hot) !important; color: var(--ink-black) !important; }
.console .tab-head h2, .tab-own-head, .console .game-section .game-head h2 {
  font-family: var(--font-display); font-weight: 900 !important; letter-spacing: 0 !important;
}
.pick-face, .lb-where, .console select, .editor select,
input[type="text"], input[type="search"], input[type="email"], input[type="password"],
input[type="number"], input[type="url"], input:not([type]), textarea {
  background-color: var(--raised) !important;
  border: 1px solid var(--panel-line) !important;
  color: var(--ink) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.pick-face:hover, .lb-where:hover { border-color: var(--hot) !important; }
.pick-caret {
  background-color: var(--hot) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%23100f0e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 11px 8px !important;
  width: 24px !important;
}
.pick-menu { background: var(--raised) !important; border: 2px solid var(--panel-line) !important; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55) !important; }
.set-word { color: var(--ink-dim) !important; font-weight: 600 !important; }
.console a.minor, .console button.minor, .console label.minor, .actions .minor,
.host .panel a.minor, .host .panel button.minor, .host .panel label.minor {
  background: var(--raised) !important;
  border: 1px solid var(--panel-line) !important;
  color: var(--ink) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.minor, .lb-fold, .gal-book-link, .bay-head-live, .mine-pick.is-head, .dj-shoot, .dj-go, .dj-send,
.snap-pick, .lb-ready a, .ld-cta-secondary, .wait-item-what b, .gap-dial.is-set .gap-dial-icon {
  text-decoration: underline 3px var(--hot) !important;
  text-underline-offset: 5px;
  text-decoration-skip-ink: none;
}
:is(.wait-item, .gal-book-link, .by-slot, .bay-head-live, .mine-pick.is-head, .dj-card, .dj-shoot,
    .dj-go, .dj-send, .dj-door-links a.minor, .snap-pick, .lb-ready a, .gap-dial.is-set) {
  border-color: var(--panel-line) !important; border-bottom-width: 1px !important;
}
.ld-cta-secondary { border-bottom: 0 !important; }
.lb-fold { background: var(--raised) !important; color: var(--ink) !important; }
.minor.on, .pile.on, .dj-camera-first .dj-shoot { text-decoration: none !important; }
.bay-head-live.is-live { text-decoration-color: var(--good) !important; }
.console button.minor.danger, .console a.minor.danger, .actions .minor.danger,
.host .panel button.minor.danger, .host .panel a.minor.danger {
  background: var(--raised) !important;
  border: 1px solid color-mix(in srgb, var(--bad) 50%, transparent) !important;
  color: var(--bad) !important;
}
.minor.danger { text-decoration-color: var(--bad) !important; }
.role-make { background: color-mix(in srgb, var(--good) 14%, var(--raised)) !important; border-color: color-mix(in srgb, var(--good) 60%, transparent) !important; }
:is(.lb-go, .actions .primary, .phone .btn, .editor button.go, .running-links .control-link,
    .pack-card .go, .gen-row .go, .sheet-actions .go, .game-head .go, .inv-actions .go,
    .sign-in button.go, .panel.joinq .go, .sugg-compose .go, .sugg-send, .team-add, .v-go,
    .vp-form button.primary, .vp-play, .photo-gate-go, .ld-cta, .ld-signup-form button.go,
    .dj-camera-first .dj-shoot, .snap-take, .camera-btn, .chat-send, .cam-send, .lock-btn,
    .own-open, .ld-tier-badge, .arcade-going.soon,
    .minor.on, .ask-idea.on, .sugg-kind.on, .pile.on, .cphoto-pin.is-on):not(:disabled) {
  background: var(--hot) !important;
  color: var(--ink-black) !important;
  box-shadow: none !important;
  filter: none;
}
.actions .primary:disabled, .phone .btn:disabled {
  background: none !important; border: 2px dashed var(--line-strong) !important; color: var(--ink-dim) !important;
}
.actions .primary, .phone .btn { font-family: var(--font-display); font-weight: 900 !important; font-size: 26px !important; }
.camera-btn { border: 2px solid var(--ink-black) !important; }
.console select, .editor select, .lb-where {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23100f0e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(var(--hot), var(--hot)) !important;
}
.cam-guide::after { background: var(--hot) !important; }
.lb-go { font-family: var(--font-display); font-size: 26px !important; font-weight: 900 !important; line-height: 1; }
.lb-go:disabled { background: none !important; border: 2px dashed var(--line-strong) !important; color: var(--ink-dim) !important; }
.hat-switch, .tier-preview { border-radius: var(--r-field) !important; background: var(--panel) !important; border: 1px solid var(--panel-line) !important; }
.hat-switch .hat-half, .tier-preview .tier-half {
  border-radius: 7px !important; font-family: var(--font-display); font-weight: 800 !important;
  letter-spacing: 0.01em !important; font-size: 15px; line-height: 1.1;
}
@media (min-width: 561px) { .tier-preview .tier-half { padding-top: 10px; padding-bottom: 10px; } }
.hat-switch .hat-half.live, .lb-mode-switch .hat-half.live, .lb-mode-switch .hat-half[data-online="1"].live,
.tier-preview .tier-half.live:not(.t-bronze):not(.t-silver):not(.t-gold) {
  background: var(--raised) !important; color: var(--ink) !important; box-shadow: none !important;
  text-decoration: underline 3px var(--hot); text-underline-offset: 5px;
}
.hat-switch .hat-half:hover:not(.live), .tier-preview .tier-half:hover:not(.live) { background: var(--raised) !important; }
.topbar-out, .lb-fold { font-family: var(--font-display); font-weight: 800 !important; font-size: 16px !important; letter-spacing: 0.01em; }
.lb-fold { border-radius: var(--r-field) !important; }
.lb-tile.lb-drop, .lb-tile.mix-drop, .bench-slot .lb-drop { border: 2px dashed var(--line-strong) !important; color: var(--ink-dim) !important; background: none !important; }
.lb-tile-n { font-family: var(--font-display); }
.lb-tile-n.is-empty { background: var(--raised) !important; color: var(--ink-dim) !important; }
.lb-tile.is-pack { border: 2px solid var(--panel-line) !important; }
.lb-tile.is-pack.tinted { background: linear-gradient(var(--pk-b), var(--pk-b)), var(--panel) !important; }
.lb-tile-name { font-weight: 700; }
.lb-tile-sub { font-size: var(--fs-note); }
.gap-dial { background: var(--raised) !important; border: 1px solid var(--panel-line) !important; }
.lb-rd.on { background: var(--raised) !important; border: 1px solid var(--panel-line) !important; }
.lb-say { color: var(--ink-dim) !important; }
.lb-ready, .lb-ready b { color: var(--ink) !important; }
.pack-card { border-width: 2px !important; box-shadow: none !important; }
.pack-card:not(.in-tonight) { border: 2px solid var(--panel-line) !important; }
.pack-card.broken { border-color: var(--bad) !important; }
.pack-card.tinted:not(.in-tonight) { background: var(--panel) !important; }
.pack-card.shut.in-tonight .pack-pin { top: 22px !important; }
.pack-card.in-tonight { background: none !important; }
.pack-card.shut.in-tonight .pack-word { visibility: hidden; }
.pack-card.shut::before { display: none !important; }
.pack-card.shut { align-items: stretch; padding: 11px 12px !important; gap: 4px !important; }
.pack-card.shut.has-rounds { aspect-ratio: 10 / 11; }
.pack-word {
  background: none !important;
  -webkit-background-clip: border-box !important; background-clip: border-box !important;
  -webkit-text-fill-color: currentColor;
  filter: none !important;
  font-family: var(--font-display);
  font-style: normal !important;
  font-weight: 900 !important;
  color: rgba(242, 237, 228, 0.16) !important;
  opacity: 1 !important;
}
.pack-card.shut .pack-word {
  position: static !important; flex: none; margin-bottom: auto; align-self: flex-start;
  inset: 10px auto auto 12px !important; right: auto !important; bottom: auto !important;
  display: block !important;
  font-size: calc(var(--pk-word-size) * 0.95) !important;
  line-height: 0.85 !important; letter-spacing: -0.01em !important;
  color: color-mix(in srgb, var(--pk-ink, #a8a093) 42%, var(--panel)) !important;
}
.pack-card.shut { container-type: inline-size; min-height: auto !important; overflow: hidden !important; overflow: clip !important; }
.pack-card.shut .pack-word { font-size: min(calc(var(--pk-word-size) * 0.95), 38cqi) !important; }
.pack-card.shut.has-rounds .pack-word { font-size: min(calc(var(--pk-word-size) * 0.72), 29cqi) !important; }
@container (max-width: 110px) {
  .pack-card.shut .pack-word { position: absolute !important; color: color-mix(in srgb, var(--pk-ink, #a8a093) 22%, var(--panel)) !important; }
  .pack-card.shut .pack-title.t-s, .pack-card.shut .pack-title.t-m, .pack-card.shut .pack-title.t-l { font-size: 15px !important; }
  .pack-card.shut > .pack-title { margin-top: 16px; -webkit-line-clamp: 4 !important; }
  .pack-card.shut.in-tonight > .pack-title { margin-top: 40px; }
}
.pack-grid > .pack-card.shut { align-self: stretch; justify-self: stretch; }
.pack-card.shut .pack-pin { left: auto !important; right: 0 !important; }
button.pack-title { font-family: var(--font-display); font-weight: 800 !important; line-height: 1 !important; color: var(--ink) !important; }
.pack-card.shut .pack-title { text-align: left; padding-left: 0 !important; padding-right: 0 !important; }
.pack-card.shut .pack-title.t-s, .pack-card.shut .pack-title.t-m, .pack-card.shut .pack-title.t-l { font-size: 18px !important; line-height: 1.02 !important; }
.pack-card .tiny { color: var(--ink-dim) !important; }
.pack-card.shut > .pack-meta { display: grid !important; gap: 1px; -webkit-line-clamp: unset !important; text-align: left; font-size: 12.5px; line-height: 1.25; }
.pack-meta .pack-count { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pack-meta .pack-played { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pack-meta .pack-played.is-fresh { color: var(--ink); }
.pack-card.shut > .pack-rounds { justify-content: flex-start !important; margin: 2px -12px 0 !important; padding: 0 8px !important; gap: 2px !important; }
body.landing { background: var(--bg) !important; }
.ld-top { border-bottom: 2px solid var(--panel-line); }
.ld-top .brand-name { font-size: 24px !important; }
.ld-nav > a:first-child { color: var(--ink) !important; white-space: nowrap; }
.ld-nav-cta { white-space: nowrap; }
.ld-eyebrow { color: var(--hot-2) !important; font-weight: 700 !important; font-size: 15px !important; }
.ld-h1, .ld-h2, .ld-sell-item h3, .ld-tier-name, .ld-tier-price, .ld-signup-card h1, .ld-signup-done h1 {
  font-family: var(--font-display);
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
.ld-h1 { font-size: clamp(54px, 12vw, 96px) !important; line-height: 0.9 !important; }
.ld-h2 { font-size: clamp(36px, 6vw, 52px) !important; line-height: 0.95 !important; }
.ld-sell-item h3 { font-size: 26px !important; font-weight: 800 !important; }
.ld-tier-price { font-size: 48px !important; }
.ld-cta { font-weight: 800 !important; }
.ld-cta-secondary { color: var(--ink) !important; }
.ld-strip { border-color: var(--panel-line) !important; }
.ld-shot img { border: 2px solid var(--panel-line) !important; box-shadow: none !important; }
.ld-sell-item { background: var(--panel) !important; border: 2px solid var(--panel-line) !important; }
.ld-tier { background: var(--panel) !important; border: 2px solid var(--panel-line) !important; }
.ld-tier-best { border-color: var(--hot) !important; }
.ld-faq-item, .ld-signup-card { background: var(--panel) !important; border: 2px solid var(--panel-line) !important; }
.ld-honest { background: var(--bg-2) !important; }
:is(.editor button.go, .running-links .control-link, .pack-card .go, .gen-row .go, .sheet-actions .go,
    .game-head .go, .inv-actions .go, .sign-in button.go, .panel.joinq .go, .sugg-compose .go, .sugg-send,
    .team-add, .v-go, .vp-form button.primary, .vp-play, .photo-gate-go, .ld-signup-form button.go,
    .camera-btn, .chat-send, .cam-send, .lock-btn, .own-open):disabled {
  background: var(--hot) !important; color: var(--ink-black) !important; box-shadow: none !important;
}
:is(.cal-cell.has, .arcade-pick-one, .wait-item, .by-slot, .bay-head-live, .mine-pick.is-head,
    .dj-card, .dj-shoot, .dj-go, .dj-send, .dj-door-links a.minor, .vote-pic) {
  background: var(--raised) !important;
}
:is(.bay-head-live, .mine-pick.is-head):hover { background: color-mix(in srgb, var(--ink) 8%, var(--raised)) !important; }
.bay-pick.tinted { background: linear-gradient(var(--pk-b), var(--pk-b)), var(--panel) !important; }
.console .bench .bench-go, .bingo-call:not(:disabled) { background: var(--good) !important; color: var(--ink-black) !important; }
.panel.quiz-generate { border-color: var(--panel-line) !important; }
.panel.quiz-generate .gen-row .go { background: color-mix(in srgb, var(--good) 14%, var(--raised)) !important; color: var(--good) !important; border: 1px solid color-mix(in srgb, var(--good) 60%, transparent) !important; }
.intro-visual i, .budget-bar span, .job-bar span { background: var(--hot) !important; }
.now-playing { background: var(--panel) !important; }
.round-head { background: var(--raised) !important; }
.round-head .type-tag { text-transform: none !important; letter-spacing: 0.01em !important; font-family: var(--font-display); font-size: 14px !important; }
.extra-fields.cue { background: color-mix(in srgb, var(--gold) 8%, transparent) !important; border-color: color-mix(in srgb, var(--gold) 30%, transparent) !important; }
.pick-banner { background: var(--raised) !important; border-color: var(--line-strong) !important; }
.ad-pick-tag { background: var(--raised) !important; color: var(--ink) !important; }
.cal-dot.one { background: rgba(242, 237, 228, 0.14) !important; }
@media (max-width: 420px) {
  .ld-top .brand { gap: 6px; }
  .ld-top .brand-name { font-size: 20px !important; }
  .ld-nav { gap: 10px; }
  .ld-nav > a:first-child { font-size: 14px !important; }
  .ld-nav-cta { padding: 8px 12px !important; font-size: 14px !important; }
}