.class-battle-invite{--workshop-readable:#f7f9ff;color:var(--workshop-readable);z-index:1000;background:#17182d;border:2px solid #cfb7ff;border-radius:24px;width:min(440px,100vw - 32px);margin:auto;padding:28px;box-shadow:0 24px 80px #0009}.class-battle-invite::backdrop{background:#09091bbb}.class-battle-invite h2{margin:12px 0;font-size:1.7rem}.class-battle-invite p{margin:12px 0}.class-battle-invite small{margin-top:18px;display:block}.battle-invite-kicker{letter-spacing:.12em;font-size:.75rem;font-weight:800}.class-battle-invite>div{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.class-battle-invite button{--workshop-readable:#17182d;color:var(--workshop-readable);cursor:pointer;background:#e1d4ff;border:2px solid #0000;border-radius:12px;padding:12px 18px;font-weight:800}.class-battle-invite button:focus-visible{outline-offset:3px;outline:3px solid #fff}.class-battle-invite button:disabled{opacity:.7;cursor:wait}.battle-invite-mini{--workshop-readable:#f7f9ff;right:16px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:80;width:min(280px,100vw - 32px);max-height:35vh;color:var(--workshop-readable);background:#17182d;border:2px solid #cfb7ff;border-radius:16px;gap:8px;padding:12px;display:grid;position:fixed;overflow:auto;box-shadow:0 8px 28px #0006}.battle-invite-mini>span{font-size:.8rem;font-weight:700}.battle-invite-mini button{--workshop-readable:#17182d;color:var(--workshop-readable);text-align:left;cursor:pointer;background:#e1d4ff;border:0;border-radius:10px;min-height:44px;padding:10px 12px;font-weight:800}.battle-invite-mini small{margin-top:4px;font-weight:500;display:block}.battle-invite-mini button:focus-visible{outline-offset:2px;outline:3px solid #fff}