/* The results window (Chris, 25 Oct 2026: "a better results Window for each reveal ... the same for every operator - within
   the reveal window"; the first mockup is design/results-window/). Its own file, loaded after every look (partials/look-styles)
   - Ruby's candy and each template alike - because it is the platform's, not the operator's: none of it reads a look's tokens,
   and look-layout.py, which copies site.css's layout into the templates without its colours, never sees it.
   Its LAYOUT is the same for every operator; its COLOURS are that operator's reveal colours (Chris, 10 Nov 2026: CompSup's navy
   and blue "may completely stand out amongst operators with vastly differing colour schemes"): the --std-* properties the host
   sets on a standard reveal's section, or the window's own style attribute on a line no host dresses (Theme::windowStyle - an
   Instant Reveal, one of Ruby's games), each falling back to the neutral theme's. The backdrop may be light or dark and its ink
   is pure black or white (Colour::ink), so: every word is the full ink, nothing tinted lies under a word, lines are the ink
   thinned, and gold - a win's colour - is only ever a FILL under black words or a bar, never the colour of a word. The main
   button is the operator's card colour. Nothing here is CompSup's palette (RevealResultsWindowTest).
   It takes the game's place in the reveal's box, at least as tall as the game was (host.js end() and reveal-page.js set its
   min-height), grows with its prizes up to 70% of the screen and then scrolls only the list. Markup: partials/std-reveal-results. */
:is(.st-std,.st-linecard) .st-rw{--rw-bg:var(--std-backdrop,#11151c);--rw-ink:var(--std-on-backdrop,#ffffff);--rw-go:var(--std-card,#2b3445);--rw-on-go:var(--std-on-card,#ffffff);
  --rw-gold:#FFC83D;--rw-line:rgba(128,128,128,.5);
  width:100%;max-width:640px;max-height:70vh;max-height:70svh;margin:0 auto;border:1px solid var(--rw-line);border-radius:14px;overflow:hidden;color:var(--rw-ink);text-align:left;
  font:500 15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--rw-bg)}
@supports (color:color-mix(in srgb,red,blue)){:is(.st-std,.st-linecard) .st-rw{--rw-line:color-mix(in srgb,var(--rw-ink) 24%,transparent)}}
:is(.st-std,.st-linecard) .st-rw:not([hidden]){display:flex;flex-direction:column}
:is(.st-std,.st-linecard) .st-rw p{margin:0;color:var(--rw-ink)}
:is(.st-std,.st-linecard) .st-rw .st-rw__head{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--rw-line)}
:is(.st-std,.st-linecard) .st-rw .st-rw__mark{flex:0 0 22px;width:22px;height:22px}
:is(.st-std,.st-linecard) .st-rw .st-rw__title{margin:0;font:800 16px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.01em;color:var(--rw-ink);text-transform:none}
:is(.st-std,.st-linecard) .st-rw .st-rw__title:focus-visible{outline:2px solid var(--rw-ink);outline-offset:3px;box-shadow:none}
:is(.st-std,.st-linecard) .st-rw .st-rw__tickets{margin-left:auto;padding:6px 10px;border:1px solid var(--rw-line);border-radius:99px;font:600 12px/1 system-ui,sans-serif;color:var(--rw-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
:is(.st-std,.st-linecard) .st-rw .st-rw__hero{padding:16px 16px 6px;text-align:center}
:is(.st-std,.st-linecard) .st-rw .st-rw__count{font:800 26px/1.15 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--rw-ink)}
:is(.st-std,.st-linecard) .st-rw .st-rw__totals{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 4px}
:is(.st-std,.st-linecard) .st-rw .st-rw__tot{min-width:120px;padding:10px 14px;border:1px solid var(--rw-line);border-radius:12px;text-align:left}
:is(.st-std,.st-linecard) .st-rw .st-rw__tot span{display:block;font:600 11px/1.2 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--rw-ink)}
:is(.st-std,.st-linecard) .st-rw .st-rw__tot strong{display:block;font:800 22px/1.15 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-variant-numeric:tabular-nums;color:var(--rw-ink)}
:is(.st-std,.st-linecard) .st-rw .st-rw__tot--cash{border-color:var(--rw-gold);box-shadow:inset 0 4px 0 var(--rw-gold);padding-top:13px}
:is(.st-std,.st-linecard) .st-rw .st-rw__list{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0;padding:4px 14px 18px;list-style:none;
  -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent)}
:is(.st-std,.st-linecard) .st-rw .st-rw__prize{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0;padding:10px 4px 10px 10px;border-bottom:1px solid var(--rw-line);color:var(--rw-ink)}
:is(.st-std,.st-linecard) .st-rw .st-rw__prize:last-child{border-bottom:0}
:is(.st-std,.st-linecard) .st-rw .st-rw__prize:first-child{box-shadow:inset 4px 0 0 var(--rw-gold)}
:is(.st-std,.st-linecard) .st-rw .st-rw__pic{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;object-fit:cover;color:#ffffff;font:800 13px/1 system-ui,sans-serif;overflow:hidden}
:is(.st-std,.st-linecard) .st-rw .st-rw__pic--cash{background:linear-gradient(135deg,#2bb673,#0f7a47)}
:is(.st-std,.st-linecard) .st-rw .st-rw__pic--credit{background:var(--rw-ink);color:var(--rw-bg)}
:is(.st-std,.st-linecard) .st-rw .st-rw__pic--item{background:linear-gradient(135deg,#e2a23b,#a35d10)}
:is(.st-std,.st-linecard) .st-rw .st-rw__what{display:grid;gap:2px;min-width:0}
:is(.st-std,.st-linecard) .st-rw .st-rw__name{font:700 15px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere}
:is(.st-std,.st-linecard) .st-rw .st-rw__tix{font:500 12px/1.3 system-ui,sans-serif;color:var(--rw-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
:is(.st-std,.st-linecard) .st-rw .st-std__link{display:block;font:600 12px/1.3 system-ui,sans-serif;color:var(--rw-ink)}
:is(.st-std,.st-linecard) .st-rw .st-std__link a{color:var(--rw-ink);text-decoration:underline}
:is(.st-std,.st-linecard) .st-rw .st-rw__right{display:grid;justify-items:end;gap:4px;text-align:right}
:is(.st-std,.st-linecard) .st-rw .st-rw__n{padding:4px 8px;border:1px solid var(--rw-line);border-radius:99px;font:700 12px/1 system-ui,sans-serif;white-space:nowrap}
:is(.st-std,.st-linecard) .st-rw .st-rw__val{padding:5px 8px;border-radius:99px;background:var(--rw-gold);color:#000;font:800 14px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
:is(.st-std,.st-linecard) .st-rw .st-rw__prize--credit .st-rw__val{padding:4px 7px;border:1px solid var(--rw-ink);background:transparent;color:var(--rw-ink)}
:is(.st-std,.st-linecard) .st-rw .st-rw__none{flex:1 1 auto;display:grid;place-content:center;gap:10px;padding:22px;text-align:center}
:is(.st-std,.st-linecard) .st-rw .st-rw__none-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto;border:1px solid var(--rw-line);border-radius:16px;color:var(--rw-ink)}
:is(.st-std,.st-linecard) .st-rw .st-rw__none-head{font:800 20px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
:is(.st-std,.st-linecard) .st-rw .st-rw__draw{padding:10px 12px;border:1px solid var(--rw-line);border-radius:12px;font-weight:600}
:is(.st-std,.st-linecard) .st-rw .st-rw__foot{display:flex;gap:8px;padding:12px 14px 14px;border-top:1px solid var(--rw-line)}
:is(.st-std,.st-linecard) .st-rw .st-rw__foot:not(:has(>:not([hidden]))){display:none}   /* nothing to offer: no empty strip */
:is(.st-std,.st-linecard) .st-rw .st-rw__foot>*{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;margin:0;padding:0 12px;border-radius:12px;
  font:700 15px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center;text-decoration:none;cursor:pointer;box-shadow:none}
:is(.st-std,.st-linecard) .st-rw .st-rw__foot>[hidden]{display:none}
:is(.st-std,.st-linecard) .st-rw .st-rw__foot [data-std-act]{border:1.5px solid var(--rw-ink);background:transparent;color:var(--rw-ink)}
/* the operator's card colour; a card close to the backdrop still reads as a button by its line */
:is(.st-std,.st-linecard) .st-rw .st-rw__btn--go{border:1px solid var(--rw-line);background:var(--rw-go);color:var(--rw-on-go)}
:is(.st-std,.st-linecard) .st-rw .st-rw__foot>:focus-visible{outline:3px solid var(--rw-ink);outline-offset:2px;box-shadow:none}
@media (prefers-reduced-motion:no-preference){:is(.st-std,.st-linecard) .st-rw:not([hidden]){animation:st-rw-in .4s cubic-bezier(.2,.8,.2,1)}}
@keyframes st-rw-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}