/* T195b · Tony 6:06pm: flip-through (one screen at a time), ~15% smaller, tighter spacing, more contrast, 6TN Baseball / 6TN Softball. */
:root{--t-navy:#061838;--t-ink2:#1d2c45;--s-hh:76px;--fnav:64px}
html.flip,html.flip body.story{height:100%;overflow:hidden!important}
html.flip body.story{color:var(--t-navy)!important}
html.flip main{padding:0!important;height:calc(100svh - var(--s-hh) - var(--fnav) - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}
html.flip .ch{height:100%}
html.flip .ch:not(:has(.scr.cur)){display:none}
html.flip .scr{display:none!important;min-height:0!important;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px 12px!important}
html.flip .scr.cur{display:flex!important}
html.flip .scr>.in{margin:auto;zoom:.85}
html.flip .rail,html.flip .follow,html.flip .cue{display:none!important}
.scr.in-r{animation:fin-r .32s ease-out}.scr.in-l{animation:fin-l .32s ease-out}
@keyframes fin-r{from{opacity:.2;transform:translateX(40px)}}@keyframes fin-l{from{opacity:.2;transform:translateX(-40px)}}
@media (prefers-reduced-motion:reduce){.scr.in-r,.scr.in-l{animation:none}}
/* header: slimmer */
.top .in{height:var(--s-hh)!important}
.top .sc{width:120px!important}
/* flip nav */
.flipnav{position:fixed;z-index:65;left:0;right:0;bottom:0;height:calc(var(--fnav) + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));
  display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--t-navy);border-top:3px solid var(--s-gold);max-width:680px;margin:0 auto}
.flipnav button{width:72px!important;min-height:48px!important;padding:0!important;border-radius:12px!important;border:2px solid var(--s-gold)!important;background:var(--s-gold)!important;color:var(--t-navy)!important;font:900 20px/1 system-ui!important}
.flipnav button:disabled{opacity:.35}
.flipnav .fc{flex:1;text-align:center;color:#fff!important;font:700 18px/1 var(--s-D);letter-spacing:.12em}
/* more contrast */
.sub,.who,.gen i,.tl .row i,.kick,.ph .kick,.stats i,.grid4 i,.sheet a em,.pals figcaption{color:var(--t-ink2)!important}
.hl,.lbl,.quote,.huge,.yr,.tl .row b,.tl .row span,.stats b,.grid4 b,.gen b,.chtag span,.ceil div i,.rings em,.pin{color:var(--t-navy)!important}
.strike li{color:rgba(6,24,56,.62)!important}
.grid4 div,.plat,.links a,.sox{border-width:3px!important;border-color:var(--t-navy)!important}
.dots30 span{border-color:var(--t-navy)!important;border-width:2px}
.rings span{border-width:4px!important}
.wm{-webkit-text-stroke-color:rgba(6,24,56,.10)!important}
.scr.cream:not(.white){background:#f7f1e3!important}
.pals img{border-color:var(--t-navy)!important}
/* tighter spacing */
.chtag{margin:0 0 8px!important}
.hl{margin-top:4px!important}
.sub{margin-top:4px!important}
.huge{margin-bottom:4px!important}
.stats,.grid4{margin-top:10px!important}
.gen{margin-top:12px!important}.gen li{margin:0 0 12px!important}
.tl .row{margin:0 0 10px!important}.tl .row b{font-size:38px!important}
.eight8{margin:12px 0 6px!important;gap:10px!important}
.cases{margin:10px 0 4px!important}
.quote[style]{margin-top:12px!important}
.who{margin-top:8px!important}
.dots30{margin:12px 0 4px!important}
.ceil{margin-top:34px!important;height:200px!important}
.rings{margin-top:8px!important}
.plat{margin-top:12px!important}
.links{margin-top:12px!important;gap:8px!important}
.cover h1{margin-top:6px!important}.cover .badges{margin-top:6px!important}
.cover .pals,.pals{margin-top:8px!important}
.big{margin-top:12px!important}
.listen{margin-top:10px!important}
.ph .photo{margin-bottom:10px!important;max-width:300px!important}
.join .script{margin-top:0!important}
.foot{display:none}

/* Tony 6:09pm: version label, each version links to the other */
:root{--vbar:46px}
.vlabel{display:flex;align-items:center;justify-content:space-between;gap:8px;height:var(--vbar);padding:0 12px;max-width:680px;margin:0 auto;background:#fbf8f1;color:#061838;border-bottom:3px solid var(--s-gold);font:700 14px/1.15 Inter,system-ui,sans-serif}
.vlabel a{display:inline-flex;align-items:center;min-height:44px;color:#061838!important;font-weight:800;text-align:right}
html.flip main{height:calc(100svh - var(--vbar) - var(--s-hh) - var(--fnav) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
/* cover fits one screen; logos stay >= 120px rendered (zoom .85) */
.cover .script{width:250px!important;min-width:0!important}
.cover .badges img{width:150px!important}
.cover .pals img{width:84px!important}
.cover .bigball{display:none}
/* Grok 6:21: header chapter title must not be cut off; no white-on-white */
.top .now{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:14px!important;line-height:1.1!important;letter-spacing:.04em!important}
.top .in{gap:8px!important}
.dots30+.sub b,.sub b{color:var(--t-navy)!important}

/* standalone site: no version bar */
:root{--vbar:0px}