.friend-panel{max-width:920px;margin:35px auto;padding:25px;border:1px solid #bca98244;border-radius:22px;background:radial-gradient(ellipse at top left,#7faac512,transparent 70%),#141f30}.friend-panel h1{font-size:clamp(26px,4vw,39px);margin:25px 0}.friend-panel p{font-size:13px;line-height:1.9;color:#adbed0}.friend-format{font-size:12px;line-height:1.9;border:1px solid #9fcaba33;background:#8fcaac08;padding:16px;border-radius:12px;margin:25px 0;color:#b7d5cc}.friend-panel label{font-size:13px;color:#d0bd94}.friend-panel select,.friend-panel input{background:#0e1929;border:1px solid #a0b7cc66;border-radius:8px;padding:12px;color:#eadfc8;margin:10px}.friend-panel input{text-transform:uppercase;letter-spacing:3px;width:min(240px,80%)}.friend-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.friend-columns>section{border:1px solid #c3b58a33;padding:22px;border-radius:16px;background:#1b2b3b}.friend-columns h2{font-size:20px}.friend-columns label{display:block}.friend-columns input{display:block;margin:12px 0}.friend-actions,.friend-resume{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.friend-resume{padding:18px;background:#b9a37210;border:1px solid #b9a37244;border-radius:10px}.friend-resume span{font-size:12px;flex:1}.friend-error{color:#f1b5a8!important;min-height:20px}.room-code{font:clamp(28px,6vw,55px) monospace;letter-spacing:8px;padding:30px 12px;text-align:center;border:1px dashed #ddc89388;border-radius:16px;color:#f0dba6;background:#d3ba8010;margin:25px 0;user-select:all}.pvp-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px 18px;border:1px solid #9fcaba44;border-radius:13px;background:#18302f55;font-size:12px;color:#b8dfd0;margin-bottom:22px;text-align:left}.pvp-bar b{font-family:monospace;letter-spacing:3px;color:#e5d9b3}.pvp-bar button{padding:6px 12px;font-size:11px;margin-left:auto}.pvp-bar #pvpNetwork{width:100%;font-size:10px;color:#a7bdce;display:flex;align-items:center;gap:12px}.pvp-bar #pvpNetwork button{margin:0}.friend-panel #pvpNetwork{font-size:12px;color:#b8c8dc}.friend-panel .primary{font-size:12px}@media(max-width:650px){.friend-panel{padding:18px 14px;margin:20px auto}.friend-columns{grid-template-columns:1fr}.room-code{letter-spacing:4px;font-size:30px}.pvp-bar{gap:10px;font-size:11px;padding:10px}.friend-resume{padding:12px;gap:8px}.friend-panel label{display:block}.friend-panel select{margin-left:0}.friend-resume span{flex-basis:100%}}