/* ===== Trivia page, dark index-card edition (preview-trivia-dark, Oct 30 2026) =====
   Loaded on trivia.html only, after tabs.css. Ink cards, gold rules, a muted crimson margin, gold accents to match the Kirk logo.
   Markup comes from trivia.js / leaderboard.js (flashcard markup patch) — ids and data flow unchanged. */
@font-face{font-family:"Caveat";src:url(assets/fonts/caveat-latin.woff2?v=891951df5e) format("woff2");font-weight:400 700;font-display:swap}
:root{
  --dk-hand:"Caveat","Segoe Print","Bradley Hand",cursive;
  --dk-ink:#151922;--dk-ink2:#0F1219;--dk-ink3:#1C2130;
  --dk-cream:#F4ECD8;--dk-cream2:#D9CFB8;--dk-mute:#B9B09C;
  --dk-gold:#E2BE6A;--dk-gold-hi:#FBEBB5;--dk-gold-lo:#B8893A;
  --dk-rule:rgba(226,190,106,.12);--dk-margin:rgba(176,52,68,.72);--dk-head:rgba(226,190,106,.42);
  --dk-ok:#4CC38A;--dk-ok-bg:rgba(76,195,138,.14);--dk-no:#F06A6A;--dk-no-bg:rgba(240,106,106,.13);
  --dk-silver:#C9CFD8;--dk-bronze:#D69A66;
}
/* ---------- page ---------- */
.tv-page .pg-hd,.lbp-page .pg-hd{background:linear-gradient(160deg,rgba(28,33,48,.94),rgba(15,18,25,.95));border:1px solid rgba(226,190,106,.28);color:var(--dk-cream);
  box-shadow:0 18px 40px -16px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}
.tv-page .pg-hd::before,.lbp-page .pg-hd::before{background:linear-gradient(var(--dk-gold-hi),var(--dk-gold-lo))}
.tv-page .pg-hd h1,.lbp-page .pg-hd h1{color:#FBF5E6}
.tv-page .pg-hd .one,.lbp-page .pg-hd .one{color:var(--dk-cream2)}
.tv-page .tv-foot{background:rgba(15,18,25,.88);border:1px solid rgba(226,190,106,.22);color:var(--dk-cream2)}

/* launcher: an ink index card on a small stack */
.tv-page .tl-row{gap:18px;margin:4px 0 14px}
@media(min-width:700px){.tv-page .tl-row{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}
.tv-page .trivia-launch{position:relative;border:0;border-radius:8px;color:var(--dk-cream);padding:26px 22px 22px 64px;gap:20px;min-height:178px;
  background:
    linear-gradient(90deg,transparent 45px,var(--dk-margin) 45px 47px,transparent 47px),
    linear-gradient(transparent 44px,var(--dk-head) 44px 45px,transparent 45px),
    repeating-linear-gradient(transparent 0 27px,var(--dk-rule) 27px 28px) 0 45px/100% calc(100% - 45px) no-repeat,
    radial-gradient(120% 90% at 0% 0%,rgba(226,190,106,.10),transparent 55%),
    linear-gradient(165deg,var(--dk-ink3),var(--dk-ink) 45%,var(--dk-ink2));
  box-shadow:inset 0 0 0 1px rgba(226,190,106,.22),inset 0 1px 0 rgba(255,255,255,.06),
    8px 9px 0 -2px #1A1E29,8px 9px 0 -1px rgba(226,190,106,.18),15px 17px 0 -4px #12151D,15px 17px 0 -3px rgba(226,190,106,.12),0 26px 50px -10px rgba(0,0,0,.65);
  transform:rotate(-.5deg);transition:transform .2s ease,box-shadow .2s ease}
.tv-page .trivia-launch:hover,.tv-page .trivia-launch:focus-visible{transform:rotate(0) translateY(-3px);outline:none;
  box-shadow:inset 0 0 0 1px rgba(226,190,106,.45),inset 0 1px 0 rgba(255,255,255,.08),8px 9px 0 -2px #1A1E29,8px 9px 0 -1px rgba(226,190,106,.25),15px 17px 0 -4px #12151D,15px 17px 0 -3px rgba(226,190,106,.16),0 30px 60px -10px rgba(0,0,0,.7),0 0 36px -8px rgba(226,190,106,.35)}
.tv-page .trivia-launch:active{transform:translateY(1px)}
.tv-page .tl-deck{flex:0 0 82px;height:106px}
.tv-page .tl-cb{border-radius:6px;box-shadow:0 6px 14px rgba(0,0,0,.5)}
.tv-page .tl-cb3{background:linear-gradient(160deg,#2A2233,#1A1520);box-shadow:inset 0 0 0 1px rgba(226,190,106,.25),0 6px 14px rgba(0,0,0,.5)}
.tv-page .tl-cb2{background:linear-gradient(160deg,#3A1820,#24101A);box-shadow:inset 0 0 0 1px rgba(226,190,106,.3),0 6px 14px rgba(0,0,0,.5)}
.tv-page .tl-cb1{background:linear-gradient(90deg,transparent 14px,var(--dk-margin) 14px 15px,transparent 15px),linear-gradient(transparent 22px,var(--dk-head) 22px 23px,transparent 23px),repeating-linear-gradient(transparent 0 13px,rgba(226,190,106,.14) 13px 14px),linear-gradient(165deg,#232838,#141822);
  box-shadow:inset 0 0 0 1px rgba(226,190,106,.45),0 8px 18px rgba(0,0,0,.55)}
.tv-page .tl-cb1 span{font:700 52px/1 var(--dk-hand);background:linear-gradient(180deg,var(--dk-gold-hi),var(--dk-gold) 55%,var(--dk-gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;transform:rotate(-8deg) translateY(4px);filter:drop-shadow(0 0 6px rgba(226,190,106,.35))}
.tv-page .tl-kick{font:700 21px/1 var(--dk-hand);letter-spacing:.01em;text-transform:none;color:var(--dk-gold);transform:rotate(-1.5deg);transform-origin:left}
.tv-page .tl-title{color:#FBF5E6;font-size:28px;margin:8px 0 6px}
.tv-page .tl-slogan{color:var(--dk-cream2);font-size:15px}
.tv-page .tl-cue{margin-top:14px;padding:8px 16px;border-radius:999px;font-size:13.5px;color:#22180A;
  background:linear-gradient(180deg,#F6DD98,#E2BE6A 55%,#C99A45);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 12px -2px rgba(226,190,106,.45)}
.tv-page .trivia-launch:hover .tl-cue{filter:brightness(1.06)}

/* leaderboard tile: dark mini podium */
.tv-page .lb-tile{border-radius:16px;border:1px solid rgba(226,190,106,.45);color:var(--dk-cream);padding:16px 16px 16px;gap:8px;
  background:radial-gradient(110% 70% at 50% 0%,rgba(226,190,106,.16),transparent 60%),linear-gradient(165deg,var(--dk-ink3),var(--dk-ink2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 22px 44px -12px rgba(0,0,0,.65)}
.tv-page .lb-tile:hover,.tv-page .lb-tile:focus-visible{border-color:rgba(246,221,152,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 50px -12px rgba(0,0,0,.7),0 0 30px -8px rgba(226,190,106,.4)}
.tv-page .lbt-title{color:#FBF5E6;font-size:21px}
.tv-page .lbt-when{color:var(--dk-gold)}
.tv-page .lbt-list{gap:6px}
.tv-page .lbt-list li{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:7px 12px 7px 8px;color:var(--dk-cream);font-size:15px}
.tv-page .lbt-list li.lbt-t1{background:linear-gradient(90deg,rgba(226,190,106,.24),rgba(226,190,106,.05));border-color:rgba(226,190,106,.55)}
.tv-page .lbt-list li.lbt-t1 .lbt-n::after{content:" ♛";color:var(--dk-gold);font-size:14px}
.tv-page .lbt-p{font:800 16px Inter,sans-serif;font-variant-numeric:tabular-nums;color:#FBF5E6}
.tv-page .lbt-p small{font:600 10.5px Inter,sans-serif;color:var(--dk-mute);margin-left:2px}
.tv-page .lbt-t1 .lbt-p{color:var(--dk-gold-hi)}
.tv-page .lbt-list li.lbt-empty{background:transparent;border:0;color:var(--dk-cream2)}
.tv-page .lbt-cue{border-radius:999px;color:#22180A;background:linear-gradient(180deg,#F6DD98,#E2BE6A 55%,#C99A45);margin-top:6px;padding:6px 14px}
@media(max-width:600px){.tv-page .trivia-launch{padding:24px 16px 18px 52px;min-height:0}.tv-page .trivia-launch{background-size:auto}
  .tv-page .trivia-launch{background:
    linear-gradient(90deg,transparent 35px,var(--dk-margin) 35px 37px,transparent 37px),linear-gradient(transparent 40px,var(--dk-head) 40px 41px,transparent 41px),
    repeating-linear-gradient(transparent 0 27px,var(--dk-rule) 27px 28px) 0 41px/100% calc(100% - 41px) no-repeat,linear-gradient(165deg,var(--dk-ink3),var(--dk-ink) 45%,var(--dk-ink2))}
  .tv-page .tl-deck{flex-basis:64px;height:84px}.tv-page .tl-title{font-size:23px}}

/* ---------- medals (tile + sheet) ---------- */
.lb-medal{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;font:800 14px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;color:#3A2A05;
  background:radial-gradient(circle at 32% 28%,#FFF6C8,#F2C94C 42%,#B8860B 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 2px 0 rgba(0,0,0,.35)}
.lb-medal.m2{color:#22282F;background:radial-gradient(circle at 32% 28%,#FFFFFF,#D5DAE2 45%,#8E97A6 100%)}
.lb-medal.m3{color:#2E1606;background:radial-gradient(circle at 32% 28%,#FFE2C6,#D9925C 45%,#8C4F22 100%)}
.lbt-r.lb-medal{width:26px;height:26px;font-size:12.5px}

/* ---------- sheets: ink desk ---------- */
.tsheet,.lbsheet{color-scheme:dark}
.tsheet::backdrop,.lbsheet::backdrop{background:rgba(6,8,12,.72);backdrop-filter:blur(4px)}
.tsheet .sheet-in.tv-in,.lbsheet .sheet-in.lb-in{color:var(--dk-cream);
  background:radial-gradient(120% 60% at 50% 0%,rgba(226,190,106,.10),transparent 60%),linear-gradient(rgba(14,16,22,.93),rgba(14,16,22,.96)),url(assets/map/map-hero.webp?v=83368cfe5a) center/cover no-repeat,#0E1016;
  box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 1px rgba(226,190,106,.22),inset 0 1px 0 rgba(255,255,255,.06)}
.tv-in .sh-kick,.tv-in h2,.lb-in .sh-kick,.lb-in h2{text-shadow:none}
.tv-in .sh-kick,.lb-in .sh-kick{color:var(--dk-gold);font-weight:700;letter-spacing:.16em}
.tv-in h2,.lb-in h2{color:#FBF5E6}
.tsheet .x,.lbsheet .x{background:rgba(255,255,255,.08);color:var(--dk-cream);box-shadow:inset 0 0 0 1px rgba(226,190,106,.3)}
.tsheet .x:hover,.lbsheet .x:hover{background:rgba(226,190,106,.16)}
.tv-tok,.tv-flame{background:rgba(255,255,255,.05)!important;border:1px solid rgba(226,190,106,.28);box-shadow:none!important;color:var(--dk-cream)}
.tv-flame .pip{background:rgba(255,255,255,.16)}
.tv-hud .tv-lb{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(226,190,106,.3)}
.tv-left{color:var(--dk-mute)}
.tv-dbl{background:var(--dk-gold);color:#22180A}
.lb-as{color:var(--dk-cream2);text-shadow:none}.lb-as b{color:#FBF5E6}
.lb-as-opt{background:rgba(255,255,255,.06);border-color:rgba(226,190,106,.3);color:var(--dk-cream)}
.tv-sub{color:var(--dk-cream);text-shadow:none!important}
.tv-toast{background:var(--dk-gold);color:#22180A}
.lb-menu{background:#171B25;border-color:rgba(226,190,106,.5)}
.lb-menu>button,.lb-endopts>button{color:var(--dk-cream)}
.lb-menu>button:hover,.lb-endopts>button:hover{background:rgba(226,190,106,.12)}
.lbo-confirm{background:#1A1F2B;border-color:rgba(255,255,255,.12);color:var(--dk-cream)}
.lbo-no,.lbg-skip,.lbg-optin{color:var(--dk-cream2)}
.lbo-err,.lb-gate .lb-msg.bad,.lb-save .lb-msg.bad{color:#FF9A9A}
.lb-gate .lb-msg,.lb-save .lb-msg{color:#7EE2A8}

/* ---------- the ink index card ---------- */
.tv-card{padding:12px 6px 16px}
.tv-card .face{--ml:46px;--hr:80px;position:relative;border:0;border-radius:8px;color:var(--dk-cream);
  padding:24px 20px 20px calc(var(--ml) + 14px);transform:rotate(-.6deg);
  background:
    linear-gradient(90deg,transparent calc(var(--ml) - 1px),var(--dk-margin) calc(var(--ml) - 1px),var(--dk-margin) calc(var(--ml) + 1px),transparent calc(var(--ml) + 1px)),
    linear-gradient(transparent var(--hr),var(--dk-head) var(--hr),var(--dk-head) calc(var(--hr) + 1px),transparent calc(var(--hr) + 1px)),
    repeating-linear-gradient(transparent 0 27px,var(--dk-rule) 27px 28px) 0 calc(var(--hr) + 1px)/100% calc(100% - var(--hr) - 1px) no-repeat,
    radial-gradient(120% 60% at 0% 0%,rgba(226,190,106,.08),transparent 55%),
    linear-gradient(170deg,var(--dk-ink3),var(--dk-ink) 40%,var(--dk-ink2));
  box-shadow:inset 0 0 0 1px rgba(226,190,106,.24),inset 0 1px 0 rgba(255,255,255,.06),
    7px 8px 0 -2px #1A1E29,7px 8px 0 -1px rgba(226,190,106,.16),14px 15px 0 -4px #12151D,14px 15px 0 -3px rgba(226,190,106,.10),0 24px 50px rgba(0,0,0,.6)}
.tv-card .face.back{transform:rotate(.4deg)}
/* gold corner flourish instead of a spiral */
.tv-card .face::before{content:"";position:absolute;right:12px;top:12px;width:22px;height:22px;pointer-events:none;border-top:1.5px solid rgba(226,190,106,.55);border-right:1.5px solid rgba(226,190,106,.55);border-radius:0 6px 0 0}
.tv-card .face::after{content:"";position:absolute;left:12px;bottom:12px;width:22px;height:22px;pointer-events:none;border-bottom:1.5px solid rgba(226,190,106,.35);border-left:1.5px solid rgba(226,190,106,.35);border-radius:0 0 0 6px}

.tv-in .tag{position:relative;flex-wrap:wrap;row-gap:4px;margin:0 0 4px;min-height:28px;color:var(--dk-cream);letter-spacing:0;text-transform:none;font-size:12px;padding-right:22px}
.tv-in .tag .fc-no{font:700 23px/1 var(--dk-hand);color:var(--dk-gold);letter-spacing:.01em;margin-right:auto;transform:rotate(-1.5deg)}
.tv-in .tag .fc-cat{order:3;flex-basis:100%;font:700 10.5px/1.3 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--dk-cream2)}
.tv-in .tag .fc-cat::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--setc);margin-right:7px;vertical-align:1px;box-shadow:0 0 6px var(--setc)}
.tv-in .pts{background:rgba(226,190,106,.14);color:var(--dk-gold-hi);box-shadow:inset 0 0 0 1px rgba(226,190,106,.45)}
.tv-in .pts.p2{background:rgba(110,160,230,.16);color:#B9D3F7;box-shadow:inset 0 0 0 1px rgba(110,160,230,.45)}
.tv-in .pts.p3{background:rgba(240,106,106,.15);color:#FFC2B5;box-shadow:inset 0 0 0 1px rgba(240,106,106,.45)}
.tv-in .rv{background:rgba(240,106,106,.15);color:#FFC2B5}
.tv-in .st{font-size:10.5px;letter-spacing:.02em}
.tv-in .st-m,.lb-in .st-m{background:rgba(76,195,138,.15);color:#8FE6B6}
.tv-in .st-d{background:rgba(240,130,90,.15);color:#FFB596}
.tv-in .st-u{background:rgba(255,255,255,.08);color:var(--dk-cream2)}

.tv-in .q{position:relative;font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.32;margin:26px 0 18px;color:#FBF5E6}
.fc-q{position:absolute;right:calc(100% + 17px);text-align:right;top:-6px;font:700 31px/1 var(--dk-hand);color:var(--dk-gold);transform:rotate(-6deg)}
.tv-in .ans{position:relative}
.tv-in .ans .fc-q{top:-4px;font-size:29px;color:var(--dk-ok)}

.tv-in .ch{gap:9px}
.tv-in .ch button,.tv-in .tf button,.tv-in .ord button{background:rgba(255,255,255,.035)!important;border:1px solid rgba(226,190,106,.22);color:var(--dk-cream)}
.tv-in .ch button{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px 10px 10px;border-radius:10px;font:500 16px/1.38 Inter,sans-serif;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s}
.fc-box{flex:none;display:grid;place-items:center;width:28px;height:28px;border:1.5px solid rgba(226,190,106,.6);border-radius:6px;background:rgba(226,190,106,.06);font:700 19px/1 var(--dk-hand);color:var(--dk-gold);transform:rotate(-2deg)}
.fc-t{flex:1;min-width:0}
.tv-in .ch button:hover,.tv-in .ch button:focus-visible,.tv-in .tf button:hover,.tv-in .tf button:focus-visible,.tv-in .ord button:hover,.tv-in .ord button:focus-visible{outline:none;
  border-color:rgba(246,221,152,.75);background:linear-gradient(90deg,rgba(226,190,106,.16),rgba(226,190,106,.04))!important;transform:translateX(3px);box-shadow:0 0 0 1px rgba(226,190,106,.25),0 8px 20px -10px rgba(226,190,106,.45)}
.tv-in .ch button:hover .fc-box,.tv-in .ch button:focus-visible .fc-box{background:var(--dk-gold);color:#22180A;border-color:var(--dk-gold)}
.tv-in .ch button:active{transform:translateX(3px) scale(.99)}
.tv-in .ch button.right,.tv-in .tf button.right{border-color:var(--dk-ok)!important;background:linear-gradient(90deg,rgba(76,195,138,.24),rgba(76,195,138,.07))!important;color:#E9FBF1;box-shadow:0 0 0 1px rgba(76,195,138,.35),0 0 24px -6px rgba(76,195,138,.5)}
.tv-in .ch button.wrong,.tv-in .tf button.wrong{border-color:var(--dk-no)!important;background:linear-gradient(90deg,rgba(240,106,106,.20),rgba(240,106,106,.06))!important;color:#FFE4E1}
.tv-in .ch button.wrong .fc-t{text-decoration:line-through;text-decoration-color:rgba(255,154,154,.9);text-decoration-thickness:2px}
.tv-in .ch button.right .fc-box{border-color:var(--dk-ok);background:var(--dk-ok);color:transparent;position:relative;transform:none}
.tv-in .ch button.right .fc-box::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#06261A;font:900 17px/1 Inter,sans-serif}
.tv-in .ch button.wrong .fc-box{border-color:var(--dk-no);background:rgba(240,106,106,.15);color:transparent;position:relative;transform:none}
.tv-in .ch button.wrong .fc-box::after{content:"✕";position:absolute;inset:0;display:grid;place-items:center;color:#FF9A9A;font:800 16px/1 Inter,sans-serif}

.tv-in .tf button{border-radius:10px;font:700 27px/1 var(--dk-hand);padding:14px 8px}
.tv-in .tf button:first-child::before{color:var(--dk-ok)}.tv-in .tf button:last-child::before{color:var(--dk-no)}
.tv-in .ord button{border-radius:10px;font-size:15px}
.tv-in .ord .n{border-radius:6px;background:rgba(226,190,106,.06);border:1.5px solid rgba(226,190,106,.6);font:700 17px/1 var(--dk-hand);color:var(--dk-gold)}
.tv-in .ord button.set .n{background:var(--dk-gold);border-color:var(--dk-gold);color:#22180A}
.tv-in .xr .col{background:rgba(255,255,255,.03)!important;border:1px solid rgba(226,190,106,.16);border-radius:10px}
.tv-in .xr h4{color:var(--dk-mute)}
.tv-in .xr button{border-radius:8px;border:1px dashed rgba(226,190,106,.3);background:rgba(255,255,255,.04);color:var(--dk-cream)}
.tv-in .xr button:hover{background:rgba(226,190,106,.14);border-color:rgba(226,190,106,.7)}
.tv-in .xr button.hit{border:1.5px solid var(--dk-no);background:var(--dk-no-bg)}
.tv-in .stm{background:rgba(255,255,255,.04);border-left:3px solid var(--setc);border-radius:4px 10px 10px 4px;color:var(--dk-cream)}
.tv-in .stm .who{color:var(--dk-gold)}
.tv-in .tv-help{color:var(--dk-mute)}

/* back of the card */
.tv-in .res{font:700 38px/1 var(--dk-hand);margin:22px 0 8px;transform:rotate(-1.5deg);transform-origin:left}
.tv-in .res.ok{color:#6FE0A6;text-shadow:0 0 18px rgba(76,195,138,.35)}
.tv-in .res.no{color:#FF9A9A;text-shadow:0 0 18px rgba(240,106,106,.3)}
.tv-in .ans{font-size:17px;margin:8px 0 10px;color:#FBF5E6}
.tv-in .exp{font-size:15.5px;line-height:1.6;color:var(--dk-cream2)}
.tv-in .ex{background:rgba(226,190,106,.07);border-left-color:var(--dk-gold);color:var(--dk-cream)}
.tv-in .rb{border-top:1px dashed rgba(226,190,106,.3)}
.tv-in .rb h5{color:var(--dk-mute)}
.tv-in .ci{background:rgba(255,255,255,.04)!important;border:1px solid rgba(226,190,106,.16);border-radius:10px}
.tv-in .ci .w{color:#FBF5E6}.tv-in .ci a.w{color:var(--dk-gold-hi)}
.tv-in .ci .m,.tv-in .ci .side,.tv-in .also,.tv-in .tl .mc{color:var(--dk-mute)}
.tv-in .ci .ro,.tv-in .also a,.tv-in .tl .mc a{color:var(--dk-gold)}
.tv-in .ci .ini,.tv-in .ci .av{background:#2A3040;color:var(--dk-cream)}
.tv-in a{color:var(--dk-gold)}
.tv-in .dig{background:rgba(226,190,106,.12);color:var(--dk-gold-hi);box-shadow:inset 0 0 0 1px rgba(226,190,106,.4);border-radius:10px}
.tv-in .dig:hover{background:rgba(226,190,106,.2)}
.tv-in .pill{background:rgba(255,255,255,.05);border:1px solid rgba(226,190,106,.35);color:var(--dk-cream)}
.tv-in .pill.acc,.lb-in .pill.acc{background:linear-gradient(180deg,#F6DD98,#E2BE6A 55%,#C99A45);border-color:#C99A45;color:#22180A;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.tv-in .next{border-radius:10px;font:700 16px Inter,sans-serif;padding:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 20px -8px rgba(226,190,106,.5)}
.tv-in .next:hover,.tv-in .pill.acc:hover{filter:brightness(1.06)}
.tv-in .share{background:linear-gradient(180deg,#F6DD98,#E2BE6A 55%,#C99A45);color:#22180A}
.tv-in .soon{background:rgba(76,195,138,.12);color:#8FE6B6}

/* nickname gate, save box, end screen: ink cards too */
.tv-in .lb-gate,.tv-in .closed,.tv-in .lb-save{border:0;border-radius:8px;color:var(--dk-cream);
  background:linear-gradient(transparent 58px,var(--dk-head) 58px 59px,transparent 59px),repeating-linear-gradient(transparent 0 27px,var(--dk-rule) 27px 28px) 0 59px/100% calc(100% - 59px) no-repeat,linear-gradient(170deg,var(--dk-ink3),var(--dk-ink2))!important;
  box-shadow:inset 0 0 0 1px rgba(226,190,106,.26),7px 8px 0 -2px #1A1E29,7px 8px 0 -1px rgba(226,190,106,.14),0 24px 50px rgba(0,0,0,.6)}
.tv-in .lb-gate h3,.tv-in .lb-save h3{color:#FBF5E6}
.tv-in .lbg-kick{font:700 22px/1 var(--dk-hand);letter-spacing:0;text-transform:none;color:var(--dk-gold)}
.tv-in .closed .big{font:700 34px/1.1 var(--dk-hand);color:var(--dk-gold)}
.tv-in .closed .tot{color:var(--dk-gold-hi);font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(226,190,106,.35)}
.tv-in .closed p,.lb-fine,.lb-p{color:var(--dk-cream2)}
.lbg-known{background:rgba(255,255,255,.05);border-color:rgba(226,190,106,.3);color:var(--dk-cream)}
.lbg-change{color:var(--dk-gold)}
.lb-form input{background:#0F1219;border:1.5px solid rgba(226,190,106,.35);color:var(--dk-cream)}
.lb-form input::placeholder{color:#8F887A}
.lb-form input:focus{border-color:var(--dk-gold);box-shadow:0 0 0 3px rgba(226,190,106,.18)}
.lb-form input.bad{border-color:var(--dk-no);background:rgba(240,106,106,.08)}
.tv-plus{color:var(--dk-gold-hi);text-shadow:0 0 18px rgba(226,190,106,.6),0 3px 0 #6E4F0A}

@media(max-width:520px){
  .tv-card{padding:10px 2px 12px}
  .tv-card .face{--ml:34px;--hr:76px;padding:22px 14px 16px calc(var(--ml) + 10px)}
  .tv-in .q{font-size:20px;margin:20px 0 14px}
  .fc-q{font-size:27px}
  .tv-in .ch button{font-size:15.5px;gap:10px;padding:9px 12px 9px 9px}
  .fc-box{width:26px;height:26px;font-size:18px}
  .tv-in .tag .fc-no{font-size:21px}
  .tv-card .face{box-shadow:inset 0 0 0 1px rgba(226,190,106,.24),5px 6px 0 -2px #1A1E29,5px 6px 0 -1px rgba(226,190,106,.16),10px 11px 0 -4px #12151D,10px 11px 0 -3px rgba(226,190,106,.10),0 18px 36px rgba(0,0,0,.6)}
}
@media(prefers-reduced-motion:reduce){.tv-card .face,.tv-card .face.back,.tv-page .trivia-launch{transform:none}}
.tv-card .face.back .tag .fc-no{flex-basis:100%}
.tv-card .face.back .tag .fc-cat{flex:1 1 auto;flex-basis:auto;min-width:0}
.tv-card .face.back .tag .st{order:4;flex:none}

/* ---------- leaderboard sheet: dark podium ---------- */
.lb-tabs{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(226,190,106,.25)}
.lb-tabs button{color:var(--dk-cream2)}
.lb-tabs button:hover{color:#FBF5E6}
.lb-tabs button[aria-selected="true"]{background:linear-gradient(180deg,#F6DD98,#E2BE6A 55%,#C99A45);color:#22180A;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.lb-list>.lb-p{background:rgba(255,255,255,.05);color:var(--dk-cream);box-shadow:none;border:1px solid rgba(255,255,255,.1)}
.lb-foot{color:var(--dk-mute);text-shadow:none;text-align:center}
.lb-podium{list-style:none;margin:30px 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px}
.lb-podium .pd{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}
.lb-podium .p1{order:2}.lb-podium .p2{order:1}.lb-podium .p3{order:3}
.lb-podium.n1{grid-template-columns:minmax(0,1fr)}.lb-podium.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lb-podium .lb-medal{width:46px;height:46px;font-size:19px}
.lb-podium .p1 .lb-medal{width:62px;height:62px;font-size:26px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.5),0 3px 0 rgba(0,0,0,.4),0 0 0 6px rgba(226,190,106,.16),0 0 34px rgba(242,201,76,.55)}
/* crown for #1 */
.lb-podium .p1::before{content:"";width:34px;height:20px;margin-bottom:-1px;
  background:radial-gradient(circle at 50% 2px,#FFF6C8 0 2.5px,transparent 3px),radial-gradient(circle at 2px 5px,#FFF6C8 0 2.2px,transparent 2.7px),radial-gradient(circle at calc(100% - 2px) 5px,#FFF6C8 0 2.2px,transparent 2.7px),linear-gradient(180deg,#FBEBB5,#E2BE6A 50%,#B8893A);
  clip-path:polygon(0 100%,0 22%,25% 58%,50% 0,75% 58%,100% 22%,100% 100%);filter:drop-shadow(0 0 8px rgba(226,190,106,.6))}
.pd-nick{max-width:100%;font-weight:700;font-size:15px;color:#FBF5E6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}
.p1 .pd-nick{font-size:17.5px}
.pd-nick em{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;background:#2BA39A;color:#04211E;border-radius:999px;padding:1px 6px;vertical-align:2px}
.pd-pts{font:800 18px Inter,sans-serif;font-variant-numeric:tabular-nums;color:var(--dk-cream)}
.p1 .pd-pts{font-size:23px;color:var(--dk-gold-hi)}
.pd-pts small{font:600 11px Inter,sans-serif;color:var(--dk-mute)}
.pd-step{position:relative;display:grid;place-items:center;width:100%;margin-top:8px;border-radius:10px 10px 3px 3px;height:52px;
  background:linear-gradient(180deg,rgba(201,207,216,.30),rgba(201,207,216,.06));border:1px solid rgba(201,207,216,.35);border-bottom:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.pd-step::after{font:700 26px/1 var(--serif);color:rgba(255,255,255,.22)}
.p1 .pd-step{height:84px;background:linear-gradient(180deg,rgba(246,221,152,.50),rgba(226,190,106,.14) 70%,rgba(226,190,106,.05));border-color:rgba(246,221,152,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 -10px 34px rgba(242,201,76,.20)}
.p2 .pd-step::after{content:"2"}.p1 .pd-step::after{content:"1";color:rgba(255,246,200,.4);font-size:34px}.p3 .pd-step::after{content:"3"}
.p3 .pd-step{height:34px;background:linear-gradient(180deg,rgba(214,154,102,.38),rgba(214,154,102,.07));border-color:rgba(214,154,102,.45)}
.lb-podium .me .pd-step{box-shadow:inset 0 0 0 2px #2BA39A}
.lb-podium::after{content:"";grid-column:1/-1;order:9;height:2px;margin-top:-4px;background:linear-gradient(90deg,transparent,rgba(226,190,106,.6),transparent)}
.lb-rows{gap:0;background:linear-gradient(170deg,var(--dk-ink3),var(--dk-ink2));border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(226,190,106,.22),0 16px 36px rgba(0,0,0,.5)}
.lb-rows li{background:transparent;border:0;border-radius:0;box-shadow:none;padding:11px 16px;border-top:1px solid rgba(226,190,106,.10);color:var(--dk-cream)}
.lb-rows li:first-child{border-top:0}
.lb-rows li:nth-child(even){background:rgba(255,255,255,.025)}
.lb-rows li:hover{background:rgba(226,190,106,.06)}
.lb-rows li.me{background:rgba(43,163,154,.14);box-shadow:inset 3px 0 0 #2BA39A}
.lb-rank{width:28px;font:700 14px Inter,sans-serif;font-variant-numeric:tabular-nums;color:var(--dk-mute);text-align:right;margin-right:4px}
.lb-nick{font-size:15.5px;color:#FBF5E6}
.lb-nick em{background:#2BA39A;color:#04211E}
.lb-pts{font:800 16px Inter,sans-serif;font-variant-numeric:tabular-nums;min-width:4.6em;text-align:right;color:var(--dk-cream)}
.lb-pts small{margin-left:2px;color:var(--dk-mute)}
@media(max-width:520px){
  .lb-podium{gap:6px;margin-top:24px}
  .pd-nick{font-size:14px}.p1 .pd-nick{font-size:15.5px}
  .pd-pts{font-size:16px}.p1 .pd-pts{font-size:19px}
  .lb-rows li{padding:10px 12px}
}
/* page footer + canvas: dark on the trivia page too (no cream) */
body.pg-trivia,body.pg-board{background:#0E1016}
.pg-trivia .foot,.pg-board .foot{background:linear-gradient(180deg,#12151D,#0E1016);border-top:1px solid rgba(226,190,106,.3);color:#B9B09C}
.pg-trivia .foot a,.pg-board .foot a{color:#D9CFB8}
.pg-trivia .foot a:hover,.pg-board .foot a:hover{color:#FBEBB5}
.pg-trivia .foot .saying,.pg-board .foot .saying{color:#F4ECD8}
/* trivia page: tile is now a link to leaderboard.html; small text link in the footnote */
.tv-page a.lb-tile{text-decoration:none}
.tv-page .tv-foot a{color:var(--dk-gold);font-weight:600;text-underline-offset:3px}
.tv-page .tv-foot a:hover{color:var(--dk-gold-hi)}

/* ---------- standalone leaderboard page (leaderboard.html) ---------- */
.lbp-page{max-width:820px}
.lb-page.lb-in{position:relative;margin:18px auto 26px;padding:26px 30px 24px;border-radius:22px;color:var(--dk-cream);overflow:hidden;
  background:radial-gradient(90% 55% at 50% 0%,rgba(226,190,106,.16),transparent 62%),linear-gradient(170deg,#191D29,#0F1219 70%);
  box-shadow:inset 0 0 0 1px rgba(226,190,106,.32),inset 0 1px 0 rgba(255,255,255,.06),0 30px 70px -18px rgba(0,0,0,.75)}
.lb-page.lb-in::before{content:"";position:absolute;inset:10px;border-radius:16px;border:1px solid rgba(226,190,106,.12);pointer-events:none}
.lb-page .sh-kick{margin:0 0 4px;font:700 11px/1 Inter,sans-serif;text-transform:uppercase}
.lb-page h2{margin:0 0 16px;font-family:var(--serif);font-size:30px;color:#FBF5E6}
.lb-page .lb-tabs{max-width:360px}
.lb-page .lb-podium{margin:40px auto 18px;max-width:600px;gap:14px}
.lb-page .lb-podium .lb-medal{width:54px;height:54px;font-size:22px}
.lb-page .lb-podium .p1 .lb-medal{width:76px;height:76px;font-size:32px}
.lb-page .lb-podium .p1::before{width:44px;height:26px}
.lb-page .pd-nick{font-size:17px}.lb-page .p1 .pd-nick{font-size:20px}
.lb-page .pd-pts{font-size:21px}.lb-page .p1 .pd-pts{font-size:28px}
.lb-page .pd-step{height:64px}.lb-page .p1 .pd-step{height:104px}.lb-page .p3 .pd-step{height:42px}
.lb-page .lb-rows{max-width:640px;margin:0 auto}
.lb-page .lb-rows li{padding:13px 20px}
.lb-page .lb-nick{font-size:16.5px}.lb-page .lb-pts{font-size:17px}
.lb-page .lb-foot{margin:14px 0 0}
.lbp-cta{margin:18px 0 2px;text-align:center}
.lbp-play{display:inline-block;padding:11px 22px;border-radius:999px;font:700 15px Inter,sans-serif;color:#22180A;text-decoration:none;
  background:linear-gradient(180deg,#F6DD98,#E2BE6A 55%,#C99A45);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 20px -8px rgba(226,190,106,.55)}
.lbp-play:hover{filter:brightness(1.06)}
@media(max-width:520px){
  .lb-page.lb-in{padding:20px 14px 18px;border-radius:18px;margin-top:12px}
  .lb-page h2{font-size:25px}
  .lb-page .lb-podium{gap:6px;margin-top:30px}
  .lb-page .lb-podium .lb-medal{width:44px;height:44px;font-size:18px}
  .lb-page .lb-podium .p1 .lb-medal{width:60px;height:60px;font-size:25px}
  .lb-page .pd-nick{font-size:14px}.lb-page .p1 .pd-nick{font-size:16px}
  .lb-page .pd-pts{font-size:17px}.lb-page .p1 .pd-pts{font-size:21px}
  .lb-page .pd-step{height:50px}.lb-page .p1 .pd-step{height:80px}.lb-page .p3 .pd-step{height:32px}
  .lb-page .lb-rows li{padding:11px 12px}
}
/* ===== end trivia-dark ===== */
/* ===== Round 3 (preview Oct 30 2026): flashcards as white index cards on the dark page ===== */
.tv-card .face{--ic-ink:#1E2230;--ic-mute:#5D6170;--ic-rule:#D9473F;--ic-line:rgba(86,140,210,.20);color:var(--ic-ink);
  background-color:#FDFCF7;
  background-image:linear-gradient(var(--ic-rule),var(--ic-rule)),repeating-linear-gradient(180deg,transparent 0 31px,var(--ic-line) 31px 32px);
  background-size:100% 2px,100% 100%;background-position:0 var(--hr),0 calc(var(--hr) + 2px);background-repeat:no-repeat,repeat-y;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 2px 3px rgba(0,0,0,.25),0 16px 34px -10px rgba(0,0,0,.6)!important}
.tv-card .face::before,.tv-card .face::after{display:none}
.tv-card .face .tag,.tv-card .face .tag .fc-cat{color:var(--ic-mute)}
.tv-card .face .tag .fc-no{color:#B23A32}
.tv-card .face .tag .fc-cat::before{box-shadow:none}
.tv-card .face .pts{background:#F3EAD0;color:#6B4C0E;box-shadow:inset 0 0 0 1px #D8C08A}
.tv-card .face .pts.p2{background:#E3ECF8;color:#1F4C8A;box-shadow:inset 0 0 0 1px #A9C1E3}
.tv-card .face .pts.p3{background:#FBE5E1;color:#9A2B22;box-shadow:inset 0 0 0 1px #E8B2A9}
.tv-card .face .rv{background:#FBE5E1;color:#9A2B22}
.tv-card .face .st-m{background:#DFF3E8;color:#17663F}.tv-card .face .st-d{background:#FCE7DC;color:#9A4417}.tv-card .face .st-u{background:#EEEEEA;color:var(--ic-mute)}
.tv-card .face .q,.tv-card .face .ans{color:var(--ic-ink)}
.tv-card .face .fc-q{color:#B23A32}.tv-card .face .ans .fc-q{color:#17804F}
.tv-card .face .ch button,.tv-card .face .tf button,.tv-card .face .ord button{background:rgba(255,255,255,.88)!important;border:1px solid #CFCBBE;color:var(--ic-ink)}
.tv-card .face .ch button:hover,.tv-card .face .ch button:focus-visible,.tv-card .face .tf button:hover,.tv-card .face .tf button:focus-visible,.tv-card .face .ord button:hover,.tv-card .face .ord button:focus-visible{background:#FFF7E0!important;border-color:#C99A45;color:var(--ic-ink);box-shadow:0 0 0 2px rgba(201,154,69,.35)}
.tv-card .face .fc-box{border-color:#A8A396;color:var(--ic-mute);background:#fff}
.tv-card .face .ch button:hover .fc-box,.tv-card .face .ch button:focus-visible .fc-box{background:#C99A45;border-color:#C99A45;color:#fff}
.tv-card .face .ch button.right,.tv-card .face .tf button.right{border-color:#1E8A55!important;background:#E2F4EA!important;color:#0F3F27;box-shadow:0 0 0 1px #1E8A55}
.tv-card .face .ch button.wrong,.tv-card .face .tf button.wrong{border-color:#C8413A!important;background:#FBE6E3!important;color:#6E1C17}
.tv-card .face .ch button.wrong .fc-t{text-decoration-color:#C8413A}
.tv-card .face .ch button.right .fc-box{background:#1E8A55;border-color:#1E8A55}.tv-card .face .ch button.right .fc-box::after{color:#fff}
.tv-card .face .ch button.wrong .fc-box{background:#FBE6E3;border-color:#C8413A}.tv-card .face .ch button.wrong .fc-box::after{color:#C8413A}
.tv-card .face .tf button:first-child::before{color:#1E8A55}.tv-card .face .tf button:last-child::before{color:#C8413A}
.tv-card .face .ord .n{background:#fff;border-color:#C99A45;color:#8A6417}.tv-card .face .ord button.set .n{background:#C99A45;color:#fff}
.tv-card .face .xr .col{background:rgba(255,255,255,.75)!important;border-color:#D8D3C4}.tv-card .face .xr h4{color:var(--ic-mute)}
.tv-card .face .xr button{border-color:#BDB7A6;background:#fff;color:var(--ic-ink)}.tv-card .face .xr button:hover{background:#FFF7E0;border-color:#C99A45}
.tv-card .face .xr button.hit{border-color:#C8413A;background:#FBE6E3}
.tv-card .face .stm{background:rgba(255,255,255,.8);color:var(--ic-ink)}.tv-card .face .stm .who{color:#8A6417}
.tv-card .face .tv-help{color:var(--ic-mute)}
.tv-card .face .res.ok{color:#17804F;text-shadow:none}.tv-card .face .res.no{color:#B8322B;text-shadow:none}
.tv-card .face .exp{color:#353947}
.tv-card .face .ex{background:#FFF6DC;border-left-color:#C99A45;color:var(--ic-ink)}
.tv-card .face .rb{border-top-color:#D8D3C4}.tv-card .face .rb h5{color:var(--ic-mute)}
.tv-card .face .ci{background:rgba(255,255,255,.85)!important;border-color:#DCD7C9}
.tv-card .face .ci .w{color:var(--ic-ink)}.tv-card .face .ci a.w{color:#1D4E9A}
.tv-card .face .ci .m,.tv-card .face .ci .side,.tv-card .face .also,.tv-card .face .tl .mc{color:var(--ic-mute)}
.tv-card .face .ci .ro,.tv-card .face .also a,.tv-card .face .tl .mc a,.tv-card .face a{color:#1D4E9A}
.tv-card .face .ci .ini,.tv-card .face .ci .av{background:#E8E4D8;color:var(--ic-ink)}
.tv-card .face .dig{background:#F3EAD0;color:#6B4C0E;box-shadow:inset 0 0 0 1px #D8C08A}.tv-card .face .dig:hover{background:#EEDFB8}
.tv-card .face .pill{background:#fff;border-color:#CFCBBE;color:var(--ic-ink)}
.tv-card .face .soon{background:#DFF3E8;color:#17663F}
@media(max-width:520px){.tv-card .face{box-shadow:0 2px 3px rgba(0,0,0,.25),0 14px 28px -10px rgba(0,0,0,.6)!important}}
/* footer on trivia + leaderboard: the bar renders cream like every other page, so use the site's normal dark footer text */
body.pg-trivia .foot,body.pg-board .foot{color:var(--muted)}
body.pg-trivia .foot a,body.pg-board .foot a{color:var(--muted)}
body.pg-trivia .foot a:hover,body.pg-board .foot a:hover{color:#1F2430}