/* One board/rail layout for browser, Android and Linux. No card-game overrides. */
body#zeka-page.kk-zeka-playing{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
body#zeka-page.kk-zeka-playing > #zeka-header{flex:none}
body#zeka-page.kk-zeka-playing #oyun{flex:1;min-height:0;max-width:none;width:100%;margin:0;padding:12px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:auto;display:flex}
body#zeka-page.kk-zeka-playing #zeka-table{width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(210px,23vw,300px);gap:16px}
body#zeka-page.kk-zeka-playing #zeka-area{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;container-type:size}
body#zeka-page.kk-zeka-playing #zeka-board{flex:none;width:min(100cqw,calc(100cqh - 6px));max-width:none;max-height:none;margin:0}
body#zeka-page.kk-zeka-playing #zeka-board.mangala{width:min(100cqw,calc((100cqh - 6px)*2.1));min-width:0}
body#zeka-page.kk-zeka-playing[data-kind="bilardo"] #zeka-board{width:min(100cqw,calc((100cqh - 6px)*1064/564))}
body#zeka-page.kk-zeka-playing #zeka-rail{min-width:0;min-height:0;overflow:auto;scrollbar-width:thin;padding:4px;display:flex;flex-direction:column;gap:12px}
body#zeka-page.kk-zeka-playing #zeka-players{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;flex:none;max-width:none;width:100%;margin:0}
body#zeka-page.kk-zeka-playing .player{min-height:0;padding:8px 10px}
body#zeka-page.kk-zeka-playing .player .actions{position:static;flex-wrap:wrap;margin:4px 0 0}
body#zeka-page.kk-zeka-playing .player .actions:empty{display:none}
body#zeka-page.kk-zeka-playing .person{min-height:30px;white-space:normal}
body#zeka-page.kk-zeka-playing .player small{margin:2px 0;font-size:12px}
body#zeka-page.kk-zeka-playing #zeka-sidebar{flex:none;width:100%;max-height:none;padding:12px;overflow:visible;font-size:14px}
body#zeka-page.kk-zeka-playing #zeka-status{min-height:0;margin:8px 0;font-size:17px}
body#zeka-page.kk-zeka-playing #zeka-controls{margin:8px 0;gap:6px}
body#zeka-page.kk-zeka-playing #zeka-help{font-size:12px;margin:6px 0}
body#zeka-page #zeka-rules-open{flex:none;white-space:nowrap}
body#zeka-page #zeka-rules{position:fixed;inset:0;margin:auto;width:min(720px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:2px solid #ddb75e;border-radius:18px;background:#173f2d;color:#fff0cb;font:16px/1.65 system-ui,sans-serif;box-shadow:0 15px 45px #0008}
body#zeka-page #zeka-rules::backdrop{background:#0009}
body#zeka-page #zeka-rules header{display:flex;align-items:center;justify-content:space-between;gap:12px}
body#zeka-page #zeka-rules h2{margin:0;font-size:22px}
body#zeka-page #zeka-rules-close{flex:none}
/* Narrow portrait keeps a readable square and scrollable controls below it. */
@media(max-width:699px) and (orientation:portrait){
 body#zeka-page.kk-zeka-playing #zeka-table{display:flex;flex-direction:column;gap:12px}
 body#zeka-page.kk-zeka-playing #zeka-rail{display:contents}
 body#zeka-page.kk-zeka-playing #zeka-players{order:0;grid-template-columns:repeat(2,minmax(0,1fr))}
 body#zeka-page.kk-zeka-playing #zeka-area{order:1;flex:none;width:100%;height:auto;aspect-ratio:1;container-type:size}
 body#zeka-page.kk-zeka-playing[data-kind="mangala"] #zeka-area{aspect-ratio:2.1}
 body#zeka-page.kk-zeka-playing #zeka-sidebar{order:2}
 body#zeka-page.kk-zeka-playing .player{padding:6px}
 body#zeka-page #zeka-header{gap:6px}
 body#zeka-page #zeka-title{min-width:70px}
 body#zeka-page #zeka-rules-open{font-size:12px;padding:6px 8px}
}
@media(max-height:550px) and (orientation:landscape){
 body#zeka-page.kk-zeka-playing #zeka-header{min-height:44px;padding:4px 10px;flex-wrap:nowrap;gap:6px}
 body#zeka-page.kk-zeka-playing #zeka-header button{min-height:30px;font-size:12px;padding:4px 8px}
 body#zeka-page.kk-zeka-playing #oyun{padding:6px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
 body#zeka-page.kk-zeka-playing #zeka-table{grid-template-columns:minmax(0,1fr) 174px;gap:8px}
 body#zeka-page.kk-zeka-playing #zeka-rail{gap:6px;padding:3px}
 body#zeka-page.kk-zeka-playing #zeka-players{gap:5px}
 body#zeka-page.kk-zeka-playing .player{padding:3px 5px}
 body#zeka-page.kk-zeka-playing .person{font-size:12px;min-height:22px}
 body#zeka-page.kk-zeka-playing .player small{font-size:10px;margin:0}
 body#zeka-page.kk-zeka-playing .billiards-points{font-size:14px}
 body#zeka-page.kk-zeka-playing #zeka-sidebar{padding:7px;font-size:12px}
 body#zeka-page.kk-zeka-playing #zeka-status{font-size:13px;margin:3px 0}
 body#zeka-page.kk-zeka-playing #zeka-help{font-size:10px;line-height:1.3}
 body#zeka-page.kk-zeka-playing #zeka-controls{margin:4px 0}
 body#zeka-page.kk-zeka-playing #zeka-controls button{min-height:28px;padding:4px 7px;font-size:12px}
 body#zeka-page #zeka-rules{padding:12px;font-size:14px}
}