:root{--bg:#f6f4eb;--paper:#fffef8;--ink:#183e32;--muted:#6b7b70;--accent:#b64332;--gold:#d4b87c;--line:#d8dfd2;--dark:#173f33;--soft:#e9eee3;--radius:22px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit}button{border:0;border-radius:12px;padding:14px 20px;background:var(--ink);color:var(--paper);font-weight:700;transition:transform .15s,background .15s}button:hover:not(:disabled){transform:translateY(-1px)}button.ghost,.button.ghost{color:var(--ink);background:transparent;border:1px solid var(--line)}button.secondary,.button.secondary{background:var(--soft);color:var(--ink)}button.accent{background:var(--accent);color:#fff}button.small{padding:9px 13px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:14px 20px;background:var(--ink);color:var(--paper);font-weight:700}.full{width:100%}.flex{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:16px}.muted{color:var(--muted);line-height:1.6}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:2.3px;text-transform:uppercase;color:var(--accent);margin-bottom:16px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-2px}h1{font-size:clamp(46px,6vw,82px);line-height:1.04}h2{font-size:36px;line-height:1.15}h3{font-size:18px;letter-spacing:-.3px;margin-bottom:10px}p{line-height:1.65}header{max-width:1440px;margin:auto;height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:Georgia,serif;font-size:25px;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-family:Georgia,serif;font-size:27px}.header-note{font-size:12px;color:var(--muted);letter-spacing:1px}.nav{display:flex;gap:12px;align-items:center}.live{font-size:12px;display:inline-flex;gap:7px;align-items:center;color:var(--muted)}.live:before{content:'';width:7px;height:7px;background:#5f946c;border-radius:50%}.live.off:before{background:#c75137}.page{max-width:1320px;margin:auto;padding:48px 5% 28px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:25px 0 55px}.hero p{max-width:460px;font-size:17px}.hero h1{max-width:590px;margin-bottom:25px}.hero h1 em{color:var(--accent);font-weight:400}.pill{display:inline-flex;border:1px solid var(--line);border-radius:100px;padding:9px 14px;font-size:12px;gap:8px;margin-bottom:25px}.hero-art{height:400px;position:relative;border-radius:180px 180px 24px 24px;background:var(--dark);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;inset:22px;border:1px solid #ffffff22;border-radius:160px 160px 18px 18px}.star{position:absolute;color:var(--gold);font-size:28px}.s1{top:45px;left:75px}.s2{top:95px;right:65px;font-size:45px}.s3{bottom:40px;left:45px;font-size:55px}.s4{bottom:100px;right:40px}.art-note{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#e9dfbd;font-size:10px;letter-spacing:3px}.art-ball{position:absolute;width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 33% 25%,#fffef8,#dfd3b5 70%);color:#234b3a;box-shadow:0 22px 25px #0003,inset -10px -12px 20px #7e6a5128;transform:rotate(-15deg)}.art-ball span{width:98px;height:98px;border:1px solid #aba488;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:65px}.art-ball.one{left:14%;top:100px;z-index:2}.art-ball.two{right:13%;top:58px;width:170px;height:170px;background:radial-gradient(circle at 33% 25%,#dc6a51,#97382b 75%);color:#fff1d1;transform:rotate(12deg)}.art-ball.two span{border-color:#edb99599}.art-ball.three{right:20%;bottom:65px;width:130px;height:130px;transform:rotate(8deg)}.art-ball.three span{width:85px;height:85px;font-size:55px}.bingo-strip{position:absolute;left:28px;top:28px;color:var(--gold);font-size:11px;letter-spacing:5px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:30px}.panel.tinted{background:var(--soft)}.panel.dark{background:var(--dark);color:#fff8e6;border-color:transparent}.panel.dark .muted{color:#d3dfd2}.panel.dark .eyebrow{color:var(--gold)}.panel h2{font-size:31px;margin-bottom:12px}.label{display:block;font-size:13px;font-weight:700;margin:0 0 8px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:13px 14px;min-height:48px}textarea{min-height:110px;resize:vertical;line-height:1.5}.field{margin-bottom:16px}.join-code{text-transform:uppercase;letter-spacing:5px;font-size:21px;font-weight:700}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding:36px 0;margin-top:48px}.rule-number{font-size:12px;color:var(--accent);font-weight:bold;margin-bottom:12px}.rule-grid p{font-size:14px;color:var(--muted);margin:0}.foot{max-width:1320px;margin:auto;padding:25px 5%;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.theme{padding:18px 9px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-size:12px;text-align:center}.theme span{display:block;font-size:26px;margin-bottom:10px}.theme.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--soft)}.quiz{--ink:#30223e;--bg:#f5f2eb;--paper:#fffdf9;--muted:#7e7483;--accent:#bf572f;--dark:#2b1e3a;--soft:#eee8df;--line:#e1d9df}.quiz.theme-orange{--accent:#d96516;--soft:#fcf0df;--dark:#39251d}.quiz.theme-football{--accent:#35745b;--soft:#e8eee4;--dark:#193e33}.quiz.theme-newyear{--accent:#7d5aa2;--soft:#eee8f6;--dark:#2d2044}.quiz .hero-art{border-radius:24px}.quiz-art-text{color:#f8efd7;font-family:Georgia,serif;font-size:150px;position:relative;transform:rotate(-9deg)}.quiz-art-text small{position:absolute;font-family:Arial,sans-serif;letter-spacing:4px;font-size:12px;bottom:-10px;left:12px;white-space:nowrap}.orbit{position:absolute;width:290px;height:290px;border-radius:50%;border:1px solid #ebca8733}.orbit.two{width:350px;height:350px}.setup{max-width:900px;margin:auto}.setup-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px;gap:20px}.title-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.title-line h1{font-size:44px;margin:0}.title-line .eyebrow{margin-bottom:9px}.host-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.code-big{font-size:42px;letter-spacing:6px;font-weight:800;margin:16px 0}.invite-url{overflow-wrap:anywhere;font-size:13px;color:var(--muted)}.players{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.person{padding:9px 12px;background:var(--soft);border-radius:100px;font-size:13px;display:flex;align-items:center;gap:8px}.person button{padding:0 3px;background:transparent;color:var(--ink)}.empty{padding:28px 0;text-align:center;color:var(--muted);font-size:14px}.stat{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.stat:last-child{border-bottom:0}.ball-board{display:grid;grid-template-columns:repeat(15,1fr);gap:7px}.ball{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:700;font-size:clamp(12px,1.5vw,21px);color:var(--muted);border:1px solid var(--line)}.ball.called{background:var(--ink);color:#fff8dc;border-color:var(--ink)}.ball.latest{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 3px #c49a5625}.draw-area{display:flex;align-items:center;justify-content:center;gap:38px;padding:28px 0 40px}.big-ball{width:150px;height:150px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fffcf0,#e6d4ad 85%);box-shadow:0 12px 24px #162d3515;display:grid;place-items:center;border:8px solid var(--paper);font-family:Georgia,serif;font-size:80px;color:#244834}.draw-area h2{margin-bottom:10px}.recent{display:flex;justify-content:center;gap:10px;margin:24px 0}.recent .ball{width:40px;height:40px;font-size:16px}.bingo-card{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0 20px}.bingo-card .letter{font-family:Georgia,serif;font-size:25px;text-align:center;padding:4px}.number-cell{aspect-ratio:1;padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:clamp(23px,6vw,33px);border-radius:12px;position:relative}.number-cell.marked{background:var(--ink);color:var(--paper)}.number-cell.marked:after{content:'✓';position:absolute;right:5px;top:2px;font-size:12px;color:var(--gold)}.number-cell.row-complete{box-shadow:inset 0 0 0 2px var(--gold)}.phone{max-width:480px;margin:auto;padding:28px 18px}.phone h1{font-size:37px;margin-bottom:10px}.phone .panel{padding:22px}.progress{height:6px;background:var(--line);border-radius:10px;overflow:hidden;margin:20px 0}.progress span{display:block;height:100%;background:var(--accent);width:var(--progress)}.goal-pills{display:flex;gap:7px;justify-content:space-between;margin:18px 0;font-size:12px}.goal-pills span{background:var(--soft);border-radius:100px;padding:8px 12px}.goal-pills .active{background:var(--ink);color:var(--paper)}.win{padding:35px;border:1px solid var(--gold);border-radius:var(--radius);background:#fff7dd;text-align:center;color:#513b21;margin:24px 0;position:relative;overflow:hidden}.win .eyebrow{color:#9b752c}.win h2{font-size:45px;margin-bottom:10px}.win:before,.win:after{content:'✦';position:absolute;top:18px;color:var(--gold);font-size:36px}.win:before{left:15px}.win:after{right:15px}.tv{padding:30px 4%;max-width:1920px;margin:auto}.tv .title-line h1{font-size:clamp(32px,3.3vw,65px)}.tv-grid{display:grid;grid-template-columns:1fr 265px;gap:30px;align-items:start}.tv .big-ball{width:190px;height:190px;font-size:110px}.tv .ball-board{gap:10px}.tv .ball{font-size:clamp(16px,2.2vw,30px)}.tv .draw-area{padding:15px 0 28px}.tv .code-big{font-size:35px}.tv .win h2{font-size:clamp(38px,5vw,80px)}.question-number{color:var(--accent);font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:22px}.question-text{font-family:Georgia,serif;font-weight:500;font-size:clamp(24px,3vw,42px);line-height:1.22;letter-spacing:-.8px;margin-bottom:30px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{display:flex;align-items:center;gap:13px;background:var(--soft);color:var(--ink);padding:18px;border:1px solid transparent;text-align:left;line-height:1.4}.option .key{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;font-size:13px}.option.selected{background:var(--ink);color:var(--paper)}.option.correct{border:2px solid #4b8557;background:#e7f1e2;color:#234331}.phone .options{grid-template-columns:1fr}.phone .question-text{font-size:26px}.saved{padding:12px 15px;border-radius:10px;background:#e7f1e2;color:#2b5c35;font-size:13px;margin:15px 0}.answer{padding:25px;border-radius:16px;background:var(--soft);font-size:24px;font-family:Georgia,serif}.answer small{display:block;font:11px Arial,sans-serif;letter-spacing:2px;margin-bottom:10px}.leaderboard{display:grid;gap:10px;margin-top:20px}.rank{display:flex;gap:15px;align-items:center;border:1px solid var(--line);background:var(--paper);padding:16px 20px;border-radius:12px}.rank:first-child{background:var(--dark);color:#fff5df}.rank .place{width:30px;font-family:Georgia,serif;font-size:24px}.rank .score{margin-left:auto;font-size:22px;font-weight:700}.rank small{font-size:11px;font-weight:400}.tv .question-text{font-size:clamp(32px,4vw,66px);max-width:1200px}.tv .option{font-size:23px;padding:25px}.tv .panel{padding:35px}.tv .rank{font-size:23px}.media-image{width:100%;max-height:350px;object-fit:contain;border-radius:12px;margin-bottom:20px}.media-audio{width:100%;margin-bottom:20px}.review-table{margin-top:25px;width:100%;border-collapse:collapse;font-size:14px}.review-table td,.review-table th{text-align:left;padding:13px 9px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.review-table input{max-width:80px;padding:8px;min-height:35px}.editor{margin-top:25px}.editor details{border:1px solid var(--line);border-radius:14px;margin-bottom:14px;background:var(--paper)}.editor summary{cursor:pointer;font-weight:700;padding:18px}.editor-body{padding:0 20px 20px}.edit-question{border-top:1px solid var(--line);padding:20px 0}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-question textarea{min-height:70px}.edit-question label{font-size:12px}.notice{font-size:13px;line-height:1.65;padding:15px 18px;border-radius:12px;background:var(--soft);color:var(--muted);margin:18px 0}.end-note{font-family:Georgia,serif;font-size:23px;text-align:center;padding:25px}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;margin:14px 0}.check input{width:18px;min-height:18px;margin-top:2px}.order-row{display:flex;gap:12px;align-items:center;padding:12px;background:var(--soft);border-radius:10px;margin-bottom:8px}.order-row button{padding:8px 12px;margin-left:auto}.order-row button+button{margin-left:0}.order-row span{font-size:14px;flex:1}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:40px;max-width:550px;width:calc(100% - 35px)}dialog::backdrop{background:#102a2199;backdrop-filter:blur(3px)}.close{float:right;padding:6px 12px!important;font-size:22px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--ink);color:var(--paper);padding:14px 22px;border-radius:12px;z-index:100;font-size:14px;max-width:90vw;box-shadow:0 6px 30px #0002;transition:transform .2s;pointer-events:none}#toast.show{transform:translateX(-50%) translateY(0)}.loading{min-height:60vh;display:grid;place-items:center;color:var(--muted)}.view-label{font-size:11px;letter-spacing:2px;text-transform:uppercase}.offline-bar{position:sticky;top:0;background:#b64332;color:white;text-align:center;padding:10px;z-index:50;font-size:13px}.hidden{display:none!important}@media(max-width:1050px){.host-grid{grid-template-columns:1fr 290px}.tv-grid{grid-template-columns:1fr 220px}.ball-board{gap:5px}.hero{gap:25px}.hero-art{height:350px}.art-ball.one{left:8%}.art-ball.two{right:6%}.hero h1{font-size:60px}.header-note{display:none}}@media(max-width:760px){header{height:78px;padding:0 20px}.brand{font-size:21px}.brand-icon{width:34px;height:34px;font-size:23px}.nav .hide-mobile{display:none}.page{padding:28px 20px}.hero{grid-template-columns:1fr;padding:10px 0 30px;gap:25px}.hero h1{font-size:55px}.hero-art{height:260px;max-width:500px;width:100%;margin:auto;border-radius:100px 100px 22px 22px}.art-ball{width:110px;height:110px}.art-ball span{width:75px;height:75px;font-size:45px}.art-ball.one{left:23%;top:65px}.art-ball.two{width:120px;height:120px;right:18%;top:35px}.art-ball.three{width:100px;height:100px;bottom:35px;right:28%}.art-ball.three span{width:68px;height:68px;font-size:42px}.star{font-size:21px}.s2{font-size:30px}.entry-grid,.host-grid{grid-template-columns:1fr}.panel{padding:24px}.rule-grid{grid-template-columns:1fr;gap:26px;margin-top:30px;padding:28px 0}.theme-grid{grid-template-columns:repeat(2,1fr)}.title-line{align-items:flex-start;flex-wrap:wrap}.title-line h1{font-size:36px}.draw-area{gap:22px}.big-ball{width:120px;height:120px;font-size:65px}.draw-area h2{font-size:27px}.ball-board{grid-template-columns:repeat(15,1fr);gap:4px}.ball{font-size:11px}.options{grid-template-columns:1fr}.tv{padding:24px 18px}.tv-grid{grid-template-columns:1fr}.tv-grid>aside{display:none}.tv .ball-board{gap:4px}.tv .ball{font-size:13px}.tv .big-ball{width:130px;height:130px;font-size:70px}.tv .question-text{font-size:33px}.tv .option{font-size:18px;padding:16px}.edit-grid{grid-template-columns:1fr}.foot{padding:20px;flex-wrap:wrap}.quiz-art-text{font-size:110px}.orbit{width:180px;height:180px}.orbit.two{width:230px;height:230px}.review-table{font-size:12px}.review-table td{padding:10px 5px}.win{padding:25px 20px}.win h2{font-size:34px}.phone header{padding:0}.header .small{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media (min-width:761px) {
  body:has(.tv) header {height:72px;max-width:none}
  .tv {padding:18px 3% 12px}
  .tv .title-line {margin-bottom:18px}
  .tv .title-line h1 {font-size:clamp(30px,3.2vw,52px)}
  .tv .title-line .eyebrow {margin-bottom:7px}
  .tv .panel {padding:22px}
  .tv .draw-area {padding:0 0 15px;gap:28px}
  .tv .draw-area h2 {font-size:clamp(26px,2.8vw,40px);margin-bottom:6px}
  .tv .draw-area p {margin-bottom:0}
  .tv .big-ball {width:130px;height:130px;font-size:78px}
  .tv .ball-board {gap:7px}
  .tv .ball-board .ball {aspect-ratio:auto;height:clamp(27px,calc((100dvh - 510px)/5),72px);font-size:clamp(17px,2vw,32px);border-radius:12px}
  .tv .recent {margin:12px 0 0;min-height:0}
  .tv .recent:empty {display:none}
  .tv .recent .ball {height:30px;width:30px;font-size:15px}
  .tv aside .panel button {display:none}
  .tv aside .panel p {font-size:14px;margin-bottom:14px}
  .tv .win {position:fixed;inset:24% 14% auto;z-index:20;box-shadow:0 0 0 100vmax #173f33df;padding:40px}
  .tv .question-text {font-size:clamp(32px,4vw,60px)}
}
@media (min-width:761px) and (max-height:650px) {
  body:has(.tv) header {height:52px}
  .tv {padding-top:12px}
  .tv .title-line h1 {font-size:30px}
  .tv .title-line {margin-bottom:10px}
  .tv .big-ball {width:90px;height:90px;font-size:55px}
  .tv .panel {padding:16px}
  .tv .ball-board .ball {height:clamp(24px,calc((100dvh - 340px)/5),50px);font-size:20px}
}

@font-face{font-family:'Brand Display';src:url('/brand/display-v1.ttf') format('truetype');font-weight:100 900;font-display:swap}
html:has(body.quiz){background:#F3F5FA}
html:has(body.quiz .tv){background:#11151F}
body.quiz,body.bingo{min-height:100dvh}
body.bingo{--bg:#F6EEDF;--paper:#FFF9ED;--ink:#24483A;--muted:#766B5E;--accent:#A83D42;--gold:#BA8D50;--line:#DCCFBA;--dark:#24483A;--soft:#EEE3D2;color:var(--ink);background-color:var(--bg);background-image:linear-gradient(90deg,#a83d4206 50%,transparent 50%),linear-gradient(#a83d4206 50%,transparent 50%);background-size:54px 54px}
.bingo h1,.bingo h2,.bingo .brand,.bingo .bingo-card .letter,.bingo .big-ball{font-family:'Brand Display',Georgia,serif;font-variation-settings:'SOFT' 65,'WONK' 1,'opsz' 36}
.bingo h1{font-weight:550;letter-spacing:-2.5px;line-height:1.06}
.bingo h2{font-weight:500;letter-spacing:-1.25px}
.bingo header{background:#fff9edf5;border-bottom:1px solid var(--line);height:92px;max-width:none;position:relative}
.bingo header:before{content:'';height:7px;position:absolute;inset:0 0 auto;background-image:url('/brand/pattern-v1.svg');background-size:44px}
.brand-image{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.brand-type{display:flex;flex-direction:column;gap:1px;line-height:1.1}
.brand-type small{font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:3.5px;font-weight:700;text-transform:uppercase}
.bingo .brand{font-size:27px;gap:10px}
.bingo .brand-type strong{font-weight:550}
.bingo .header-note{color:var(--accent);font-size:10px;letter-spacing:2px}
.bingo .page{padding-top:36px}
.bingo .hero{gap:46px;padding-bottom:46px}
.bingo .hero h1{font-size:clamp(45px,5.5vw,76px);margin-bottom:22px}
.bingo .hero h1 em{color:var(--accent);font-style:italic}
.bingo .hero-art{height:440px;border-radius:140px 140px 20px 20px;border:8px solid var(--paper);outline:1px solid var(--line);box-shadow:0 15px 35px #5e3b2515;background:var(--soft)}
.hero-image{width:100%;height:100%;object-fit:cover;display:block}
.bingo .hero-art:before,.quiz .hero-art:before{display:none}
.bingo .hero-image{object-position:50% 58%}
.bingo .pill{background:var(--paper);border-color:#c69b7770;color:var(--accent);font-weight:700;font-size:11px;letter-spacing:.3px}
.hero-facts{display:flex;gap:16px;align-items:center;margin-top:28px;font-size:11px;letter-spacing:.4px;color:var(--muted);flex-wrap:wrap}
.hero-facts span+span:before{content:'·';margin-right:16px;color:var(--accent)}
.bingo .panel{border-radius:18px;border-color:var(--line);background-color:var(--paper);box-shadow:0 4px 16px #59412d05}
.bingo .panel.tinted{background-color:#F1E5D3;background-image:linear-gradient(90deg,#a83d4208 50%,transparent 50%),linear-gradient(#a83d4208 50%,transparent 50%);background-size:46px 46px}
.bingo .panel.dark{background:#24483A;color:#FFF9ED;position:relative;overflow:hidden}
.bingo .panel.dark:after{content:'';position:absolute;right:-20px;bottom:-42px;width:180px;height:180px;background:url('/brand/mark-v1.webp') center/contain no-repeat;opacity:.11;pointer-events:none}
.bingo .panel.dark button,.bingo .panel.dark p{position:relative;z-index:1}
.bingo .panel.dark .muted{color:#DFE6D9}
.bingo button,.bingo .button{border-radius:11px}
.bingo button.accent,.bingo .button.accent{background:#A83D42;color:#FFF9ED;box-shadow:0 3px 0 #77272b20}
.bingo .number-cell{border-radius:9px;color:#24483A;background:#FFF9ED;border:1px solid #CEBFA8;font-family:'Brand Display',Georgia,serif;font-weight:550;font-variant-numeric:tabular-nums}
.bingo .number-cell.marked{background:#A83D42;border-color:#A83D42;color:#FFF9ED}
.bingo .number-cell.marked:after{color:#FFF9ED;top:4px;right:6px}
.bingo .number-cell.row-complete{box-shadow:inset 0 0 0 2px #DCC186}
.bingo .bingo-card{border-top:8px solid transparent;border-image:url('/brand/pattern-v1.svg') 8 repeat;padding-top:8px}
.bingo .bingo-card .letter{color:#A83D42;font-size:27px}
.bingo .big-ball{border:7px solid #FFF9ED;background:radial-gradient(circle at 30% 23%,#FFF6D9,#DDB77C);color:#8E3037;box-shadow:0 8px 24px #6c411518}
.bingo .ball{background:#F0E6D5;border-color:#DCCDB7;color:#766B5E;font-variant-numeric:tabular-nums}
.bingo .ball.called{background:#24483A;border-color:#24483A;color:#FFF9ED}
.bingo .ball.latest{background:#A83D42;border-color:#A83D42;color:#FFF9ED}
.bingo .code-big{font-family:'Brand Display',Georgia,serif;letter-spacing:4px;font-variant-numeric:tabular-nums;color:var(--accent)}
.bingo .win{background:#FFF9ED;border:2px solid #BA8D50;color:#24483A;background-image:url('/brand/pattern-v1.svg');background-repeat:repeat-x;background-size:52px;background-position:bottom;border-bottom-width:10px}
.bingo .win:before,.bingo .win:after{content:'';width:46px;height:46px;background:url('/brand/mark-v1.webp') center/contain no-repeat;top:16px}
.bingo .win h2{font-size:clamp(32px,4.8vw,64px);color:#A83D42}
.bingo .rule-grid{border-top:1px solid var(--line)}
.bingo .foot{border-top:6px solid transparent;border-image:url('/brand/pattern-v1.svg') 8 repeat;background:#fff9ed75}
.foot a{text-decoration:none;border-bottom:1px solid currentColor}
.brand-detail{display:flex;gap:14px;align-items:center}

body.quiz{--ink:#11151F;--bg:#F3F5FA;--paper:#FFFFFF;--muted:#657087;--accent:#355BFF;--gold:#D7F768;--dark:#11151F;--soft:#E8EDFB;--line:#DCE2ED;--radius:18px;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif}
.quiz h1,.quiz h2,.quiz h3,.quiz .brand,.quiz .question-text,.quiz .code-big,.quiz .rank .place,.quiz .rank .score,.quiz .digits{font-family:'Brand Display',Arial,Helvetica,sans-serif;font-weight:650;font-style:normal}
.quiz h1{letter-spacing:-3px;line-height:1.01}
.quiz h2{letter-spacing:-1.1px;line-height:1.15}
.quiz h3{letter-spacing:-.4px;font-weight:650}
.quiz header{height:92px;max-width:none;background:#FFFFFF;border-color:#DCE2ED}
.quiz .brand{font-size:25px;letter-spacing:-1.2px;gap:11px}
.quiz .brand-type strong{font-weight:700}
.quiz .brand-type small{color:#657087;font-size:8px;letter-spacing:3.2px;margin-top:4px}
.quiz .brand-image{width:42px;height:42px}
.quiz .header-note{font-size:10px;letter-spacing:2px;font-weight:700;color:#657087}
.quiz .page{padding-top:40px}
.quiz .hero{gap:45px;padding-bottom:48px}
.quiz .hero h1{font-size:clamp(46px,5.7vw,79px);max-width:600px}
.quiz .hero h1 em{color:#355BFF;font-style:normal}
.quiz .hero p{font-size:16px;line-height:1.7;max-width:445px}
.quiz .hero-art{height:435px;border-radius:24px;background:#11151F;box-shadow:0 18px 45px #11151f10;border:1px solid #11151F}
.quiz .hero-image{object-position:center}
.quiz .pill{border:0;border-radius:7px;background:#E5EAFE;color:#2343B7;font-weight:700;letter-spacing:.6px;font-size:11px;padding:10px 13px}
.quiz .hero-facts{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;gap:13px}
.quiz button,.quiz .button{border-radius:10px;box-shadow:none;letter-spacing:-.1px}
.quiz button.accent,.quiz .button.accent{background:var(--accent);color:#FFFFFF}
.quiz button.ghost,.quiz .button.ghost{background:transparent}
.quiz .panel{border-radius:18px;box-shadow:0 5px 20px #151c2e04;border-color:var(--line);background:var(--paper)}
.quiz .panel.tinted{background:#11151F;color:#F3F5FA;border:0;background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:40px 40px}
.quiz .panel.tinted .muted{color:#B9C2D3}
.quiz .panel.tinted .eyebrow{color:#D7F768}
.quiz .panel.tinted .ghost{color:#F3F5FA;border-color:#566076}
.quiz .panel.dark{background:#11151F;color:#FFFFFF;border-color:#11151F}
.quiz .panel.dark .eyebrow{color:#D7F768}
.quiz .panel.dark .muted{color:#C0C9DA}
.quiz .eyebrow,.quiz .question-number{font-size:10px;letter-spacing:2px;font-weight:800}
.quiz .code-big{font-weight:650;font-size:43px;letter-spacing:4px;font-variant-numeric:tabular-nums}
.quiz .theme-grid{gap:10px}
.quiz .theme{border-radius:12px;background:#FFFFFF;box-shadow:none;padding:20px 8px;color:#11151F}
.quiz .theme.active{background:var(--soft);border:2px solid var(--accent);box-shadow:none}
.quiz .theme span{font-size:25px}
.quiz .option{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:18px;box-shadow:none;color:var(--ink)}
.quiz .option .key{background:var(--soft);border-color:var(--line);font-family:'Brand Display',Arial,sans-serif;font-weight:600}
.quiz .option.selected{background:var(--accent);color:#FFFFFF;border-color:var(--accent);box-shadow:inset 0 0 0 2px #ffffff70}
.quiz .option.selected .key{background:#ffffff20;border-color:#ffffff40;color:#FFFFFF}
.quiz .option.correct{background:#E7F4DD;border:2px solid #5A8B38;color:#244722}
.quiz .question-text{font-size:clamp(26px,3vw,42px);font-weight:600;letter-spacing:-1px}
.quiz .answer{background:var(--soft);font-family:'Brand Display',Arial,sans-serif;font-weight:600;font-size:27px}
.quiz .rank{border-radius:12px;box-shadow:none}
.quiz .rank:first-child{background:#11151F;color:#FFFFFF}
.quiz .rank:first-child .score{color:#D7F768}
.quiz .phone h1{font-size:35px;letter-spacing:-1.6px}
.quiz .notice{background:var(--soft);border:1px solid var(--line);border-radius:10px;font-size:12px}
.quiz .saved{border:1px solid #C3DBAC;background:#EFF7E7;color:#375624}
.quiz.theme-christmas{--accent:#C53F55;--soft:#F7E9ED}
.quiz.theme-newyear{--accent:#8953D4;--soft:#EFE8F9}
.quiz.theme-football{--accent:#25845D;--soft:#E5F0EA}
.quiz.theme-orange{--accent:#C8560B;--soft:#F9EBDC}
.quiz:has(.hero){--accent:#355BFF;--soft:#E8EDFB}
body.quiz:has(.tv){--bg:#11151F;--ink:#F3F5FA;--paper:#1B2230;--muted:#B8C2D5;--soft:#273247;--line:#3D485D;background:#11151F;color:#F3F5FA}
.quiz:has(.tv) header{background:#11151F;border-color:#384154;color:#F3F5FA}
.quiz:has(.tv) .header-note,.quiz:has(.tv) .brand-type small{color:#A8B4CB}
.quiz:has(.tv) .eyebrow,.quiz:has(.tv) .question-number{color:#D7F768}
.quiz:has(.tv) .pill{background:#293347;color:#D7F768}
.quiz:has(.tv) .code-big{color:#FFFFFF}
.quiz:has(.tv) .notice{background:#253043;color:#C7D0DF}
.quiz:has(.tv) .answer{background:#D7F768;color:#11151F;border-radius:12px;margin-top:20px}
.quiz:has(.tv) .rank:first-child{background:#355BFF}
.quiz:has(.tv) .live{color:#B8C2D5}
.quiz .tv .option{font-size:clamp(18px,1.8vw,27px)}
.quiz .tv .question-text{font-family:'Brand Display',Arial,sans-serif;line-height:1.14;font-weight:600;letter-spacing:-1.6px}
@media(max-width:1050px){.bingo .hero,.quiz .hero{gap:28px}.bingo .hero-art,.quiz .hero-art{height:390px}}
@media(max-width:760px){.bingo header,.quiz header{height:79px;padding:0 18px}.bingo .brand{font-size:23px}.quiz .brand{font-size:22px}.brand-image{width:40px;height:40px}.quiz .brand-image{width:35px;height:35px}.brand-type small{font-size:8px}.bingo .hero,.quiz .hero{padding-bottom:30px;gap:28px}.bingo .hero h1,.quiz .hero h1{font-size:clamp(43px,11.8vw,64px);letter-spacing:-1.9px}.bingo .hero-art{height:300px;border-width:6px;border-radius:95px 95px 16px 16px}.quiz .hero-art{height:285px;border-radius:18px}.bingo .page,.quiz .page{padding-top:27px}.hero-facts{margin-top:20px;gap:10px;font-size:10px}.hero-facts span+span:before{margin-right:10px}.bingo .phone h1{font-size:33px;letter-spacing:-1px}.bingo .bingo-card{gap:6px}.bingo .panel{border-radius:16px}.bingo .number-cell{font-size:27px}.quiz .phone .question-text{font-size:26px}.bingo .foot,.quiz .foot{font-size:10px}.brand-detail{flex-wrap:wrap;gap:8px}.quiz .tv .question-text{font-size:32px}}
@media(min-width:761px){.bingo .tv .win{background-color:#FFF9ED;box-shadow:0 0 0 100vmax #24483ae6}.bingo .tv .big-ball{width:126px;height:126px}.quiz .tv .question-text{font-size:clamp(31px,3.7vw,58px)}}