.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}}