main{min-height:100dvh;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:clamp(.5rem,1.5vh,1.5rem);padding:clamp(1rem,2.5vh,2rem) clamp(1rem,3vw,3rem)}header{display:flex;justify-content:space-between;align-items:center;color:var(--ink-dim);font-size:clamp(1rem,1.8vw,1.5rem);letter-spacing:.14em;text-transform:uppercase}header #multiplier{color:var(--gold);font-weight:700}.scores{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1rem,2vw,2rem)}.team{display:flex;align-items:baseline;gap:1rem;padding:.4rem 0}.team h2{margin:0;font-size:clamp(1.2rem,2.6vw,2.4rem);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team b{font-size:clamp(2rem,5vw,4.5rem);font-weight:800;font-variant-numeric:tabular-nums}.team.a{color:var(--a)}.team.b{color:var(--b);flex-direction:row-reverse;text-align:right}.team.lit{background:currentColor;border-radius:var(--radius);padding:.4rem 1rem}.team.lit h2,.team.lit b{color:#0b0d14}.pot{text-align:center;color:var(--ink-dim)}.pot span{display:block;font-size:.8rem;letter-spacing:.2em}.pot b{font-size:clamp(1.6rem,3.4vw,3rem);color:var(--gold);font-variant-numeric:tabular-nums}.question{text-align:center}.question p:first-child{margin:0;font-size:clamp(1.4rem,3.4vw,3rem);font-weight:600;line-height:1.2}.question #sample{margin:.4rem 0 0;color:var(--ink-dim);font-size:clamp(.85rem,1.4vw,1.2rem)}.board{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:clamp(.5rem,1.2vw,1rem);align-content:center}.board.solo{grid-template-columns:minmax(0,34rem);justify-content:center}.slot{display:flex;align-items:center;gap:1rem;background:var(--bg-soft);border:2px solid var(--line);border-radius:var(--radius);padding:clamp(.6rem,1.6vh,1.4rem) clamp(.8rem,1.6vw,1.6rem);font-size:clamp(1.1rem,2.4vw,2.2rem);font-weight:600}.slot .rank{flex:none;width:2.2em;height:2.2em;display:grid;place-items:center;border-radius:50%;background:var(--panel);color:var(--ink-dim);font-size:.55em}.slot .label{flex:1;min-width:0}.slot .pts{font-variant-numeric:tabular-nums;color:var(--ink-dim)}.slot.hidden .label{color:transparent}.slot.hidden .label:before{content:"";display:block;height:.7em;border-radius:999px;background:var(--panel)}.slot.open{background:#22304d;border-color:var(--a);animation:pop .25s ease-out}.slot.open .pts{color:var(--gold)}@keyframes pop{0%{transform:scale(.96);opacity:.4}to{transform:none;opacity:1}}.strikes{display:flex;justify-content:center;gap:1.2rem;min-height:4rem}.strikes i{font-style:normal;font-size:clamp(2.4rem,6vw,5rem);font-weight:900;color:var(--no);line-height:1;animation:pop .2s ease-out}.timerbar{height:10px;background:var(--panel);border-radius:999px;overflow:hidden}.timerbar i{display:block;height:100%;width:0;background:var(--gold);transition:width .1s linear}.timerbar.out i{width:100%!important;background:var(--no);animation:pulse .6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;background:#0b0d14f0;padding:3rem;z-index:20}.overlay h1{font-size:clamp(2rem,7vw,6rem);margin:0 0 1rem}.overlay h2{font-size:clamp(1.2rem,3vw,2.4rem);margin:0 0 .5rem;color:var(--ink-dim);font-weight:500}.overlay .big{font-size:clamp(3rem,12vw,10rem);font-weight:900;color:var(--gold);line-height:1}.overlay .vs{display:flex;align-items:center;gap:clamp(1rem,5vw,4rem)}.overlay .vs .t{font-size:clamp(1.4rem,4vw,3.4rem);font-weight:800}.overlay .vs .t.a{color:var(--a)}.overlay .vs .t.b{color:var(--b)}.overlay .vs .x{color:var(--ink-dim);font-size:clamp(1rem,2vw,1.6rem)}.clip{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;z-index:30}.fm{width:min(70rem,100%)}.fm .row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding:clamp(.4rem,1.2vh,1rem) 0;font-size:clamp(1rem,2vw,1.8rem)}.fm .row .q{color:var(--ink-dim);text-align:left}.fm .row .a{font-weight:600;text-align:left}.fm .row .p{font-variant-numeric:tabular-nums;color:var(--gold);min-width:3ch;text-align:right}.fm .row.blank .a:before{content:"—";color:var(--line)}.fm .total{margin-top:1.5rem;font-size:clamp(2rem,8vw,6rem);font-weight:900}.fm .total small{display:block;font-size:.22em;color:var(--ink-dim);letter-spacing:.2em}.fm .total.won{color:var(--ok)}
