.screen.svelte-1iqylbr{padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);overscroll-behavior:contain;scrollbar-width:none;color:var(--color-bone);font-family:var(--font-type);position:fixed;inset:0;overflow-y:auto}main.svelte-1iqylbr{gap:calc(var(--size-gutter) * 1.5);--board-fit:min(100dvh - var(--size-play-chrome), var(--board-size) * var(--size-cell-max));max-width:max(var(--size-board-max), var(--board-fit) + var(--size-gutter) * 2);padding:var(--size-gutter);padding-top:calc(var(--size-gutter) * 1.5 + env(safe-area-inset-top));padding-bottom:calc(var(--size-gutter) + env(safe-area-inset-bottom));flex-direction:column;margin-inline:auto;display:flex;position:relative}main.svelte-1iqylbr>:not(.stage){width:100%;max-width:calc(var(--size-board-max) - var(--size-gutter) * 2);align-self:center}main.wide.svelte-1iqylbr{--top:calc(var(--size-gutter) * 1.5 + var(--size-stamp-room));--gaps:calc(var(--size-gutter) * 6);--board-fit:min(100dvh - var(--top) - var(--size-gutter) * 1.5, var(--board-size) * var(--size-cell-max-wide), 100vw - var(--size-play-side-min) * 2 - var(--gaps));--side:clamp(var(--size-play-side-min), (100vw - var(--board-fit) - var(--gaps)) / 2, var(--size-play-side));grid-template-columns:var(--side) var(--board-fit) var(--side);justify-content:center;gap:var(--size-gutter) calc(var(--size-gutter) * 2);max-width:none;height:100dvh;padding-block:var(--top) calc(var(--size-gutter) * 1.5);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"head board controls""lineup board controls""lineup board side";display:grid}main.wide.svelte-1iqylbr>:not(.stage){align-self:start;max-width:none}@media (aspect-ratio>=5/3){main.wide.svelte-1iqylbr>header,main.wide.svelte-1iqylbr>.controls,main.wide.svelte-1iqylbr>.side-note:where(.svelte-1iqylbr){zoom:var(--scale-play-wide)}}main.wide.svelte-1iqylbr>header{grid-area:head;container-type:inline-size}main.wide.svelte-1iqylbr>header .plate{height:auto;padding-block:calc(var(--spacing) * 2) var(--spacing);grid-template-columns:auto minmax(0,1fr) auto;place-items:center;display:grid}main.wide.svelte-1iqylbr>header .id{text-align:center;grid-area:1/1/auto/-1;align-items:center;max-width:100%}main.wide.svelte-1iqylbr>header .plate>.button.end:not([href]){grid-column:-2}main.wide.svelte-1iqylbr>header .rule{display:none}main.wide.svelte-1iqylbr .stage:where(.svelte-1iqylbr)>.verdict>*{zoom:var(--scale-verdict-wide)}main.wide.svelte-1iqylbr>.stage:where(.svelte-1iqylbr){grid-area:1/board/-1;align-self:start}main.wide.svelte-1iqylbr>.slot:where(.svelte-1iqylbr){grid-area:lineup;align-self:stretch;container-type:size}main.wide.svelte-1iqylbr .suspects:where(.svelte-1iqylbr){--suspect:clamp(var(--size-suspect-wide-min), (100cqh - var(--size-gutter) * 2) / var(--board-size) - var(--spacing) * 2, var(--size-suspect-wide));width:fit-content;padding:var(--size-gutter) calc(var(--spacing) * 2.5);border-radius:var(--radius-pill);margin-inline:auto}main.wide.svelte-1iqylbr .suspects:where(.svelte-1iqylbr) .lineup{gap:calc(var(--spacing) * 2);flex-direction:column;width:auto}main.wide.svelte-1iqylbr .suspects:where(.svelte-1iqylbr) .suspect{width:var(--suspect);flex:none}main.wide.svelte-1iqylbr>.controls{flex-direction:column;grid-area:controls}main.wide.svelte-1iqylbr>.controls .button{flex:none}main.wide.svelte-1iqylbr>.side-note:where(.svelte-1iqylbr){grid-area:side}.whatif.svelte-1iqylbr{z-index:1;top:0;left:calc(var(--spacing) * 3);translate:0 calc(var(--size-board-pad) - 100%);padding:0 var(--spacing);border:var(--border-stamp) solid var(--color-stamp);border-radius:var(--radius-stamp);background:var(--color-paper);color:var(--color-stamp);font-family:var(--font-display);font-size:var(--text-caption);letter-spacing:var(--tracking-caption);position:absolute}.tray.svelte-1iqylbr{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 2.5);border:var(--border-hairline) solid var(--color-bone-faint);border-radius:var(--radius-pill);background:var(--color-night-raised);align-items:center;display:flex}.slot.svelte-1iqylbr{position:relative}.note.svelte-1iqylbr{inset-inline:0;bottom:calc(var(--spacing) * 1.5);z-index:1;position:absolute}.suspects.svelte-1iqylbr{padding:calc(var(--spacing) * 2.5) var(--size-gutter)}.stage.svelte-1iqylbr{position:relative}main.svelte-1iqylbr:not(.wide)>.stage:where(.svelte-1iqylbr){margin-inline:calc(var(--size-gutter) * -.25)}