/* Rutmönster: matrisen i den gemensamma 4:3-ramen och fyra plattor som svarskort på mobilen.
 * Plattorna är inline-SVG (public/formats/gridPattern.js); färgerna kommer från bilderna. */
/* Matrisen fyller ramen med marginal; SVG:ns viewBox (xMidYMid meet) centrerar den kvadratiska matrisen. */
.grid-frame{background:radial-gradient(ellipse at 50% 40%,#2f2846,#1a162e)}
.grid-board{position:absolute;inset:calc(var(--u,8px)*1.6);display:block;width:calc(100% - var(--u,8px)*3.2);height:calc(100% - var(--u,8px)*3.2);overflow:visible}
.grid-answer-ring{fill:none;stroke:var(--accent);stroke-width:3;filter:drop-shadow(0 0 3px #d8fd78aa)}
.grid-tile{display:block;aspect-ratio:1}
/* Svarsraden vid facit: rätt platta bredvid ”Alternativ B”. */
.reveal-answer .grid-answer-tile{flex:none;height:calc(var(--u)*6);width:auto;margin-left:auto}
/* Mobilen: neutrala kort med bokstav och platta (som appens rutmönstersvar), samma markeringar som övriga svar. */
.round-phone .grid-answers .answer{grid-template-columns:18px minmax(0,1fr) 18px;justify-items:center;gap:4px;height:clamp(96px,15vh,132px);padding:6px 8px;background:#2a2340;border-color:#c5adff33}
.grid-answers .answer .grid-tile{height:100%;max-height:100%;width:auto;min-height:0}
.grid-letter{align-self:start;justify-self:start;font-size:13px;font-weight:800;color:var(--muted)}
.grid-answers .answer-check{position:static;align-self:start}
.grid-answers .answer-check:empty{display:block}
.stage-countdown .grid-answers .answer{filter:saturate(.7);opacity:.75}