.spot-players-dialog.modal{width:min(520px,100vw - 24px);max-width:520px;height:fit-content;max-height:min(600px, calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));flex-direction:column;margin:auto;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.spot-players-dialog:not([open]){display:none}.spot-players-dialog>:is(.modal-head,.modal-foot){flex:none}.spot-players-dialog>.modal-content{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow:auto}.spot-players-dialog .sub{margin-bottom:var(--space-3,12px);font-size:12px}.spot-players-list{gap:var(--space-2,8px);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.spot-players-list li{min-width:0}.spot-players-list button{align-items:center;gap:var(--space-2,8px);width:100%;height:100%;padding:var(--space-3,12px) var(--space-2,8px);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;text-align:center;cursor:pointer;flex-direction:column;display:flex}.spot-players-list button:hover{border-color:var(--accent);background:var(--accent-soft)}.spot-players-list button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spot-players-list button>span{gap:var(--space-1,4px);width:100%;min-width:0;display:grid}.spot-players-list b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:18px;overflow:hidden}.spot-players-list small{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.spot-players-foot{align-items:center;gap:var(--space-2,8px);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.spot-players-foot .btn{min-height:36px}.spot-players-dialog::backdrop{background:#00000080}.app .fh-presence .fh-spot-details{border:1px solid var(--border);background:var(--surface-2);min-height:28px;color:var(--game-action,var(--accent));font:inherit;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:3px 8px;font-size:11px;line-height:18px;display:inline-flex;position:relative}.app .fh-presence .fh-spot-details:hover{border-color:var(--accent);background:var(--accent-soft)}.app .fh-presence .fh-spot-details:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app .fh-presence .fh-spot-details:disabled{opacity:.5;cursor:default}@media (pointer:coarse){.app .fh-presence .fh-spot-details:after{content:"";position:absolute;inset:-8px -2px}.spot-players-foot .btn{min-height:44px}}@media (max-width:359px){.spot-players-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
