/* Wide mouse/trackpad screens get one header and one bottom dock. Touch keeps1171. */
.pool.pool-desktop>header{display:grid;grid-template-columns:auto minmax(108px,170px) auto minmax(330px,1fr) minmax(108px,170px) auto;gap:14px;height:52px;padding:0 16px;position:relative;z-index:3}
.pool.pool-desktop>header>.brand{grid-area:1/1;white-space:nowrap}
.pool.pool-desktop .scorebar{display:contents}
.pool.pool-desktop #player0{grid-area:1/2}.pool.pool-desktop .round{grid-area:1/3;min-width:72px;text-align:left}
.pool.pool-desktop #player1{grid-area:1/5}.pool.pool-desktop>header>nav{grid-area:1/6;margin:0;gap:8px;white-space:nowrap}
.pool.pool-desktop .player{gap:7px;overflow:hidden}.pool.pool-desktop .player>div:last-child{min-width:0;gap:6px;flex-wrap:wrap;row-gap:0}
.pool.pool-desktop .player strong{max-width:100%;font-size:11px}.pool.pool-desktop .player small{font-size:9px;white-space:nowrap}.pool.pool-desktop .medallion{width:27px;height:27px}
.pool.pool-desktop .viewbar{grid-area:1/4;position:relative;min-width:0;min-height:0;height:100%;padding:0;gap:6px;border:0;background:none;flex-wrap:nowrap;justify-content:center}
.pool.pool-desktop .viewbar>button{flex:none;white-space:nowrap;min-height:34px;padding:4px 9px}
.pool.pool-desktop #viewStatus{min-width:0;margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Additional camera controls float beneath their trigger without adding a header row. */
.pool.pool-desktop #cameraTools{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:8px;gap:6px;flex-wrap:nowrap;background:#10201ef5;border:1px solid #bfa16a70;border-radius:10px;box-shadow:0 10px 30px #0008;z-index:4}
.pool.pool-desktop #cameraTools button{min-height:34px}.pool.pool-desktop #cameraTools #closeView{display:inline-flex}
.pool.pool-desktop .footer{display:flex;position:relative;align-items:center;min-height:68px;padding:5px 16px;gap:12px;background:#0e1816;border-top:1px solid #bfa16a30}
.pool.pool-desktop .footer #ufaPlayHuman,.pool.pool-desktop .footer #quickInvite{position:static;flex:none;width:auto;height:auto;min-height:38px!important;padding:5px 10px!important;font-size:10px!important;margin:0}
.pool.pool-desktop .footer #connection{flex:none;max-width:120px;font-size:9px;line-height:1.4}
.pool.pool-desktop .footer>span:last-child{display:flex;align-items:center;white-space:nowrap;font-size:9px}
.pool.pool-desktop .footer a{margin-left:8px}
.pool.pool-desktop .footer>.controls{flex:1;min-width:0;min-height:56px;grid-template-columns:48px auto minmax(80px,360px) max-content 104px;gap:8px;padding:0;border:0;background:none}
.pool.pool-desktop .pool-stick{width:48px;height:48px;flex-basis:48px}.pool.pool-desktop #stickKnob{left:11px;top:11px}.pool.pool-desktop .stick-cross.horizontal{top:23px}.pool.pool-desktop .stick-cross.vertical{left:23px}
.pool.pool-desktop .controls .pool-shot-tools>button{min-height:38px}.pool.pool-desktop #shoot{min-height:44px;white-space:nowrap;padding-inline:10px;font-size:14px}
.pool.pool-desktop.placing .footer>.controls{display:flex;flex-wrap:nowrap}.pool.pool-desktop.placing .pool-shot-tools{flex-wrap:nowrap}.pool.pool-desktop.placing #placeCue{min-width:120px;min-height:44px}
.pool.pool-desktop .pool-assist{bottom:82px}
@media(max-width:1650px){.pool.pool-desktop>header{gap:10px;grid-template-columns:auto minmax(100px,130px) auto minmax(310px,1fr) minmax(100px,130px) auto}.pool.pool-desktop #viewStatus{display:none}.pool.pool-desktop .footer #connection{display:none}}
@media(max-width:1350px){.pool.pool-desktop>header{gap:8px;padding-inline:10px}.pool.pool-desktop>header>.brand{font-size:17px}.pool.pool-desktop>header>nav{gap:5px}.pool.pool-desktop>header button{padding-inline:8px;font-size:11px}.pool.pool-desktop>header nav>a{font-size:10px}.pool.pool-desktop .round strong{font-size:12px}.pool.pool-desktop .footer{gap:8px;padding-inline:10px}.pool.pool-desktop .footer>.controls{gap:6px;grid-template-columns:48px auto minmax(80px,1fr) max-content 90px}}