#friendly-duel-lobby{display:none;z-index:90;background:radial-gradient(circle at 50% 5%,rgba(0,210,255,.10),transparent 34%),linear-gradient(180deg,#090d18 0%,#0d1422 58%,#070a11 100%);color:#fff}
.friendly-duel-compact{width:min(100%,760px);min-height:calc(100vh - 150px);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:8px 0 22px}.friendly-duel-versus{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}.friendly-duel-player{min-width:0;padding:16px 10px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0b1320;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.friendly-duel-player>strong{font-size:13px;color:#d6e6ef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.friendly-duel-player>span:last-child{font-size:10px;font-weight:900;color:#73e7a6}.friendly-duel-vs{font-size:27px;font-weight:1000;color:#eccc68;text-shadow:0 0 15px rgba(236,204,104,.35)}.friendly-duel-avatar{display:block!important;margin:0!important;width:72px!important;height:72px!important;flex:0 0 auto}.friendly-duel-player #friendly-duel-my-character,.friendly-duel-player #friendly-duel-opponent-character{font-size:12px;font-weight:1000;color:#fff}.friendly-duel-status{text-align:center;color:#c2d9e4;font-size:13px;font-weight:850;min-height:20px}.friendly-duel-countdown-hint{text-align:center;color:#eccc68;font-size:12px;font-weight:900}.friendly-duel-connection-actions{display:flex;justify-content:center;gap:10px}.friendly-duel-connection-actions button{padding:12px 18px;border:0;border-radius:12px;font-weight:1000}.friendly-duel-connection-actions .retry{background:linear-gradient(135deg,#00d2ff,#3a7bd5);color:#fff}.friendly-duel-connection-actions .return{background:#303a49;color:#fff}.friendly-duel-connection-actions[hidden]{display:none}.friendly-invite-dialog{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}.friendly-invite-dialog.is-open{display:flex}.friendly-invite-box{width:min(92%,420px);padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:#151d2b;box-shadow:0 18px 60px rgba(0,0,0,.5)}.friendly-invite-box h3{margin:0 0 8px;color:#eccc68}.friendly-invite-box p{color:#cbd5df}.friendly-outgoing-countdown{margin-top:10px;padding:10px 12px;border-radius:10px;background:#0b1320;border:1px solid rgba(236,204,104,.3);color:#eccc68;text-align:center;font-size:14px;font-weight:1000}.friendly-invite-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.friendly-invite-actions button{padding:9px 13px;border:0;border-radius:10px;font-weight:900}.friendly-duel-message.error{color:#ff8b9a}
@media(max-width:650px){.friendly-duel-compact{min-height:calc(100vh - 118px);gap:11px;padding:0 0 14px}.friendly-duel-versus{gap:7px}.friendly-duel-player{padding:12px 6px;border-radius:16px}.friendly-duel-vs{font-size:20px}.friendly-duel-avatar{width:58px!important;height:58px!important}.friendly-duel-player>strong{font-size:11px}.friendly-duel-connection-actions,.friendly-invite-actions{flex-direction:column;width:100%}.friendly-duel-connection-actions button,.friendly-invite-actions button{width:100%}}