.frame-live.q-raids-live,.frame-live.q-diamond-live{align-items:stretch;overflow:visible;pointer-events:auto}
.q-raids-panel{height:100%;overflow:auto;background:#e3d9c6;color:#071714;font:400 max(12px,1.05cqw)/1.15 var(--t-font-body);padding:.15em;display:flex;flex-direction:column;gap:.22em;scrollbar-width:thin;overscroll-behavior:contain}
.q-raids-empty,.q-raids-row{display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.25em .4em;background:#071714;color:#e8e8c8;flex-shrink:0;min-width:0}
.q-raids-row>div,.q-raids-empty>p{min-width:0;flex:1;overflow-wrap:anywhere}
/* With no raid running the empty row is the JOIN link alone, on the right where the rows below keep theirs. */
.q-raids-empty{justify-content:flex-end}
.q-raids-panel .q-raids-label{line-height:1.12}
.q-raids-panel .q-raids-meta{font-size:max(12px,.85em);color:#69e899;margin-top:.15em}
.q-raids-panel .q-raids-link{display:flex;align-items:center;justify-content:center;min-width:max(44px,3.7em);min-height:max(44px,2.2em);padding:.2em .35em;background:#ff7a26;color:#071714;border:2px solid #071714;box-shadow:1px 1px 0 #a83e05;text-decoration:none;font-family:var(--t-font-display);font-weight:700;flex-shrink:0;pointer-events:auto}
.q-raids-panel .q-raids-link:focus-visible{outline:3px solid #fff;outline-offset:1px}
.q-raids-panel .q-raids-link:hover{background:#ffb153}
/* DIAMOND HANDS (the owner's approved WHAT YOU GET redesign, 30 Oct 2026): the board's words sit on its drawn screen, left
   of Gary, in the screen's own light; the count of snapshots taken is green and shows only once a read answers
   (diamond-hands.js). */
.q-diamond{height:100%;box-sizing:border-box;padding:.28em .45em;display:flex;flex-direction:column;justify-content:flex-start;gap:.5em;color:#f2e8cf;font:400 max(12px,1.05cqw)/1.15 var(--t-font-body);overflow:hidden}
.q-diamond__count{color:#69e899}
.q-diamond__lowest{color:#b8c7be}
.q-diamond [hidden]{display:none}
@media(max-width:767px){.q-raids-panel{font-size:max(12px,2.35cqw);gap:.15em;padding:0}.q-raids-empty,.q-raids-row{padding:.2em .4em}.q-diamond{font-size:max(12px,2.35cqw);padding:.22em .35em}}
/* with a mouse the wheel goes on to the page at the board's end; touch keeps the board's scroll to itself */
@media(pointer:fine){.q-raids-panel{overscroll-behavior:auto}}
/* HALL OF SHAME (audit COMM-06 and PB-11, 22 Oct 2026): the build's empty output gives its width back, so the sentence or
   the latest paper hands record (hall-of-shame.js) wraps across the whole slot; on a phone the block sits on the slot's
   foot and grows up into the screen, so at 320 px it stays inside the panel. */
.q-live output[data-quit-sample-shame]:empty{display:none}
.q-live[data-region^="what-you-get.shame"] .q-shame-empty{overflow-wrap:break-word}
[data-device="phone"] .frame-surface .q-live[data-region="what-you-get.shame_result"]{align-items:flex-end}
.frame-surface .q-live .q-shame-record{display:flex;flex-direction:column;gap:.12em;width:100%;line-height:1.08;letter-spacing:.02em}
.q-shame-record__wallet{color:#ff6a55;font-weight:700}
.q-shame-record__foot{display:flex;flex-wrap:wrap;column-gap:.6em;color:#69e899;font-variant-numeric:tabular-nums}
[data-device="phone"] .frame-surface .q-live[data-region="what-you-get.shame_result"] .q-shame-record{font-size:max(12px,3.3cqw)}
/* TODAY'S RAIDS on a phone (audit PB-13, raids-fit.js): the rows take their own height instead of scrolling inside the
   drawn board, and the floor grows below the board by what they need (--q-raids-grow), so every key shows. */
.frame-surface[data-frame^="phone-"]:has([data-quit-raids-panel]){box-sizing:content-box;padding-bottom:var(--q-raids-grow,0px)}
.frame-surface[data-frame^="phone-"] .q-raids-panel{height:auto;min-height:100%;align-self:flex-start;overflow:visible;box-shadow:0 .3em 0 #071714}