#play-friends{background:#0647a9;color:var(--cream);border-color:#0647a9;box-shadow:inset 0 0 0 2px var(--cream),var(--shadow)}
@media(min-width:651px){#play-friends{box-shadow:inset 0 0 0 4px var(--cream),var(--shadow)}}
#friends-panel{font-size:16px;line-height:1.45;min-width:0}
#friends-panel label{display:block;margin:12px 0;font-weight:600}
#friends-panel input,#friends-panel select,#friends-panel textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid var(--cream);border-radius:7px;font:inherit;color:var(--cream);background:var(--sign);user-select:text;-webkit-user-select:text}
#friends-panel textarea{min-height:70px;resize:vertical}
#friends-panel :is(input,select,textarea,button,summary):focus-visible{outline:none}
#friends-panel button{font-size:16px;padding:12px 16px;min-height:44px;border-radius:var(--drive-button-radius);box-shadow:inset 0 0 0 2px var(--cream)}
#friends-panel>button{display:block;width:100%;margin:10px 0}
#friends-panel h3{color:var(--yellow);margin:8px 0}
#friends-panel table{width:100%;border-collapse:collapse;margin:14px 0}
#friends-panel th,#friends-panel td{text-align:left;padding:8px 4px;border-bottom:1px solid #ffffff40;overflow-wrap:anywhere}
#friends-panel th:last-child,#friends-panel td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.friends-summary{font-size:20px;color:var(--yellow);font-weight:700}
.friends-error{color:#ffe09c}
.friends-game{display:flex;gap:8px;margin:10px 0}.friends-game button:first-child{flex:1;text-align:left}.friends-game button:last-child{flex:none}
#friends-panel details{margin-top:14px}#friends-panel blockquote{margin:12px 0;padding:8px 12px;border-left:3px solid var(--yellow);overflow-wrap:anywhere}
#friends-turn-label{position:absolute;left:50%;transform:translateX(-50%);top:150px;background:var(--sign);color:var(--cream);padding:5px 12px;border-radius:6px;font-size:14px;pointer-events:none;max-width:75%;text-align:center}
@media(max-width:650px){#friends-turn-label{top:112px;font-size:12px}.friends-game button{font-size:13px!important;padding:10px!important}}
@media(orientation:landscape) and (max-height:500px){#friends-turn-label{top:88px;font-size:11px;padding:3px 8px}}

#friends-panel button.friends-primary{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(120deg,#ffdf39,var(--yellow));color:#000;border-color:var(--yellow);box-shadow:inset 0 0 0 2px #000;font-weight:700}
#friends-panel .friends-primary .arrow{margin-left:0}
@media(min-width:651px){#friends-panel button.friends-primary{box-shadow:inset 0 0 0 4px #000}}

#friends-panel .friends-open-seat{color:#a9b3ae}
#friends-panel .friends-turn-arrow{color:var(--yellow);transform:rotate(180deg);width:1.2em;height:.6em;margin-left:.4em}
#friends-panel textarea:disabled{background:#344c43;color:#a9b3ae;opacity:.7;cursor:default}
#friends-turn-label{display:none!important}

#play-friends .arrow{transform:rotate(180deg);margin-left:0}