/* OWS Edge Game Tools, v2 (ows_edge_tools_v2). Loaded after edge-tools.css, only with v2.
   The look is docs/TOOLS-DESIGN-GUIDE.md Part 2 (the Toolkit's tokens, set on .oegt in
   edge-tools.css): orange and shades of orange for "more", grey for "less", never green or
   blue; tabs black when active, options orange; sharp corners; tables never scroll sideways. */
.oegt[data-v="2"]{--hl:rgba(255,122,0,.12);}

/* Eight tabs on ONE line from ~1280 px (the hub's card is ~720 px wide there): a touch tighter
   than v1, since "Checking the Boxes" is longer than "QB DROE". A phone still wraps. */
/* Measured at 1280 (717 px bar): 11 px, 4 px sides = 660 px; 711 px with both locks. */
.oegt[data-v="2"] .oegt-tabs button,.oegt[data-v="2"] .oegt-tabs>span{padding:10px 4px 9px;font-size:11px;letter-spacing:0;}
.oegt[data-v="2"] .oegt-tabs{justify-content:space-between;}
.oegt[data-v="2"] .oegt-lock{margin-left:2px;font-size:9px;}

/* the line under the tabs, then the fold, then the controls */
.oegt[data-v="2"] .oegt-what{margin:0 0 8px!important;}

/* "How this works": the one closed fold (guide, Part 2 "Fold-outs"): a dark-orange line in
   sentence case, a thin card when open, the two closing lines under a rule. */
.oegt-how{margin:0 0 12px;border:1px solid var(--line);border-left:3px solid var(--orange);background:rgba(255,255,255,.45);}
.oegt-how>summary{display:block;padding:7px 11px;cursor:pointer;list-style:none;font:700 14px/1.3 var(--sans);color:var(--orange-dark);text-transform:none;letter-spacing:0;}
.oegt-how>summary::-webkit-details-marker{display:none;}
.oegt-how>summary::before{content:"+";display:inline-block;width:14px;font:400 15px/1 var(--display);}
.oegt-how[open]>summary::before{content:"\2212";}
.oegt-how>summary:hover{color:var(--ink);}
.oegt-how-b{padding:0 12px 10px;font:400 14px/1.45 var(--sans);color:var(--ink);}
.oegt-how-b ul{margin:0!important;padding:0 0 0 18px!important;max-width:74ch;}
.oegt-how-b li{margin:0 0 4px!important;}
.oegt-how-b ul.oegt-how-end{margin:10px 0 0!important;padding:8px 0 0 18px!important;border-top:1px solid var(--line);color:var(--muted);}
.oegt-how-tell{appearance:none;background:none;border:0;padding:0;margin:0;font:700 14px/1.45 var(--sans);color:var(--orange-dark);cursor:pointer;text-decoration:underline;}

/* option chips that wrap (the Props tab's props) */
.oegt-chips .oegt-seg{display:flex;flex-wrap:wrap;border:0;overflow:visible;gap:6px;}
.oegt-chips .oegt-seg button,.oegt-chips .oegt-seg button+button{border:1.5px solid var(--ink);border-radius:4px;padding:5px 10px;font-size:13.5px;}

/* every name that opens the Player Card */
.oegt-pc{cursor:pointer;text-decoration:underline dotted rgba(22,19,15,.35);text-underline-offset:3px;}
.oegt-pc:hover,.oegt-pc:focus-visible{color:var(--orange-dark);text-decoration-color:currentColor;outline:none;}

/* "more" and "less" in plain tables: orange text and grey, never green or red */
.oegt[data-v="2"] .oegt-t td.is-up{color:var(--orange-dark);font-weight:700;}
.oegt[data-v="2"] .oegt-t td.is-dn{color:var(--ink3);}
.oegt-out{margin:10px 0 0!important;font:400 13px/1.45 var(--sans);color:var(--muted);}

/* two lists side by side (Matchups' two offenses), one under the other on a phone */
.oegt-two{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 18px;}
@container (min-width:600px){.oegt-two{grid-template-columns:repeat(2,minmax(0,1fr));}}
.oegt-two .oegt-col{min-width:0;}

/* The top-10 board's rows (Matchups Overview): rank, short bold name, the number shaded */
.oegt-rkn .oegt-rk{float:left;min-width:14px;margin:1px 7px 0 0;font:700 13px/1.25 var(--sans);color:var(--ink3);text-align:right;}
.oegt-rkn>b,.oegt-rkn>small{overflow:hidden;}
.oegt-t td.oegt-g{text-align:left;white-space:nowrap;}
.oegt-g b{display:block;font:700 14px/1.25 var(--sans);}
.oegt-g small{display:block;}
.oegt-log-all{display:inline-block;margin:6px 0 0;padding:0;}
.oegt-t td.oegt-mx{text-align:center;min-width:64px;}
.oegt-t tbody tr td.oegt-mx{background-clip:padding-box;}
.oegt-mx b{display:block;font:800 15px/1.2 var(--sans);}
.oegt-mx small,.oegt-t td small{display:block;}
.oegt-t tbody tr:nth-child(n) td.oegt-mx[style],.oegt-t tbody tr:nth-child(n) td.oegt-own[style]{background-image:none;}

/* Stacks: the stack row, its "Every game" switch, and the games under it */
.oegt-stk-names b{display:inline!important;}
.oegt-stk-names i{font-style:normal;color:var(--ink3);font-weight:700;}
.oegt-stk-row{cursor:pointer;}
.oegt-stk-row.is-open td{background:var(--hit)!important;}
.oegt-stk-tog{appearance:none;background:none;border:0;padding:0 0 0 6px;margin:0;font:700 12px/1.3 var(--sans);color:var(--orange-dark);cursor:pointer;white-space:nowrap;}
.oegt-t tr.oegt-sub-row>td{padding:10px 8px 14px!important;background:#fffdfb!important;white-space:normal;text-align:left;}
.oegt-gs{margin:0 0 10px;}
.oegt-gs-h{margin:0 0 6px!important;font:800 15px/1.3 var(--sans);color:var(--ink);}
.oegt-gs-h small{display:inline!important;font:400 13px/1.3 var(--sans)!important;color:var(--muted)!important;margin-left:4px;}
.oegt-bars{position:relative;display:flex;align-items:flex-end;gap:3px;height:96px;padding-top:5px;border-bottom:1px solid var(--rule-2,rgba(22,19,15,.22));}
.oegt-bar{appearance:none;flex:1 1 0;min-width:1px;max-width:18px;height:var(--h,0);padding:0;margin:0;border:1px solid var(--orange);border-radius:0;cursor:pointer;background:var(--orange);}
.oegt-bar.is-some{background:#fdd0a6;background:color-mix(in srgb,var(--orange) 32%,#fbf9f6);}
.oegt-bar.is-none{background:#ebe7e1;background:color-mix(in srgb,var(--ink) 8%,#fbf9f6);border-color:rgba(22,19,15,.22);}
.oegt-bar.is-picked{outline:2px solid var(--ink);outline-offset:1px;}
.oegt-bar:hover,.oegt-bar:focus-visible{outline:2px solid var(--orange);outline-offset:1px;}
.oegt-bars-avg{position:absolute;left:0;right:0;border-top:2px dashed var(--ink);pointer-events:none;}
.oegt-gs-key{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 4px!important;font:400 12.5px/1.4 var(--sans);color:var(--muted);}
.oegt-gs-key span{display:inline-flex;align-items:center;gap:5px;}
.oegt-gs-key .oegt-bar{display:inline-block;width:11px;height:11px;flex:none;cursor:default;}
.oegt-gs-avgkey{display:inline-block;width:16px;border-top:2px dashed var(--ink);}
.oegt-gs-line{margin:4px 0 0!important;font:400 13.5px/1.45 var(--sans);}
.oegt-log td{white-space:nowrap;}
.oegt-log thead th{cursor:default;}

/* Props */
.oegt-pb-row{cursor:pointer;}
.oegt-pb-row.is-open td{background:var(--hit)!important;}
.oegt-pb-tog{color:var(--orange-dark);font-weight:700;white-space:nowrap;}
.oegt-t td.oegt-best b{display:inline;font-weight:800;}
.oegt-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 14px;font:400 13px/1.45 var(--sans);}
.oegt-books span{display:block;}
.oegt-books b{display:block;font-weight:700;}
.oegt-books span{white-space:nowrap;}

/* Checking the Boxes: one block a player, the five boxes in a row (stacked on a phone) */
.oegt-cb-key{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 10px!important;font:400 12.5px/1.4 var(--sans);color:var(--muted);}
.oegt-cb-key span{display:inline-flex;align-items:center;gap:5px;}
.oegt-cb-sq{display:inline-block;width:12px;height:12px;border:1px solid rgba(22,19,15,.22);}
.oegt-cb-sq.is-full{background:var(--orange);border-color:var(--orange);}
.oegt-cb-sq.is-half{background:#fdd0a6;border-color:var(--orange);}
.oegt-cb-sq.is-none{background:#f3efe8;}
.oegt-cb-sq.is-lock{background:repeating-linear-gradient(45deg,#f3efe8 0 3px,#e4ded5 3px 6px);}
.oegt-cb{display:grid;gap:10px;}
.oegt-cb-p{border-top:1px solid var(--line);padding:10px 0 0;}
.oegt-cb-head{display:flex;align-items:flex-start;gap:10px;margin:0 0 6px;}
.oegt-cb-who{flex:1 1 auto;min-width:0;}
.oegt-cb-who b{font:700 15px/1.25 var(--sans);}
.oegt-cb-who small{display:block;font:500 12px/1.35 var(--sans);color:var(--ink3);}
.oegt-cb-adj{margin:3px 0 0!important;font:400 12.5px/1.4 var(--sans);color:var(--muted);}
.oegt-cb-sc{flex:none;min-width:58px;padding:5px 8px;text-align:center;border:1px solid var(--line);}
.oegt-cb-sc b{display:block;font:400 20px/1.1 var(--display);}
.oegt-cb-sc small{display:block;font:700 10px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.oegt-cb-cells{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;}
@container (min-width:300px){.oegt-cb-cells{grid-template-columns:repeat(2,minmax(0,1fr));}}
@container (min-width:640px){.oegt-cb-cells{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}}
.oegt-cb-cell{position:relative;padding:6px 8px 7px;border:1px solid var(--line);background:#fffdfb;font:400 13px/1.35 var(--sans);min-width:0;}
.oegt-cb-cell.is-full{background:rgba(255,122,0,.14);border-color:rgba(255,122,0,.55);}
.oegt-cb-cell.is-elite{background:rgba(255,122,0,.26);}
.oegt-cb-cell.is-half{background:rgba(255,122,0,.06);border-color:rgba(255,122,0,.35);}
.oegt-cb-cell.is-none{background:#f8f5f0;}
.oegt-cb-cell.is-lock{background:repeating-linear-gradient(45deg,#f8f5f0 0 4px,#efeae2 4px 8px);}
.oegt-cb-l{display:block;padding-right:26px;font:700 11px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);}
.oegt-cb-mark{position:absolute;top:5px;right:7px;font:800 13px/1 var(--sans);color:var(--orange-dark);}
.oegt-cb-mark.is-empty{width:11px;height:11px;border:1.5px solid rgba(22,19,15,.25);}
.oegt-cb-main{display:block;margin:2px 0 0;}
.oegt-kv{display:block;}
.oegt-kv b{font-weight:800;}
.oegt-kv i{font-style:normal;color:var(--muted);}
.oegt-cb-why,.oegt-cb-note{display:block;margin-top:3px;font:400 12px/1.35 var(--sans);color:var(--muted);}

/* Leverage & Pivots: "Instead of" line, then three lists */
.oegt-anchor{margin:0 0 12px!important;padding:7px 10px;border-left:3px solid var(--orange);background:rgba(255,122,0,.06);font:400 14px/1.45 var(--sans);}
.oegt-anchor b{font-weight:700;}
.oegt-anchor-own{display:inline-block;margin-left:8px;white-space:nowrap;}
.oegt-anchor-own b{font:400 18px/1 var(--display);}
.oegt[data-v="2"] .oegt-lev{grid-template-columns:minmax(0,1fr);}
@container (min-width:620px){.oegt[data-v="2"] .oegt-lev{grid-template-columns:repeat(3,minmax(0,1fr));}}
.oegt-lv td.oegt-n small{white-space:normal;}
.oegt-nw{white-space:nowrap;}
.oegt[data-v="2"] .oegt-pick{max-width:100%;min-width:0;}
.oegt[data-v="2"] .oegt-pick select{min-width:0;flex:1 1 auto;width:100%;}
.oegt[data-v="2"] .oegt-ctl{max-width:100%;}
.oegt-t td.oegt-own{text-align:center;min-width:58px;}
.oegt-own b{display:block;font-weight:800;}

/* the Player Card's host: nothing of its own on the page; its pop-up covers the screen */
html body #ows-stacks.oegt-pchost.oegt-pchost{position:fixed!important;top:0!important;left:0!important;width:0!important;height:0!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;contain:none!important;container-type:normal!important;transform:none!important;filter:none!important;z-index:100000!important;}

/* phone-narrow card */
@container (max-width:560px){
  .oegt-books{grid-template-columns:minmax(0,1fr);}
  .oegt-bars{height:80px;gap:2px;}
  .oegt-t td.oegt-mx{min-width:52px;}
}
@media(max-width:600px){
  .oegt[data-v="2"] .oegt-tabs{justify-content:flex-start;}
  .oegt[data-v="2"] .oegt-tabs button,.oegt[data-v="2"] .oegt-tabs>span{padding:9px 7px 8px;font-size:11.5px;}
  .oegt-how>summary{font-size:13.5px;}
}