@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:"LW 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:"LW Nameplate","Old Standard TT","Newsreader",Georgia,serif;
--agate:ui-monospace,"SF Mono","Roboto Mono",Menlo,Consolas,"Liberation Mono","Courier New",monospace}
@media (prefers-color-scheme:dark){html[data-ed="auto"]{--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.06rem;line-height:1.3;min-height:100vh;max-width:760px;margin:0 auto;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%}
a{color:inherit}
button,input{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
[hidden]{display:none!important}
main{padding:0 .75rem;outline:none}
header.mast{padding:.4rem .75rem 0;text-align:center}
.nameplate{display:block;font:700 2.15rem/1.05 var(--np);text-decoration:none;letter-spacing:.01em}
.rule2{border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2);height:5px;margin:.15rem 0 .25rem}
.dateline{font-size:.72rem;color:var(--ink2);padding-bottom:.3rem;border-bottom:1px solid var(--rule2);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loading,.none{padding:1.4rem .2rem;text-align:center;font-style:italic;color:var(--gray);font-size:1.15rem}
.none .t{font:700 1.5rem/1.2 var(--serif);font-style:normal;color:var(--ink);display:block;margin-bottom:.3rem}
h1.hed{font:700 1.9rem/1.1 var(--serif);margin:.7rem 0 .15rem;text-align:center}
.dek{text-align:center;font-style:italic;color:var(--ink2);margin:0 0 .5rem;font-size:1rem}
h2.sec{font:700 .9rem/1 var(--serif);text-transform:uppercase;letter-spacing:.14em;margin:1.1rem 0 .35rem;padding:.35rem 0 .3rem;border-top:3px double var(--rule2);border-bottom:1px solid var(--rule2);text-align:center}
.back{display:inline-flex;align-items:center;min-height:48px;font-size:1.06rem;text-decoration:underline;text-underline-offset:3px;color:var(--ink2)}
/* big buttons */
.big{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:60px;font:700 1.2rem/1.1 var(--serif);letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;text-align:center;padding:.3rem .5rem}
.big.alt{background:transparent;color:var(--ink)}
.big:active{opacity:.75}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.grid .big{flex-direction:column;gap:0;min-height:68px;font-size:1.08rem;letter-spacing:.04em}
.grid .big small{display:block;font:400 .72rem/1 var(--serif);letter-spacing:.06em;margin-top:.2rem;opacity:.85}
.row2{display:flex;gap:.55rem;margin:.5rem 0}
.row2 > *{flex:1}
/* search */
form.find{display:flex;gap:.5rem;margin:.8rem 0 .2rem}
form.find input{flex:1;min-width:0;min-height:58px;padding:0 .8rem;font-size:1.2rem;border:2px solid var(--ink);background:var(--paper);border-radius:0;-webkit-appearance:none}
form.find button{min-height:58px;padding:0 1rem;font-weight:700;font-size:1.1rem;letter-spacing:.06em;background:var(--ink);color:var(--paper);border:2px solid var(--ink)}
/* lists */
.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule2)}
.list li{border-bottom:1px solid var(--rule);display:flex;align-items:center}
.list a.it{flex:1;display:block;min-height:60px;padding:.55rem .1rem;text-decoration:none}
.it .n{display:block;font-weight:700;font-size:1.25rem;line-height:1.15}
.it .m{display:block;font-size:.95rem;color:var(--ink2);margin-top:.1rem}
.it .ln{display:block;font:500 .92rem/1.3 var(--agate);margin-top:.15rem;color:var(--ink)}
.list .x{min-width:52px;min-height:52px;font-size:1.5rem;color:var(--gray)}
/* games */
.game{display:block;text-decoration:none;border-bottom:1px solid var(--rule);padding:.55rem .1rem;min-height:64px}
.games{border-top:1px solid var(--rule2)}
.game .tr{display:flex;align-items:baseline;gap:.5rem;line-height:1.25}
.game .ab{font-weight:700;font-size:1.2rem;min-width:3.2em}
.game .nm{flex:1;min-width:0;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game .sc{font-weight:700;font-size:1.3rem;min-width:2ch;text-align:right}
.game .lose{color:var(--gray);font-weight:400}
.game .st{font-size:.85rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem}
.live{display:inline-block;background:var(--ink);color:var(--paper);padding:0 .35em;font-weight:700;letter-spacing:.08em}
.daynav{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin:.2rem 0 .4rem}
.daynav a{min-height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;font-size:1.06rem;font-weight:700;text-decoration:none;border:1px solid var(--ink);padding:0 .7rem}
.daynav .d{flex:1;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}
/* agate tables */
.box{margin:.35rem 0 .6rem}
.box h3{font:700 1.1rem/1.2 var(--serif);margin:.8rem 0 .15rem;border-bottom:1px solid var(--rule2);padding-bottom:.15rem}
.box h3 small{font:400 .82rem var(--serif);font-style:italic;color:var(--ink2);margin-left:.3rem}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.ag{border-collapse:collapse;font:400 .95rem/1.35 var(--agate);width:100%;white-space:nowrap}
table.ag th{font-weight:700;text-align:right;padding:.12rem .4rem;border-bottom:1px solid var(--rule2);font-size:.82rem}
table.ag td{text-align:right;padding:.2rem .4rem;border-bottom:1px dotted var(--rule)}
table.ag th:first-child,table.ag td:first-child{text-align:left;position:sticky;left:0;background:var(--paper);padding-left:0;max-width:52vw;overflow:hidden;text-overflow:ellipsis}
table.ag tr.tap td{cursor:pointer}
table.ag tr.tap td:first-child{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
table.ag tr.tap:active td{background:var(--chip)}
table.ag tr.tot td{font-weight:700;border-top:1px solid var(--rule2);border-bottom:0}
table.ag tr.sub td:first-child{padding-left:.8em}
table.ag tr.me td{background:var(--chip);font-weight:700}
table.ag .pos{color:var(--gray);font-size:.82em}
table.ag td.l,table.ag th.l{text-align:left}
.line{font:400 .95rem/1.35 var(--agate)}
.info{font-size:.88rem;color:var(--ink2);font-style:italic;margin:.4rem 0}
/* score head */
.score{text-align:center;margin:.6rem 0 .2rem}
.score .big2{font:700 1.75rem/1.15 var(--serif)}
.score .st{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);margin-top:.2rem}
/* player */
.who{text-align:center;margin:.7rem 0 .3rem}
.who .n{font:700 2.1rem/1.08 var(--serif)}
.who .m{font-size:1.06rem;color:var(--ink2);margin-top:.2rem}
.who .b{font-size:.88rem;color:var(--gray);margin-top:.15rem}
.save{margin:.6rem 0}
.save.on{background:transparent;color:var(--ink)}
.today{border:2px solid var(--ink);padding:.5rem .6rem;margin:.5rem 0}
.today .h{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.88rem;margin-bottom:.2rem}
.today .g{font-size:1rem;margin-bottom:.3rem}
/* leaders */
.lead{margin:0 0 .4rem}
.lead h3{font:700 1rem/1.2 var(--serif);text-transform:uppercase;letter-spacing:.1em;margin:.9rem 0 .2rem;border-bottom:1px solid var(--rule2);padding-bottom:.15rem}
.lead ol{list-style:none;margin:0;padding:0;font:400 1rem/1.3 var(--agate)}
.lead li a{display:flex;align-items:baseline;gap:.4rem;min-height:44px;padding:.35rem 0;text-decoration:none;border-bottom:1px dotted var(--rule)}
.lead .k{min-width:1.6em;color:var(--gray)}
.lead .p{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead .t{color:var(--gray);font-size:.85em}
.lead .v{font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .4rem}
.chips a{min-height:44px;display:inline-flex;align-items:center;padding:0 .75rem;border:1px solid var(--ink);text-decoration:none;font-size:.95rem}
/* toast (undo) */
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 14px);display:flex;align-items:center;gap:1rem;background:var(--ink);color:var(--paper);padding:.5rem .6rem .5rem 1rem;font-size:1.06rem;max-width:calc(100% - 24px);z-index:9;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.toast button{min-height:48px;padding:0 .9rem;border:2px solid var(--paper);font-weight:700;letter-spacing:.08em;color:var(--paper)}
/* footer */
.foot{margin:2rem .75rem 0;padding-top:.6rem;border-top:3px double var(--rule2);text-align:center;font-size:.88rem;color:var(--ink2)}
.foot p{margin:.3rem 0}
.foot .watch{font-style:italic;font-size:.95rem;color:var(--ink)}
.foot .small{font-size:.76rem;color:var(--gray)}
.foot a{min-height:44px;display:inline-block;padding:.6rem .15rem}
/* crawlable intro (server-rendered, outside #main so the app never replaces it) */
.intro{max-width:40rem;margin:1.6rem auto 0;padding:.8rem .9rem 0;border-top:1px solid var(--rule,#b9b3a4);text-align:center}
.intro h1{font-size:1.05rem;line-height:1.3;margin:0 0 .4rem;font-weight:700}
.intro p{font-size:.88rem;line-height:1.45;margin:.3rem 0;opacity:.85}
