@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/newsreader-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"LF Nameplate";font-style:normal;font-weight:700;font-display:block;src:url(/fonts/oldstandard-bold-nameplate.woff2) format("woff2")}
:root{--paper:#f4f1e8;--ink:#111;--ink2:#34322d;--gray:#5f5b52;--rule:#b9b3a4;--rule2:#111;--chip:#e9e5d8;
--serif:"Newsreader",Georgia,"Times New Roman",serif;--np:"LF Nameplate","Old Standard TT","Newsreader",Georgia,serif}
@media (prefers-color-scheme:dark){:root{--paper:#121211;--ink:#efeadd;--ink2:#d2cdbf;--gray:#a39e92;--rule:#45423d;--rule2:#efeadd;--chip:#1f1e1b}}
html{font-size:17px}
@supports (font:-apple-system-body){html{font:-apple-system-body}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--paper);color:var(--ink)}
body{font-family:var(--serif);font-size:1.12rem;line-height:1.3;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + 12px) env(safe-area-inset-left);font-variant-numeric:lining-nums tabular-nums;-webkit-text-size-adjust:100%}
button,input{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
a{color:inherit}
[hidden]{display:none!important}
header.mast{padding:.3rem .75rem 0}
.top{display:flex;align-items:center}
.nameplate{flex:1;margin:0;text-align:center;font:700 1.75rem/1.05 var(--np);letter-spacing:.01em}
.hl{min-width:52px;min-height:52px;font-size:1.5rem;color:var(--ink)}
#menuBtn{text-align:right}
.rule2{border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2);height:5px;margin:.1rem 0 .25rem}
.dateline{text-align:center;font-size:.78rem;color:var(--ink2);padding-bottom:.3rem;border-bottom:1px solid var(--rule2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.06em}
.actions{padding:.75rem .75rem .3rem}
.big{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:64px;font:700 1.35rem/1 var(--serif);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);background:var(--ink);color:var(--paper)}
.big.alt{background:transparent;color:var(--ink)}
.big .pl{font-size:1.8rem;font-weight:400;line-height:0}
.big:active{background:var(--paper);color:var(--ink)}
.empty{padding:1.4rem 1rem 2rem;text-align:center}
.empty .arr{font-size:3.2rem;line-height:1}
.empty .t{font:700 2rem/1.15 var(--serif);margin-top:.3rem}
.empty .s{font-size:1.1rem;color:var(--ink2);margin-top:.5rem;font-style:italic}
#list{padding:.3rem .75rem 0}
.sporthd{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink2);margin:.8rem 0 .1rem;border-bottom:3px double var(--ink);padding-bottom:.2rem}
.card{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;border-bottom:1px solid var(--rule);padding:.7rem 0;min-height:76px}
.card .who{flex:1;min-width:0}
.card .pn{font:700 1.45rem/1.15 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .pm{font-size:.95rem;color:var(--ink2);margin-top:.15rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .pm b{color:var(--ink)}
.card .side{flex:none;min-width:5.6rem;text-align:right}
.card .pts{font:700 2.2rem/1 var(--serif)}
.card .ps{font-size:.75rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem}
.card .pts.quiet{font-weight:400;color:var(--gray);font-size:1.6rem}
.live{display:inline-block;background:var(--ink);color:var(--paper);font-weight:700;padding:0 .3rem;letter-spacing:.06em}
@keyframes flash{0%{background:var(--ink);color:var(--paper)}100%{background:transparent}}
.card.flash{animation:flash 1.6s ease-out}
@media (prefers-reduced-motion:reduce){.card.flash{animation:none;outline:3px solid var(--ink)}}
.foot{margin:1.6rem .9rem .5rem;text-align:center;font-size:.85rem;color:var(--ink2);border-top:1px solid var(--rule);padding-top:.7rem}
.foot p{margin:.25rem 0}
.foot.in{margin:1.2rem 0 0}
/* screens */
.screen{position:fixed;inset:0;z-index:50;background:var(--paper);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(env(safe-area-inset-top) + .5rem) calc(env(safe-area-inset-right) + .9rem) calc(env(safe-area-inset-bottom) + 1.2rem) calc(env(safe-area-inset-left) + .9rem)}
.sh{display:flex;align-items:center;gap:.6rem;border-bottom:3px double var(--ink);padding-bottom:.45rem;margin-bottom:.7rem}
.sh h2{flex:1;margin:0;font:700 1.7rem/1.1 var(--serif);min-width:0;overflow:hidden;text-overflow:ellipsis}
.done{min-height:54px;min-width:6.4rem;background:var(--ink);color:var(--paper);font-weight:700;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink)}
.seg3{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink);margin-bottom:.7rem}
.seg3 button{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-size:1.6rem;border-left:2px solid var(--ink)}
.seg3 button span{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.seg3 button:first-child{border-left:0}
.seg3 button.on{background:var(--ink);color:var(--paper)}
#q{width:100%;min-height:62px;border:2px solid var(--ink);border-radius:0;background:transparent;font-size:1.35rem;padding:0 .8rem;outline:none;-webkit-appearance:none}
#q::placeholder{color:var(--gray);font-style:italic}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.7rem}
.tile{position:relative;min-height:84px;border:2px solid var(--ink);text-align:left;padding:.5rem .6rem;display:flex;flex-direction:column;justify-content:center;gap:.15rem}
.tile .tn{font-weight:700;font-size:1.2rem;line-height:1.1}
.tile .tm{font-size:.82rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}
.tile.added{background:var(--ink);color:var(--paper)}
.tile.added .tm{color:var(--paper)}
.tiles .hd{grid-column:1/-1;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);margin-top:.3rem}
.tiles .msg{grid-column:1/-1;padding:1.2rem .5rem;text-align:center;font:700 1.5rem/1.2 var(--serif)}
.bottom{position:sticky;bottom:0;background:var(--paper);padding:.7rem 0 .2rem;margin-top:1rem}
/* player screen */
.pmeta{font-size:1.05rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}
.sline{font-size:1.12rem;margin:.5rem 0 .7rem;padding:.5rem .6rem;background:var(--chip)}
.tbl{width:100%;border-top:2px solid var(--ink)}
.tbl .th{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);padding:.35rem .2rem;border-bottom:1px solid var(--ink)}
.row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;min-height:62px;padding:.3rem .2rem;border-bottom:1px solid var(--rule);text-align:left}
.row .st{font-weight:700;font-size:1.3rem}
.row .st small{display:block;font-weight:400;font-size:.85rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}
.row .pv{font:700 1.8rem/1 var(--serif);display:flex;align-items:center;gap:.4rem}
.row .pv i{font-style:normal;font-size:1.2rem;color:var(--gray)}
.row .pv .na{font-size:1rem;font-weight:400;font-style:italic;color:var(--gray)}
.row.mine{background:var(--chip)}
.hint{font-size:1rem;color:var(--ink2);font-style:italic;margin:.6rem 0}
.total{font:700 3.4rem/1 var(--serif);text-align:center;margin:.4rem 0 .1rem}
.total small{display:block;font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);margin-top:.3rem}
.ln{display:flex;justify-content:space-between;gap:.6rem;padding:.55rem .1rem;border-bottom:1px solid var(--rule);font-size:1.15rem}
.ln b{white-space:nowrap}
.ln .q{color:var(--ink2)}
.grp{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);margin:.8rem 0 .1rem}
.nt{font-size:.98rem;color:var(--ink2);font-style:italic;margin:.6rem 0}
.srcl{font-size:.92rem;color:var(--ink2);word-break:break-all;margin:.2rem 0 .7rem}
/* menu */
.lbl{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink2);margin:1rem 0 .3rem;border-bottom:1px solid var(--rule)}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.choices button{min-height:58px;border:2px solid var(--ink);font-weight:700;font-size:1.05rem}
.choices button.on{background:var(--ink);color:var(--paper)}
.mi{display:flex;align-items:center;width:100%;min-height:56px;font-size:1.15rem;text-align:left;text-decoration:none;border-bottom:1px solid var(--rule)}
.mi.wipe{font-weight:700}
.sw{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;font-size:1.15rem;border-bottom:1px solid var(--rule)}
.sw .k{min-width:4rem;padding:.35rem .5rem;border:2px solid var(--ink);font-weight:700;font-size:.9rem;text-align:center}
.sw[aria-checked="true"] .k{background:var(--ink);color:var(--paper)}
.note2{font-size:.95rem;color:var(--ink2);font-style:italic;margin:.3rem 0}
/* toast */
#toast{position:fixed;left:.75rem;right:.75rem;bottom:calc(env(safe-area-inset-bottom) + .8rem);z-index:80;display:flex;align-items:center;gap:.6rem;background:var(--ink);color:var(--paper);padding:.5rem .5rem .5rem .9rem;font-size:1.15rem;transform:translateY(160%);transition:transform .2s}
#toast.on{transform:none}
#toast span{flex:1}
#toastBtn{min-height:52px;min-width:5.5rem;border:2px solid var(--paper);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.rmwrap{margin:1.4rem 0 .4rem}