:root{color-scheme:dark;--primary:#0b162a;--secondary:#c83803;--accent:#ffba86;--surface:#131a25;--surface-end:#0a0d15;--background:#060912;--line:#344052;--muted:#9ea9b9;--white:#f1f2ef}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,sans-serif}button,select{font:inherit;color:#e0e4e8;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:8px 10px;cursor:pointer;min-height:34px}button:hover{border-color:var(--accent);color:var(--accent)}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.shell{height:100vh;min-height:700px;padding:20px 24px 14px;display:flex;flex-direction:column;gap:14px;background:radial-gradient(ellipse at top,var(--primary),transparent 65%)}header{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:14px}.nfl-logo{width:57px;height:74px;object-fit:contain;filter:drop-shadow(0 3px 6px #0005)}h1{font-size:clamp(25px,5vw,40px);margin:0;font-weight:850;letter-spacing:-1px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2.2px;margin-top:6px}.right{text-align:right;font:10px ui-monospace,monospace;color:var(--muted)}.live{color:#b6dfaf;font-weight:700;letter-spacing:1.5px;font-size:10px}.live:before{content:'●';margin-right:6px}
#boards{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;flex:1;min-height:0}.board{border:1px solid var(--line);border-radius:7px;padding:14px 18px;box-shadow:inset 0 0 0 4px #0002,0 10px 30px #0005;display:flex;flex-direction:column;justify-content:space-between;gap:6px;position:relative;background:linear-gradient(140deg,var(--surface),var(--surface-end) 80%);min-width:0;overflow:hidden;container-type:inline-size}.board.pinned{border-top:3px solid var(--secondary)}.board:before,.board:after{content:'⊕';position:absolute;font-size:10px;color:#718097;top:4px}.board:before{left:5px}.board:after{right:5px}.boardtop{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.badge{color:var(--accent)}.teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;text-align:center}.teamhead{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:5px}.teamlogo{width:clamp(32px,9cqw,62px);height:clamp(32px,9cqw,62px);object-fit:contain;filter:drop-shadow(0 2px 5px #0009)}.teamtext{text-align:left;min-width:0}.city{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.abbr{font-size:clamp(21px,5cqw,36px);font-weight:850;letter-spacing:3px;margin:2px 0}.score{position:relative;font:clamp(52px,16cqw,160px)/1 ui-monospace,'Menlo',monospace;letter-spacing:4px;color:var(--accent);background:#05080b;border:1px solid var(--line);border-radius:3px;padding:5px;text-shadow:0 0 18px color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:inset 0 3px 14px #000}.score:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#0003 4px);pointer-events:none}.possession{display:block;color:var(--accent);font-size:8px;letter-spacing:1.5px;height:10px;margin-top:5px}.clockrow{display:flex;justify-content:center;align-items:center;gap:22px}.clock{font:clamp(18px,5cqw,36px) ui-monospace,monospace;color:var(--accent);letter-spacing:2px}.label{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:4px}.quarter{font:22px ui-monospace,monospace;color:var(--accent)}.situation{text-align:right;max-width:36%;font:10px ui-monospace,monospace;color:#d0d6df}.quartertable{display:grid;grid-template-columns:1.4fr repeat(4,1fr) 1fr;font:10px ui-monospace,monospace;text-align:center;gap:5px;border-top:1px solid var(--line);padding-top:8px;color:#cad2dc}.quartertable .dim{color:var(--muted)}.quartertable .total{color:var(--accent)}.play{font-size:10px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:14px}.empty{display:grid;place-content:center;text-align:center;color:var(--muted);gap:15px}.empty strong{font-size:20px;letter-spacing:2px}footer{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px}
nav{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;border-top:1px solid var(--line);padding-top:10px}nav button,nav select{font-size:11px}.setting{display:flex;flex-direction:column;gap:5px}.setting label{color:var(--muted);font-size:8px;letter-spacing:1.5px}.theme-setting{flex:1;min-width:165px}.theme-control{display:flex;gap:5px;align-items:center}.theme-control select{width:100%;min-width:0}#swatch{flex-shrink:0;width:25px;height:27px;border-radius:3px;border:1px solid #ffffff50;background:linear-gradient(135deg,var(--primary) 50%,var(--secondary) 50%)}.controls{display:flex;gap:6px;flex-wrap:wrap;flex-basis:100%}.controls button{flex-grow:1}
.alert{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,680px);z-index:11;background:var(--surface);color:var(--white);padding:28px;border:2px solid var(--accent);border-radius:12px;box-shadow:0 0 0 100vmax #0009,0 0 50px #0008;text-align:center}.alert.touchdown{background:var(--td-primary);border:4px solid var(--td-secondary);box-shadow:0 15px 70px #0009}.alert h2{font-size:clamp(28px,7vw,56px);margin:9px 0;letter-spacing:1px}.alert .td-title{font-weight:950;font-style:italic;text-shadow:0 2px 12px #000b}.alert p{font:22px ui-monospace,monospace}.alert small{letter-spacing:1.5px;font-size:10px}.alert button{background:#101722;color:#fff;border-color:#a0a9b0}.alarm-logo{width:100px;height:90px;object-fit:contain;filter:drop-shadow(0 3px 9px #0009)}.alarm-team{font-size:22px;font-weight:750}.alarm-caption{font-size:12px;line-height:1.5;opacity:.85;margin-top:12px}#touchdown-colors{position:fixed;inset:0;z-index:10;background:var(--td-primary);animation:stadium-pulse 1.8s ease-in-out 3;pointer-events:none;box-shadow:inset 0 0 100px #0007}@keyframes stadium-pulse{0%,100%{background:var(--td-primary)}50%{background:var(--td-secondary)}}@media(prefers-reduced-motion:reduce){#touchdown-colors{animation:none;background:linear-gradient(135deg,var(--td-primary),var(--td-secondary))}}.hidden{display:none!important}dialog{background:var(--surface);color:var(--white);border:1px solid var(--accent);border-radius:8px;width:min(90vw,550px);max-height:75vh}dialog::backdrop{background:#0009}.logrow{border-top:1px solid var(--line);padding:12px 0;font-size:13px}.logrow small{color:var(--muted)}#health.stale,.demo{color:#ffc184}
body[data-layout="landscape"] .shell{min-height:560px}body[data-layout="landscape"] #boards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}body[data-layout="landscape"] .controls{flex-basis:auto;flex:2;min-width:300px}body[data-layout="landscape"] nav{flex-wrap:nowrap}body[data-layout="landscape"] .theme-setting{max-width:240px}body[data-layout="landscape"] .score{font-size:clamp(40px,20cqw,210px)}body[data-layout="landscape"] .teamlogo{width:clamp(30px,11cqw,100px);height:clamp(30px,11cqw,100px)}
@media(min-height:1200px){.shell{padding:30px;gap:22px}#boards{gap:22px}.board{padding:26px;gap:14px}.teamlogo{width:90px;height:90px}.score{font-size:clamp(80px,20cqw,240px)}.play{font-size:14px}.quartertable{font-size:15px}.clock{font-size:44px}.abbr{font-size:44px}.city{font-size:12px}.boardtop{font-size:12px}.nfl-logo{width:75px;height:94px}h1{font-size:50px}.brand small{font-size:10px}.right{font-size:13px}}
@media(max-height:800px){.shell{gap:9px;padding:12px 16px}.nfl-logo{height:48px;width:38px}h1{font-size:28px}.brand small{font-size:7px}.board{padding:10px 14px;gap:4px}.score{font-size:clamp(40px,12cqw,64px)}.teamlogo{width:30px;height:30px}.abbr{font-size:22px}.quartertable{font-size:9px;padding-top:5px;gap:3px}.clock{font-size:20px}.play{font-size:9px}.city{font-size:8px}.possession{font-size:7px}nav{padding-top:7px;gap:6px}nav button,nav select{font-size:10px;min-height:30px;padding:6px 8px}body[data-layout="landscape"] .score{font-size:clamp(40px,20cqw,150px)}}
@media(max-width:700px){body[data-layout="landscape"] nav{flex-wrap:wrap}body[data-layout="landscape"] .teams{gap:8px}body[data-layout="landscape"] .board{padding:10px}body[data-layout="landscape"] .teamhead{flex-direction:column;gap:3px}body[data-layout="landscape"] .city{display:none}body[data-layout="landscape"] .abbr{font-size:18px}body[data-layout="landscape"] .clockrow{gap:7px;flex-wrap:wrap}body[data-layout="landscape"] .situation{max-width:100%}body[data-layout="landscape"] .boardtop{font-size:7px;letter-spacing:0}body[data-layout="landscape"] .score{font-size:clamp(26px,22cqw,75px);letter-spacing:0}}
@media(max-height:800px){.play{display:none}}

header .right{margin-left:auto}.gear{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:6px;background:transparent;color:var(--muted);border-color:transparent}.gear[aria-expanded="true"]{color:var(--accent);border-color:var(--line);background:var(--surface)}
.settings-panel{position:fixed;z-index:6;right:24px;top:100px;width:min(470px,calc(100vw - 32px));max-height:calc(100vh - 120px);overflow:auto;padding:20px;background:var(--surface-end);border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 60px #000b}.settings-panel[hidden]{display:none}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-heading h2{margin:0;font-size:20px}.settings-heading button{font-size:24px;line-height:1;padding:4px 10px;background:transparent}.settings-hint{font-size:12px;line-height:1.5;color:var(--muted);margin:14px 0 18px}
body .settings-panel nav{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px;padding-top:16px}body .settings-panel .theme-setting{grid-column:1 / -1;grid-row:1;max-width:none;min-width:0}body .settings-panel .controls{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;min-width:0;gap:8px}.settings-panel select{width:100%;font-size:12px}.settings-panel button{font-size:12px}.boardtop .badge{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boardtop>span:last-child{flex-shrink:0}
@media(max-height:800px){.settings-panel{top:70px;max-height:calc(100vh - 90px)}}
/* Optional views and grouped settings. */
#boards[hidden],#overview[hidden]{display:none}.menu-sections details{border-top:1px solid var(--line)}.menu-sections summary{padding:15px 0;cursor:pointer;font-size:13px;font-weight:700;color:#e6eaf0}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:4px 0 20px}.settings-grid .wide{grid-column:1 / -1}.check{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.5;cursor:pointer}.check input{margin:2px 0 0;accent-color:var(--accent);width:15px;height:15px;flex-shrink:0}.menu-note{font-size:11px;line-height:1.5;color:var(--muted);margin:0}input[type="range"]{width:100%;accent-color:var(--accent)}#volume-label{float:right;color:var(--accent)}.settings-panel .setting{min-width:0}.settings-panel select{min-width:0;text-overflow:ellipsis}.settings-panel .settings-hint{margin-bottom:14px}.board.in-redzone,.mini-game.in-redzone{border-color:#ff6358;box-shadow:inset 0 3px 0 #ff6358,0 0 24px #e5382820}.in-redzone .boardtop>span:last-child{color:#ff857b;font-weight:800}
.play-expanded{border-top:1px solid var(--line);padding-top:9px}.drive-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px;font:16px ui-monospace,monospace;color:var(--accent)}.drive-grid small{display:block;font:8px -apple-system,sans-serif;letter-spacing:1.5px;color:var(--muted);margin-bottom:4px}.play-expanded p{font-size:clamp(12px,2.6cqw,19px);line-height:1.4;margin:8px 0 0;color:#e1e5eb;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body[data-largeplay="true"] .score{font-size:clamp(45px,14cqw,190px)}
#overview{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.overview-heading{display:flex;justify-content:space-between;align-items:center}.overview-heading small{font-size:9px;letter-spacing:2px;color:var(--accent)}.overview-heading h2{font-size:25px;margin:5px 0}.overview-heading button{font-size:11px}#overview-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:12px;flex:1;min-height:0}.mini-game{border:1px solid var(--line);border-radius:7px;background:var(--surface-end);padding:12px;display:flex;flex-direction:column;justify-content:center;min-height:0}.mini-game>div{display:flex;justify-content:space-between;gap:4px;font-size:9px;color:var(--muted)}.mini-game>div>b{font-size:8px;color:#ff857b}.mini-game p{display:flex;gap:10px;align-items:center;margin:7px 0 0;font-size:clamp(15px,2.5vw,28px)}.mini-game p>b{margin-left:auto;color:var(--accent);font-family:ui-monospace,monospace}.mini-game .teamlogo{width:32px;height:32px}#overview-page{text-align:center;font-size:10px;color:var(--muted)}
/* FOX-inspired broadcast scorebug: centered clock and compact team panels. */
.fox-board{background:linear-gradient(145deg,#20252b,#080b10 65%);border-radius:3px;border-color:#525c67;box-shadow:0 10px 30px #0007;padding:18px;gap:12px}.fox-board:before,.fox-board:after{display:none}.foxbug{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,.52fr) minmax(0,1fr);align-items:center;gap:4px}.fox-side{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background:linear-gradient(155deg,var(--team),#0a101a 85%);border-bottom:5px solid var(--team-accent);padding:15px 8px 11px;min-width:0;box-shadow:inset 0 1px 0 #ffffff40}.fox-side .teamlogo{width:clamp(45px,14cqw,130px);height:clamp(45px,14cqw,130px)}.fox-side>strong{font-size:clamp(22px,6cqw,50px);font-weight:950;font-stretch:condensed;letter-spacing:1px;color:white;text-shadow:0 2px 4px #0009}.fox-side>b{font-size:clamp(40px,16cqw,150px);font-weight:950;line-height:1.05;color:#fff;letter-spacing:-3px;font-variant-numeric:tabular-nums;text-shadow:0 4px 12px #0008}.fox-side>span{font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;color:#f1f1f1;text-align:center;text-shadow:0 1px 3px #000}.fox-clock{display:flex;flex-direction:column;text-align:center;background:#020305d9;border-top:3px solid #f4dc49;padding:15px 3px;box-shadow:0 4px 20px #0007}.fox-clock>span{font-size:10px;font-weight:800;color:#f4dc49}.fox-clock>strong{font:800 clamp(15px,4.1cqw,38px) ui-monospace,monospace;color:#fff;letter-spacing:-1px;margin:7px 0}.fox-clock>small{font-size:7px;color:#aeb9c6;letter-spacing:.5px}.fox-strip{display:flex;justify-content:space-between;gap:8px;background:#e9edf1;color:#131a22;padding:10px 12px;border-left:5px solid #f4dc49;font-size:clamp(10px,2.3cqw,17px)}.fox-strip>span{font-size:10px;max-width:45%;text-align:right}.fox-board .play-expanded{border-color:#344050}.fox-board .boardtop{color:#c3cbd4}.fox-board .badge{color:#f4dc49}
@media(max-height:950px){body[data-largeplay="true"] .quartertable{display:none}.play-expanded p{font-size:12px}.fox-side .teamlogo{width:clamp(35px,10cqw,70px);height:clamp(35px,10cqw,70px)}.fox-side>b{font-size:clamp(36px,13cqw,105px)}.fox-side{padding:8px 5px}.fox-side>strong{font-size:clamp(20px,4cqw,34px)}}
@media(max-height:750px){.mini-game{padding:6px}.mini-game .teamlogo{width:24px;height:24px}.mini-game p{font-size:16px;margin-top:3px}#overview-grid{gap:7px}.overview-heading h2{font-size:20px}.fox-board{padding:12px}.fox-side>b{font-size:clamp(32px,10cqw,75px)}.fox-side .teamlogo{width:32px;height:32px}.fox-side>span{font-size:7px}.fox-strip{padding:7px}.play-expanded{padding-top:5px}.drive-grid{font-size:12px}.drive-grid small{font-size:7px}.play-expanded p{font-size:11px;margin-top:5px}}
/* Reserve room for the expanded play on both portrait scoreboards. */
body[data-largeplay="true"] .fox-side{padding:8px 5px}
body[data-largeplay="true"] .fox-side .teamlogo{width:clamp(30px,8cqw,65px);height:clamp(30px,8cqw,65px)}
body[data-largeplay="true"] .fox-side>b{font-size:clamp(32px,11cqw,120px)}
body[data-largeplay="true"] .fox-side>strong{font-size:clamp(20px,4cqw,36px)}
body[data-largeplay="true"] .fox-board{gap:6px}
.alert h2{font-size:clamp(24px,5.5vw,46px);overflow-wrap:anywhere}
@media(max-height:800px){body[data-layout="portrait"][data-largeplay="true"] .fox-side .teamlogo{width:26px;height:26px}body[data-layout="portrait"][data-largeplay="true"] .fox-side>b{font-size:32px}body[data-layout="portrait"][data-largeplay="true"] .fox-side>span{margin-top:3px}body[data-layout="portrait"][data-largeplay="true"] .score{font-size:48px}body[data-layout="portrait"][data-largeplay="true"] .fox-strip{padding:5px}}
/* Multi-game layouts and optional game-day tools. */
.shell{transform:translate(var(--shift-x,0px),var(--shift-y,0px))}body[data-night="true"] .shell,body[data-night="true"] .alert{filter:brightness(.58)}
body[data-count="4"] #boards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
body[data-count="8"] #boards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:9px}
body[data-layout="landscape"][data-count="8"] #boards{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.compact-board{padding:10px 12px;gap:5px}.compact-teams{display:flex;flex-direction:column;gap:6px}.compact-teams>div{display:flex;align-items:center;gap:8px;min-width:0}.compact-teams .teamlogo{width:clamp(24px,12cqw,48px)!important;height:clamp(24px,12cqw,48px)!important}.compact-teams strong{font-size:clamp(15px,9cqw,28px)}.compact-teams small{display:block;font-size:7px;color:var(--accent);height:9px;letter-spacing:.5px}.compact-teams b{margin-left:auto;font:800 clamp(25px,16cqw,52px)/1 ui-monospace,monospace;color:var(--accent)}.compact-down{font-size:clamp(9px,4cqw,13px);color:#cbd3df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-play{font-size:10px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fox-compact{border-radius:2px;background:linear-gradient(145deg,#20252b,#080b10)}.fox-compact .compact-teams>div{background:linear-gradient(110deg,var(--team),#0a101a);border-left:3px solid var(--team-accent);padding:5px}.fox-compact .compact-teams b{color:#fff}.countdown,.event-badge,.focus-badge{font:10px ui-monospace,monospace;color:var(--accent)}.event-badge{color:#ffd477;background:#5b420b66;padding:4px 6px}.focus-badge{font-size:8px;color:#fff;background:#a23527;padding:3px 5px}.countdown{font-variant-numeric:tabular-nums}
#pause-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:#574318;color:#ffe6ad;font-size:11px}#pause-banner[hidden],#connection-banner[hidden]{display:none}#pause-banner button{font-size:10px;padding:4px 8px}#connection-banner{background:#542d20;border:1px solid #ba724c;padding:8px;color:#ffd8b9;font-size:11px}
.settings-grid input[type="text"]{min-width:0;width:100%;padding:9px;background:var(--surface);border:1px solid var(--line);color:var(--white);border-radius:5px}#extra-dialog{width:min(92vw,680px)}.standings{width:100%;border-collapse:collapse;text-align:center;margin:15px 0}.standings th{font-size:11px;color:var(--muted)}.standings td{border-top:1px solid var(--line);padding:12px 5px}.standings td:first-child{text-align:left;font-weight:700}.standings .teamlogo{width:28px;height:28px;vertical-align:middle}.favorite-row{background:var(--primary);color:var(--accent)}.recap-game{padding:13px 0;border-top:1px solid var(--line)}.recap-game>small{float:right;color:var(--accent)}.recap-game p{font-size:12px;line-height:1.5;color:var(--muted)}
@media(max-height:800px){body[data-count="8"][data-layout="portrait"] .compact-board{padding:6px 8px;gap:2px}body[data-count="8"][data-layout="portrait"] .compact-teams{gap:2px}body[data-count="8"][data-layout="portrait"] .compact-teams .teamlogo{width:22px!important;height:22px!important}body[data-count="8"][data-layout="portrait"] .compact-teams b{font-size:24px}body[data-count="8"][data-layout="portrait"] .compact-teams strong{font-size:15px}body[data-count="8"][data-layout="portrait"] .compact-teams small{display:none}body[data-count="8"][data-layout="portrait"] .fox-compact .compact-teams>div{padding:2px}body[data-count="8"][data-layout="portrait"] .compact-play{display:none}body[data-count="8"][data-layout="portrait"] .boardtop{font-size:7px;letter-spacing:0}body[data-count="8"][data-layout="portrait"] .countdown,body[data-count="8"][data-layout="portrait"] .event-badge,body[data-count="8"][data-layout="portrait"] .focus-badge{font-size:7px;padding:1px}}
body[data-night="true"] #touchdown-colors{filter:brightness(.45)}

[hidden]{display:none!important}
#browser-banner{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:11px}#browser-banner button{font-size:11px;flex-shrink:0}
.shell{height:100dvh;min-height:700px;max-width:2200px;margin:auto}button,input,select{touch-action:manipulation}input:focus-visible{outline:2px solid var(--accent)}
@media(max-width:650px){.shell{padding:12px;gap:10px}.brand small{letter-spacing:1px}.nfl-logo{width:40px;height:52px}.brand{gap:8px}.right{max-width:95px}#browser-banner{flex-wrap:wrap}body[data-layout="landscape"] #boards{grid-template-columns:1fr;grid-template-rows:none}.shell{height:auto;min-height:100dvh}#boards{flex:auto}.board{min-height:330px}body[data-count="4"] #boards,body[data-count="8"] #boards{grid-template-columns:1fr!important;grid-template-rows:none!important}.compact-board{min-height:190px}#settings{max-width:100vw}.alert{max-height:90dvh;overflow:auto}}