.friend-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.friend-central{margin:1.1rem 0 .8rem;padding:.9rem 1rem;border:2px solid #16d9e6;border-radius:18px;background:linear-gradient(135deg,#21133a,#142d3b);display:grid;gap:.45rem}.friend-central small{color:#16d9e6;font-size:.72rem;font-weight:950;letter-spacing:.08em}.friend-central strong{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;color:#b7ff00}.friend-central .player-avatar{width:46px;height:46px;flex-basis:46px;border:3px solid #b7ff00;box-shadow:0 0 0 4px rgba(183,255,0,.12)}.friend-progress{margin:.75rem 0;color:#d9caef}.friend-progress b{color:#fff}.friend-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.friend-option{min-height:88px;border:2px solid #59477b;border-radius:16px;background:#251640;color:#fff;padding:.85rem;text-align:left;font:inherit;font-weight:800;display:flex;gap:.75rem;align-items:center;transition:.16s ease}.friend-option .code{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#ff4f9a;color:#160a29}.friend-option-copy{display:grid;gap:.25rem}.friend-option-copy b{font-size:1rem}.friend-option-copy small{color:#d9caef;font-size:.72rem}.friend-option:not(:disabled):hover{border-color:#b7ff00;transform:translateY(-2px)}.friend-option.selected{border-color:#ff4f9a;box-shadow:0 0 0 3px rgba(255,79,154,.13)}.friend-option.active-choice{border-color:#b7ff00;background:linear-gradient(135deg,#294414,#203416);box-shadow:0 0 0 4px rgba(183,255,0,.16)}.friend-option.active-choice .code{background:#b7ff00}.friend-option.active-choice small{color:#b7ff00;font-weight:950;text-transform:uppercase}.friend-option.not-active-choice{opacity:.48}.friend-option.my-wrong-choice{opacity:1;border-color:#ff4f9a;background:#40182d}.friend-message strong{color:#b7ff00}.friend-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem;margin-top:1rem}.friend-player-card{position:relative;min-width:0;padding:.65rem;border:1px solid #59477b;border-radius:14px;background:#21133a;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"avatar copy" "result result";align-items:center;gap:.4rem .6rem}.friend-player-card .player-avatar{grid-area:avatar;width:38px;height:38px;flex-basis:38px}.friend-player-copy{grid-area:copy;display:grid;min-width:0}.friend-player-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.friend-player-copy small{min-height:1em;color:#c9b8e7;font-size:.69rem;line-height:1.25}.friend-player-result{grid-area:result;margin:0;font-size:.72rem}.friend-player-card em{position:absolute;right:.6rem;bottom:.6rem;color:#c9b8e7;font-size:.68rem;font-style:normal}.friend-player-card.is-designated{border-color:#16d9e6;background:#173246}.friend-player-card.is-designated .friend-player-result{color:#16d9e6}.friend-player-card.is-correct{border-color:#78ad00;background:#233714}.friend-player-card.is-correct .friend-player-result{color:#b7ff00}.friend-player-card.is-wrong{border-color:#8d315a;background:#351627}.friend-player-card.is-wrong .friend-player-result{color:#ff7b9f}.friend-player-card.is-me:after{content:"JIJ";position:absolute;right:.45rem;top:.4rem;padding:.12rem .3rem;border-radius:999px;background:#ff4f9a;color:#160a29;font-size:.55rem;font-weight:950}.friend-player-card.is-me .friend-player-copy strong{padding-right:1.8rem}@media(max-width:650px){.friend-options{grid-template-columns:1fr}.friend-head{display:block}.friend-head button{margin-top:.75rem}.friend-players{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-player-card{grid-template-columns:32px minmax(0,1fr);padding:.55rem}.friend-player-card .player-avatar{width:32px;height:32px;flex-basis:32px}.friend-option{min-height:74px}.friend-central{margin-top:.8rem}}

#friendOptions{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
#friendOptions .friend-option{width:100%;min-width:0;min-height:54px;box-shadow:none;background:linear-gradient(135deg,#087e89,#16bdc7);color:#fff}
#friendOptions .friend-option:nth-child(2){background:linear-gradient(135deg,#a91558,#ed3987)}
#friendOptions .friend-option:nth-child(3){background:linear-gradient(135deg,#547b00,#8fc700);color:#101900}
#friendOptions .friend-option:nth-child(4){background:linear-gradient(135deg,#a36f00,#efae05);color:#201500}
#friendOptions .friend-option-copy{min-width:0;overflow-wrap:anywhere;white-space:normal}
#friendOptions .code{border-radius:10px;background:var(--purple);color:#fff}
#friendOptions .friend-option:disabled{opacity:1}
#friendOptions .friend-option.selected{border-color:#fff;outline:2px solid #fff;outline-offset:1px}
.friend-verdict{padding:14px 16px;margin-bottom:12px;border-radius:14px;background:#147442;color:#fff;font-size:20px;font-weight:900}
.friend-verdict.is-wrong{background:#a82740}.friend-verdict.is-designated{background:#173246;border:1px solid #20d9dc}
.friend-chosen-answer{margin:12px 0 20px;padding:18px;border:2px solid #b7ff35;border-radius:18px;background:#233714;color:#fff;overflow-wrap:anywhere}
.friend-chosen-answer small,.friend-chosen-answer strong{display:block}.friend-chosen-answer small{font-size:14px;color:#dcefc9}.friend-chosen-answer strong{font-size:clamp(23px,5vw,32px);color:#b7ff35;margin-top:8px;line-height:1.25}.friend-chosen-answer p{margin:12px 0 0}
#friendPlayers .player-avatar{flex-shrink:0;aspect-ratio:1;object-fit:cover}
#friendPlayers .friend-player-card{grid-template-columns:38px minmax(0,1fr);padding:12px 60px 12px 12px}
#friendPlayers .friend-player-copy small{font-size:13px;line-height:1.4;overflow-wrap:anywhere}#friendPlayers .friend-player-result{font-size:13px}#friendPlayers em{font-size:16px;bottom:12px;color:#b7ff35;font-weight:900}