/* layout.css (2026-10-18 PM): layout fixes + compact mode for ~550px next to the desktop side panel */
.fshell{grid-template-columns:286px minmax(0,1fr)}.fshell>*,.main2>*,.stage>*{min-width:0}
@media (max-width:1180px){.main2>.side{grid-column:1;grid-row:2}.main2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.fshell{grid-template-columns:minmax(0,1fr)}}
/* field explainer note -> ⓘ tooltip */
#fnote.finfo{font-size:0!important;flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font:700 13px/1 Inter,system-ui;cursor:help;color:var(--mut,#8b96a5);border:1px solid currentColor;white-space:nowrap;position:relative}
#fnote.finfo>*{display:none}#fnote.finfo::before{content:"i";font-size:13px;font-style:italic;font-family:Georgia,serif}
#fnote.finfo:hover::after,#fnote.finfo:focus::after{content:attr(data-tip);position:absolute;top:28px;left:0;z-index:30;width:min(360px,80vw);white-space:normal;background:#111722;color:#e6edf3;border:1px solid #2b3442;border-radius:6px;padding:8px 10px;font:500 11.5px/1.45 Inter,system-ui;box-shadow:0 8px 24px #0008;text-align:left}
.ftools{flex-wrap:wrap;row-gap:6px}
/* win-probability: big label above, axis labels outside the plot so they never collide */
#fwp .wpbig{position:static;margin-bottom:8px}#fwp .wpsvg{overflow:visible}
/* one RECONSTRUCTED badge: in 3D the 3D tag carries it */
#ffield.is3d .rbadge{display:none!important}
/* compact (<=760px, or forced) */
body.compact .tbar{flex-wrap:wrap;gap:6px;padding:6px 10px}body.compact .tbar .sub{display:none}body.compact .tb-search{flex:1;min-width:120px}
body.compact #fshell{gap:10px;margin:0;padding:0 6px}body.compact .rail{position:static;max-height:none}body.compact .rail .cards{flex-direction:row;overflow-x:auto;overflow-y:hidden}body.compact .rail .gc{min-width:190px;flex:0 0 190px}
body.compact .stage{padding:0}body.compact .scorebug{grid-template-columns:6px minmax(0,1fr) auto auto auto minmax(0,1fr) 6px!important;gap:6px;padding:8px 6px}body.compact .scorebug .team img{width:30px;height:30px}
body.compact .scorebug .team .rec,body.compact .scorebug .lgtag{display:none}body.compact .scorebug .big{font-size:30px}body.compact .scorebug .mid{min-width:0;max-width:150px}body.compact .scorebug .tn{font-size:17px}
body.compact .btabs .lab{display:none}body.compact .btabs button{padding:8px 9px;font-size:12px}
body.compact .ftools .mseg button{padding:4px 6px;font-size:11px}body.compact .ftools .pill{font-size:11px}
body.compact .rbadge{transform:scale(.82);transform-origin:right bottom}body.compact .rtools{transform:scale(.85);transform-origin:right top}body.compact .rhud{display:none!important}
body.compact .ngsleg{font-size:11px;gap:6px}body.compact .grid3{grid-template-columns:minmax(0,1fr)!important}
body.compact .card{padding:10px}body.compact .drives{overflow-x:auto}
#fwp .wpl{display:none}#fwp .wpax{font:700 11px Inter,system-ui;color:var(--mut,#8b96a5);letter-spacing:var(--gc-track-label,.06em);margin:2px 0}
.ftools{position:relative;z-index:20}
body.compact #fnote.finfo::after{left:-140px;width:min(330px,calc(100vw - 30px))}