/* Phone table: the same board, controls and server state in both orientations. */
#mobile-table-actions{display:flex;gap:calc(6px * var(--ui-scale, 1))}
#mobile-table-actions button{flex:1;min-height:calc(44px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1))}
#mobile-connection:empty{display:none}
#mobile-player-summary:empty{display:none}
#mobile-table-dialog{width:calc(520px * var(--ui-scale, 1));padding:calc(20px * var(--ui-scale, 1));overscroll-behavior:contain}
#mobile-table-dialog h2{font-size:max(11px, calc(22px * var(--ui-scale, 1)));margin:0 calc(42px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1)) 0}
#mobile-dialog-close{min-width:calc(44px * var(--ui-scale, 1));min-height:calc(44px * var(--ui-scale, 1))}
#mobile-table-dialog .board-tools{position:static;display:grid;grid-template-columns:1fr 1fr;gap:calc(6px * var(--ui-scale, 1));padding:0 0 calc(16px * var(--ui-scale, 1));border:0}
#mobile-table-dialog .board-tools button{min-height:calc(44px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1));border:1px solid var(--line);margin:0;white-space:normal}
#mobile-table-dialog .board-tools #sound{margin:0}
#mobile-table-dialog .auto-roll{min-height:calc(44px * var(--ui-scale, 1));margin-bottom:calc(8px * var(--ui-scale, 1))}
#mobile-table-dialog summary{min-height:calc(44px * var(--ui-scale, 1));align-items:center;font-size:max(11px, calc(16px * var(--ui-scale, 1)))}
#mobile-table-dialog #move-section{margin:0 0 calc(12px * var(--ui-scale, 1))}
#mobile-table-dialog #history-list{margin:calc(8px * var(--ui-scale, 1)) 0}
#mobile-table-dialog .history button{min-height:calc(44px * var(--ui-scale, 1));display:block;font-size:max(11px, calc(14px * var(--ui-scale, 1)))}
#mobile-table-dialog .legal-moves{max-height:calc(260px * var(--ui-scale, 1))}
#mobile-table-dialog .legal-moves button{min-height:calc(44px * var(--ui-scale, 1))}
#mobile-resign-options{display:flex;gap:calc(8px * var(--ui-scale, 1));padding-top:calc(12px * var(--ui-scale, 1));border-top:1px solid var(--line)}
#mobile-resign-options button{flex:1;min-height:calc(44px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1))}
.mobile-site-links{display:flex;flex-wrap:wrap;gap:0 calc(20px * var(--ui-scale, 1));border-top:1px solid var(--line);margin-top:calc(16px * var(--ui-scale, 1));padding-top:calc(8px * var(--ui-scale, 1))}
.mobile-site-links a{display:flex;align-items:center;min-height:calc(44px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)))}

#mobile-fullscreen{width:100%;min-height:calc(44px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));margin-bottom:calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)))}

body.mobile-table{background:var(--bg)}
.mobile-table .site-header{min-height:calc(44px * var(--ui-scale, 1));height:calc(calc(44px * var(--ui-scale, 1)) + env(safe-area-inset-top));gap:calc(4px * var(--ui-scale, 1));padding:env(safe-area-inset-top) calc(8px * var(--ui-scale, 1)) 0;flex-wrap:nowrap}
.mobile-table .site-header .brand{font-size:max(11px, calc(20px * var(--ui-scale, 1)));letter-spacing:-.7px}
.mobile-table .site-header .site-nav{display:none}
.mobile-table .site-header .site-actions{gap:0}
.mobile-table .site-header .site-actions button{min-height:calc(44px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));padding:calc(6px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1))}
.mobile-table .site-header #new-game{display:block;background:none;color:var(--blue);box-shadow:none}
.mobile-table .arena{margin:0;max-width:none;padding:0 env(safe-area-inset-right) max(calc(6px * var(--ui-scale, 1)),env(safe-area-inset-bottom)) env(safe-area-inset-left)}
.mobile-table .arena-grid{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1))}
.mobile-table .table-heading,.mobile-table .table-note,.mobile-table .save-note,.mobile-table>.site-footer{display:none}
.mobile-table .table-area{width:100%;order:2}
.mobile-table #active-game-panel{order:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(8px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));width:100%;border-radius:0}
.mobile-table #mobile-player-summary{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) calc(64px * var(--ui-scale, 1)) minmax(0,1fr);gap:calc(6px * var(--ui-scale, 1));padding-bottom:calc(10px * var(--ui-scale, 1));border-bottom:1px solid var(--line);align-items:center}
.mobile-table .match-strip{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:calc(3px * var(--ui-scale, 1));padding:0;margin:0;min-height:0;border:0;background:none}
.mobile-table .match-strip>div{flex-direction:column;align-items:center;gap:calc(2px * var(--ui-scale, 1));text-align:center}
.mobile-table #match-score{font-size:max(11px, calc(24px * var(--ui-scale, 1)));white-space:nowrap;line-height:1.2}
.mobile-table #match-target{font-size:0}
.mobile-table #match-target::before{content:attr(data-compact-label);font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
.mobile-table #match-round{display:none}
.mobile-table #match-crawford{font-size:max(10px, calc(10px * var(--ui-scale, 1)));line-height:1.2;max-width:calc(64px * var(--ui-scale, 1))}
.mobile-table .player-card{display:grid;grid-template-columns:calc(34px * var(--ui-scale, 1)) minmax(0,1fr);align-items:center;min-height:calc(70px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1));gap:calc(5px * var(--ui-scale, 1));background:transparent;box-shadow:none;border:1px solid transparent;border-radius:calc(7px * var(--ui-scale, 1))}
.mobile-table .player-card.turn{background:#77995310;border-color:#77995380}
.mobile-table #opponent-card{grid-column:1;grid-row:1}
.mobile-table #you-card{grid-column:3;grid-row:1}
.mobile-table .player-card .avatar{width:calc(30px * var(--ui-scale, 1));height:calc(30px * var(--ui-scale, 1))}
.mobile-table .player-card strong{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}
.mobile-table .player-card>div>span,.mobile-table .player-stats{display:none}
.mobile-table .player-clock{grid-column:1/-1;display:flex;justify-content:center;align-items:baseline;gap:calc(6px * var(--ui-scale, 1));min-width:0;font-size:max(11px, calc(23px * var(--ui-scale, 1)));padding:calc(5px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));line-height:1;height:auto}
.mobile-table .clock-delay{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
.mobile-table .board-shell,.mobile-table .table-area:has(#match-strip:not([hidden])) .board-shell{margin:0;height:auto;aspect-ratio:var(--board-aspect,1.12);background:var(--bg);border-radius:0;box-shadow:none}
.mobile-table #board-canvas{inset:0!important}
.mobile-table #mobile-connection{grid-column:1/-1;order:8;justify-self:center}
.mobile-table #mobile-connection .connection{max-width:none;font-size:max(11px, calc(11px * var(--ui-scale, 1)));line-height:1.1}
.mobile-table #mobile-connection .connection::before{width:calc(6px * var(--ui-scale, 1));height:calc(6px * var(--ui-scale, 1))}
.mobile-table .turn-heading{margin:0;order:1;align-self:center;min-width:0;gap:calc(6px * var(--ui-scale, 1))}
.mobile-table .turn-heading h2{font-size:max(11px, calc(16px * var(--ui-scale, 1)));font-weight:400}
.mobile-table #turn-description{display:none;grid-column:1/-1;order:4;min-height:0;margin:0;font-size:max(11px, calc(13px * var(--ui-scale, 1)));line-height:1.35}
.mobile-table #dice{order:2;min-height:0;margin:0;gap:calc(4px * var(--ui-scale, 1));justify-content:flex-end}
.mobile-table .die{width:calc(26px * var(--ui-scale, 1));height:calc(26px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1));gap:calc(2px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1))}
.mobile-table .die .pip{width:calc(4px * var(--ui-scale, 1));height:calc(4px * var(--ui-scale, 1))}
.mobile-table .dice-placeholder{display:none}
.mobile-table #main-actions{order:3;grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:calc(6px * var(--ui-scale, 1))}
.mobile-table #main-actions:empty{display:none}
.mobile-table #main-actions button{width:auto;flex:1;min-height:calc(44px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1))}
.mobile-table #active-game-panel:has(#main-actions button) #turn-description{display:block}
.mobile-table .small-actions{order:5;border:0;padding:0;gap:calc(6px * var(--ui-scale, 1));grid-column:1}
.mobile-table .small-actions button{min-height:calc(44px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1))}
.mobile-table .small-actions #double{flex:0 0 calc(40px * var(--ui-scale, 1))}
.mobile-table #mobile-table-actions{order:6;grid-column:2;gap:calc(6px * var(--ui-scale, 1))}
.mobile-table #mobile-table-actions button{font-size:max(11px, calc(13px * var(--ui-scale, 1)));padding:calc(7px * var(--ui-scale, 1));white-space:nowrap}
.mobile-table #mobile-rotate{color:var(--blue);border-color:var(--blue);background:#6aa9df12}
.mobile-table #invite-panel{order:7;grid-column:1/-1;margin:calc(6px * var(--ui-scale, 1)) 0;font-size:max(11px, calc(14px * var(--ui-scale, 1)))}
.mobile-table #invite-panel input{font-size:max(11px, calc(16px * var(--ui-scale, 1)))}
.mobile-table #copy-invite{min-height:calc(44px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)))}
.mobile-table #active-game-panel>.table-footer{display:flex;grid-column:1/-1;order:7;margin:0;padding:0;border:0;font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:var(--muted)}
.mobile-table #active-game-panel>.table-footer>span:not(#cube-label){display:none}
.mobile-table .round-notice{margin:calc(3px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));padding:calc(6px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1))}
.mobile-table #error-banner{order:0;padding:calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));margin:calc(4px * var(--ui-scale, 1)) 0;gap:calc(6px * var(--ui-scale, 1))}
.mobile-table #error-banner button{min-height:calc(44px * var(--ui-scale, 1))}
.mobile-table.table-focus .site-header{display:none}
.mobile-table.table-focus:not(.table-wide) .arena{padding-top:env(safe-area-inset-top)}

/* Wide table, either the actual device orientation or the user's rotate button.
   Rotate the complete table, including its UI; never stretch the board model. */
body.mobile-table.table-wide{overflow:hidden;overscroll-behavior:none}
.mobile-table.table-wide .site-header{display:none}
.mobile-table.table-wide .arena{height:100svh;padding:max(calc(3px * var(--ui-scale, 1)),env(safe-area-inset-top)) max(calc(3px * var(--ui-scale, 1)),env(safe-area-inset-right)) max(calc(3px * var(--ui-scale, 1)),env(safe-area-inset-bottom)) max(calc(3px * var(--ui-scale, 1)),env(safe-area-inset-left))}
.mobile-table.table-wide.table-rotated .arena{position:fixed;top:0;left:100svw;width:100svh;height:100svw;transform-origin:0 0;transform:rotate(90deg);padding:max(calc(3px * var(--ui-scale, 1)),env(safe-area-inset-right)) max(calc(3px * var(--ui-scale, 1)),env(safe-area-inset-bottom)) max(calc(3px * var(--ui-scale, 1)),env(safe-area-inset-left)) max(calc(3px * var(--ui-scale, 1)),env(safe-area-inset-top))}
.mobile-table.table-wide .arena-grid{height:100%;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:minmax(0,1fr);gap:calc(4px * var(--ui-scale, 1));align-items:stretch}
.mobile-table.table-wide.table-rotated .arena-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.mobile-table.table-wide .table-area{position:relative;order:0;display:flex;flex-direction:column;min-height:0;height:100%}
.mobile-table.table-wide .board-shell,.mobile-table.table-wide .table-area:has(#match-strip:not([hidden])) .board-shell{flex:1;min-height:0;height:auto;aspect-ratio:auto}
.mobile-table.table-wide #active-game-panel{order:1;align-content:start;grid-template-columns:minmax(0,1fr);gap:calc(6px * var(--ui-scale, 1));overflow-y:auto;overscroll-behavior:contain;min-height:0;height:100%;padding:calc(7px * var(--ui-scale, 1));scrollbar-width:thin;border-radius:calc(5px * var(--ui-scale, 1))}
.mobile-table.table-wide #active-game-panel>*{grid-column:1}
.mobile-table.table-wide #mobile-player-summary{display:flex;flex-direction:column;align-items:stretch;gap:calc(4px * var(--ui-scale, 1));padding-bottom:calc(6px * var(--ui-scale, 1))}
.mobile-table.table-wide #mobile-player-summary .match-strip{flex-direction:row;justify-content:space-between;gap:calc(3px * var(--ui-scale, 1));min-height:calc(23px * var(--ui-scale, 1))}
.mobile-table.table-wide #mobile-player-summary .match-strip>div{flex-direction:row;gap:calc(7px * var(--ui-scale, 1))}
.mobile-table.table-wide #match-score{font-size:max(11px, calc(21px * var(--ui-scale, 1)))}
.mobile-table.table-wide #match-crawford{font-size:calc(9px * var(--ui-scale, 1));max-width:calc(55px * var(--ui-scale, 1))}
.mobile-table.table-wide #mobile-player-summary .player-card{display:flex;padding:calc(3px * var(--ui-scale, 1));gap:calc(4px * var(--ui-scale, 1));min-height:calc(30px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1))}
.mobile-table.table-wide #mobile-player-summary .avatar{width:calc(15px * var(--ui-scale, 1));height:calc(15px * var(--ui-scale, 1))}
.mobile-table.table-wide #mobile-player-summary .player-card strong{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
.mobile-table.table-wide #mobile-player-summary .player-clock{flex-direction:column;gap:calc(2px * var(--ui-scale, 1));min-width:calc(47px * var(--ui-scale, 1));height:auto;font-size:max(11px, calc(18px * var(--ui-scale, 1)));padding:calc(3px * var(--ui-scale, 1))}
.mobile-table.table-wide #mobile-player-summary .clock-delay{font-size:max(10px, calc(10px * var(--ui-scale, 1)))}
.mobile-table.table-wide .turn-heading h2{font-size:max(11px, calc(15px * var(--ui-scale, 1)))}
.mobile-table.table-wide #dice{justify-content:flex-start}
.mobile-table.table-wide #turn-description{display:none}
.mobile-table.table-wide #main-actions{flex-direction:column}
.mobile-table.table-wide #main-actions button{flex:none}
.mobile-table.table-wide .small-actions{display:flex}
.mobile-table.table-wide #mobile-table-actions{display:flex}
.mobile-table.table-wide #mobile-table-actions button{font-size:max(11px, calc(12px * var(--ui-scale, 1)));padding:calc(6px * var(--ui-scale, 1))}
.mobile-table.table-wide #mobile-connection{justify-self:start}
.mobile-table.table-wide .round-notice{position:absolute;inset:auto calc(6px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));z-index:2;max-height:calc(45px * var(--ui-scale, 1));overflow-y:auto;margin:0}
.mobile-table.table-wide #error-banner:not([hidden]){position:absolute;top:calc(4px * var(--ui-scale, 1));left:calc(4px * var(--ui-scale, 1));right:calc(4px * var(--ui-scale, 1));width:auto;z-index:10;box-shadow:0 calc(3px * var(--ui-scale, 1)) calc(18px * var(--ui-scale, 1)) #0009}

/* The desktop table uses the full available height. All match UI sits beside it. */
body.desktop-table{overflow:hidden}
.desktop-table .site-header{height:calc(48px * var(--ui-scale, 1));min-height:calc(48px * var(--ui-scale, 1));padding:0 calc(14px * var(--ui-scale, 1))}
.desktop-table .site-header .brand{font-size:max(11px, calc(24px * var(--ui-scale, 1)))}
.desktop-table .arena{max-width:none;margin:0;padding:calc(6px * var(--ui-scale, 1));height:calc(100dvh - calc(48px * var(--ui-scale, 1)))}
.desktop-table .arena-grid{height:100%;display:grid;grid-template-columns:minmax(0,min(calc((100dvh - calc(103px * var(--ui-scale, 1)))*var(--table-aspect,1.4)),calc(100% - calc(252px * var(--ui-scale, 1))))) minmax(calc(244px * var(--ui-scale, 1)),1fr);grid-template-rows:minmax(0,1fr);gap:calc(8px * var(--ui-scale, 1));align-items:stretch}
.desktop-table .table-heading,.desktop-table .table-note,.desktop-table .save-note,.desktop-table>.site-footer{display:none}
.desktop-table .table-area{height:100%;min-height:0;width:100%;display:flex;flex-direction:column}
.desktop-table .board-shell,.desktop-table .table-area:has(#match-strip:not([hidden])) .board-shell{height:100%;min-height:0;margin:0;flex:1;aspect-ratio:auto;background:var(--bg);box-shadow:none}
.desktop-table #active-game-panel{width:100%;height:100%;min-height:0;padding:calc(12px * var(--ui-scale, 1));overflow-y:auto;scrollbar-width:thin}
.desktop-table #mobile-player-summary{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));margin-bottom:calc(12px * var(--ui-scale, 1))}
.desktop-table .player-card{padding:calc(8px * var(--ui-scale, 1));gap:calc(8px * var(--ui-scale, 1));min-height:calc(55px * var(--ui-scale, 1))}
.desktop-table .player-card strong{font-size:max(11px, calc(15px * var(--ui-scale, 1)))}
.desktop-table .player-clock{min-width:calc(74px * var(--ui-scale, 1));font-size:max(11px, calc(24px * var(--ui-scale, 1)))}
.desktop-table .player-stats{display:none}
.desktop-table .match-strip{margin:0;padding:calc(8px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1));justify-content:space-between}
.desktop-table .match-strip>div{flex-direction:row;align-items:center}
.desktop-table #match-round{display:none}
.desktop-table #match-target{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
.desktop-table #match-score{white-space:nowrap}
.desktop-table .match-strip>div:first-child{flex-direction:column;align-items:flex-start;gap:calc(3px * var(--ui-scale, 1))}
.desktop-table .match-strip>div:last-child{max-width:calc(105px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
.desktop-table #mobile-connection{margin-bottom:calc(12px * var(--ui-scale, 1))}
.desktop-table .small-actions{display:grid;grid-template-columns:minmax(0,1fr) calc(54px * var(--ui-scale, 1)) minmax(0,1fr);gap:calc(6px * var(--ui-scale, 1))}
.desktop-table .small-actions button{min-width:0;min-height:calc(40px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(2px * var(--ui-scale, 1));white-space:normal;font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
.desktop-table .board-tools{justify-content:center;flex-wrap:wrap;padding:calc(4px * var(--ui-scale, 1));gap:calc(3px * var(--ui-scale, 1))}
.desktop-table .board-tools #sound{margin-left:0}
.desktop-table #error-banner:not([hidden]){position:fixed;z-index:10;top:calc(54px * var(--ui-scale, 1));left:calc(10px * var(--ui-scale, 1));max-width:calc(100% - calc(300px * var(--ui-scale, 1)))}
.desktop-table .round-notice{position:absolute;z-index:2;bottom:calc(50px * var(--ui-scale, 1));left:calc(12px * var(--ui-scale, 1));max-width:50%;margin:0}
@media(max-width:360px) and (orientation:portrait){
 .mobile-table:not(.table-wide) #active-game-panel{gap:calc(6px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1))}
 .mobile-table:not(.table-wide) .small-actions{grid-column:1;gap:calc(6px * var(--ui-scale, 1))}
 .mobile-table:not(.table-wide) #mobile-table-actions{grid-column:2}
 .mobile-table:not(.table-wide) .small-actions button,.mobile-table:not(.table-wide) #mobile-table-actions button{min-width:calc(44px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(20px * var(--ui-scale, 1)))}
 .mobile-table:not(.table-wide) #double{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}
 .mobile-table:not(.table-wide) #mobile-player-summary{padding-bottom:calc(5px * var(--ui-scale, 1))}
 .mobile-table:not(.table-wide) #mobile-player-summary{grid-template-columns:minmax(0,1fr) calc(54px * var(--ui-scale, 1)) minmax(0,1fr);gap:calc(3px * var(--ui-scale, 1))}
 .mobile-table:not(.table-wide) .player-card{grid-template-columns:calc(23px * var(--ui-scale, 1)) minmax(0,1fr);padding:calc(3px * var(--ui-scale, 1))}
 .mobile-table:not(.table-wide) .player-card .avatar{width:calc(23px * var(--ui-scale, 1));height:calc(23px * var(--ui-scale, 1))}
 .mobile-table:not(.table-wide) .player-card strong{font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
 .mobile-table:not(.table-wide) .player-card:has(.player-clock:not([hidden])){gap:calc(5px * var(--ui-scale, 1));min-height:calc(60px * var(--ui-scale, 1))}
 .mobile-table:not(.table-wide) .player-clock{flex-direction:row;align-items:baseline;gap:calc(4px * var(--ui-scale, 1));font-size:max(11px, calc(20px * var(--ui-scale, 1)));padding:calc(3px * var(--ui-scale, 1)) 1px}
 .mobile-table:not(.table-wide) .clock-delay{font-size:max(10px, calc(10px * var(--ui-scale, 1)))}
}